FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Template Editing Forumotion » Templates Editing Tutorials » Box Forums List style

Box Forums List style

4 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3614
      Points : 129527
    Box Forums List style


    Overview

    Description

    Square/Box style for Forums list - mainly for RPGs.

    Demonstration

    Box Forums List style KLNgpk2

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › Requires to be the Founder of the #Forumotion Forum
    › It only works with PhpBB2 Forumotion forums' versions

    Installation

    Initial considerations

    The resource requires templates modification. In case you have already customized the necessary template, you will need a bit more of time to align it.

    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP) Display CSS & Colors CSS Style Sheet and add append the following code:

    You need to reply to the topic in order to see the code resources



    CSS Customization

    To customize each forum you use this CSS snippet. Replace
    Code:
    FORUM NAME
    by the name of the forum you want to edit; same for
    Code:
    BG
    with your background image.


    You need to reply to the topic in order to see the code resources



    HTML Content & Templates Modification

    For the last step you need to go towards Administration Control Panel (ACP) Display Templates General - index_box and modify its content:

    Replace the content of the template with this:

    Notes

    Approved byNiko
    Approved on January 28th, 2023
    Tested on Most recent browsers
    Difficulty level  / 
    Source Devaon

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Valid
    hoanglongnhatbao


    • Community veteran
      You belong to this community since its ancient time
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Active Contributor
      The user has wrote more than 100 posts and comments
      Post lover
      You have liked more than 50 posts!
      Members Guru
      You have received more than 50 likes on your posts. Our members really what you have to say!
        Posts : 145
        Points : 93807
      Thanks @niko

      Valid
      H3RO


      • Forum member
        Belongs to the community of FMCodes
          Posts : 16
          Points : 11990
        Thanks 

        Valid
        YoshiGM
        • Forum Administrator

          Community veteran
          You belong to this community since its ancient time
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Team contributor
          You have been part of the community team
          Forumotion expert
          This user is an expert with Forumotion free forum hosting
          10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Friendly user
          You have added many community members as friends!
          Beta Tester
          You have been part of the Beta-Testing team
          Merry Christmas 2022
          Thanks for having been with us during Christmas season!
          Forum Writer
          You have opened more than 20 topics on the forum
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
          Post lover
          You have liked more than 50 posts!
          Forum Partner
          This member is founder of a community affiliated with FMCodes!
            Posts : 595
            Points : 99352
          Hmm nice style.

          Thanks niko




          Box Forums List style Yoshig10

          Hey Guest, Welcome to FMCodes.  Hello
          Don't forget to read the General Rules
          • Want to improve your forum? Take a look of the Coding Community section.
          • Need any new design, promote your forum or any related? You can use our Forum Services

          Helping those who need it is not only part of duty, but of happiness.

          No Support via PM!

          Topic Actions

          Sponsored




          FMCodes • All-in-one Webmasters community  » Coding Community » Template Editing Forumotion » Templates Editing Tutorials » Box Forums List style

          ©phpBB | Contact | Report an abuse | Cookies