Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  Add ReplyNew TopicNew Poll

 forum macro question
#
Alright, I'm going to try and explain this as best I can.

So, I'm creating an HTML Template for the index of my board (located here)

The Template itself is located here. (I prefer to work in an environment like this so I don't have to refresh a million times to see my changes because i'm a perfectionist SORRY)

ANYWAY. What I'm looking to do is have the background colour behind the 'FORUM NAME' bit be the new post/no new post macro, basically have it be the blue it is in the top one be the 'new', and the grey in the second one be 'no new'.

I'm just not quite sure how to approach actually implementing it into the HTML templates. I'm sure it can be done, but I'm not quite sure how to go about it? I've got a few ideas on how to tinker with it, and I'm going to work on implementing this either tonight or tomorrow on the board itself, but I was hoping there was an easy way to kind of go about this so I'm not ripping out my hair.

Thanks!
PM
#
    Put this in your template area:

    CODE
    <div class='maintitle'>welcome desk</div>
     <div class='index-table-one'>
       <div class='forum-top <!-- |class_new_post| -->'><a href='#'>forum name</a></div>
       <div class='index-desc'>2 much monospace 4 me oops
         also **** this lol
       </div>
       <div class='index-rep-top'><b>4</b> topics</div>
       <div class='index-rep-top' style='top: 124px;'><b>18</b> replies</div>
       <div class='index-f-stats'><a href='#'>topic name</a>
         <hr/>
         LAST POST MADE <b>3 MINUTES AGO</b> BY <b>SPACE BISEXUAL</b>
       </div>
     </div>
     
     <div class='index-table-one'>
       <div class='forum-top old'><a href='#'>forum name</a></div>
       <div class='index-desc'>2 much monospace 4 me oops
         also **** this lol
       </div>
       <div class='index-rep-top'><b>4</b> topics</div>
       <div class='index-rep-top' style='top: 124px;'><b>18</b> replies</div>
       <div class='index-f-stats'><a href='#'>topic name</a>
         <hr/>
         LAST POST MADE <b>3 MINUTES AGO</b> BY <b>SPACE BISEXUAL</b>
       </div>
     </div>


    And this is the CSS for that section:

    CODE
    .forum-top {
         width: 100%;
         box-sizing: border-box;
         font: 20px/100% 'Cutive Mono', monospace;
         text-align: center;
         padding: 10px;
         margin-bottom: 5px;
         text-transform: uppercase;
         letter-spacing: 2px;
         background-color: rgba(155,155,155,0.7);
         border: 1px solid rgba(255,255,255,0.8);
         outline: 1px solid rgba(255,255,255,0.5);
         outline-offset: -5px;}
         
         .forum-top.forum-new-post { background-color: rgba(92,195,194,0.7); }
         
         .forum-top a:link, .forum-top a:active, .forum-top a:visited {
           color: white;
           text-decoration: none; }


    You do not need the .old CSS class at all, just the HTML the way I've put it, and the CSS as well to replace that area.

    Basically what's going to happen is when someone makes a new post, the title of the forum is going to light up in the green like you want. When there is no new post, it's going to be the gray.
PM
#
That worked perfectly! Thanks!
PM
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll