3 part tcat?

Discussion in 'Forum Management' started by Pandemix, Sep 21, 2007.

  1. #1
    I was wondering if it is possible to have a 3 part tcat. For example: the tcat on this skin is broken into 3 pieces; a right, middle and left piece.

    How might I go about doing this?
     
    Pandemix, Sep 21, 2007 IP
  2. Audentio

    Audentio Well-Known Member

    Messages:
    424
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    108
    #2
    Not sure how that particular designer does it, but I do it like this:
    
    <div class="tcat_main"><div class="tcat_left"><div class="tcat_right"><div class="tcat_text">
    
    <!--start coding -->
    tcat title, description, expanders, etc coding here.
    <! -- / end coding -->
    
    </div></div></div></div>
    
    Code (markup):
    Then in the css I put something like:
    
    .tcat_main {
    background: url(xx.gif) top left repeat-x;
    height: xxpx;
    }
    
    .tcat_left {
    background: url(xx_left.gif) top left no-repeat;
    height: xxpx;
    }
    
    .tcat_right {
    background: url(xx_right.gif) top right no-repeat;
    height: xxpx;
    }
    
    .tcat_text {
    padding: 10px; /* may need to play around with this value depending on your images */
    
    Code (markup):
    Takes awhile to type :p...anyways, just replace the xx's with the right value. If you need some more help, I can try doing it for you if you send me the images.
     
    Audentio, Sep 23, 2007 IP
    Pandemix likes this.
  3. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #3
    Awesome, but what goes in here:

    <!--start coding -->
    [COLOR="Red"]tcat title, description, expanders, etc coding here.[/COLOR]
    <! -- / end coding -->
    Code (markup):
    Thanks for the help. :)
     
    Pandemix, Sep 26, 2007 IP
  4. Audentio

    Audentio Well-Known Member

    Messages:
    424
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    108
    #4
    			<if condition="$childforumbits">
    			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
    			</if>
    			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
    			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
    			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
    Code (markup):
    Delete that then put that coding inside those divs where I put the comment tag :).

    Cheers!
     
    Audentio, Sep 26, 2007 IP
  5. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #5
    Last question: where does this code go?:

    
    <div class="tcat_main"><div class="tcat_left"><div class="tcat_right"><div class="tcat_text">
    
    <!--start coding -->
    			<if condition="$childforumbits">
    			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
    			</if>
    			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
    			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
    			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
    <! -- / end coding -->
    
    </div></div></div></div>
    Code (markup):
    Thanks so much. :)
     
    Pandemix, Sep 26, 2007 IP
  6. Audentio

    Audentio Well-Known Member

    Messages:
    424
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    108
    #6
    Oops, totally forgot that part >< Assumed you knew, but that is in...Edit Templates > Forumhome templates > forumhome_forumbit_level1_nopost
     
    Audentio, Sep 26, 2007 IP
  7. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #7
    Works like a charm!

    Thank you so much, I owe you BIG time.
     
    Pandemix, Sep 26, 2007 IP
  8. Audentio

    Audentio Well-Known Member

    Messages:
    424
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    108
    #8
    No problem :). If you need more help, feel free to ask. And dont worry about owing me anything XD.
     
    Audentio, Oct 1, 2007 IP