Announcement

Collapse
No announcement yet.

[HowTo] Design and Tweak your Frontpage

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • #31
    Originally posted by drumsy
    Any other neat tricks/modifications you'd care to share with us??
    Search the template & Hints & Tips boards.

    Comment


    • #32
      Re: (3) Adding onMouseOver-highlighting effect to the boards

      Originally posted by xiphoid
      (3) Adding onMouseOver-highlighting effect to the boards

      (description)
      This template modification will set an inversed color effect to the boards. So when you hover with your mouse over a board, it will highlight and clickable to that specific board. (And when you move your mouse out of the board, it will return to original color). Very nice!

      (installation)
      This is only going to take one template modification and should be pretty easy.
      • Step 1
      • Login to the Admin Control Panel (ACP).
        Templates > Modify > Expand
        Forum Home Page Templates > Expand
        forumhome_forumbit_level2_post > edit
      • find the following code:
        Code:
        <td bgcolor="{firstaltcolor}" align="left">
        and replace that with:
        Code:
        <td bgcolor="{firstaltcolor}" align="left"
        onMouseOver="this.style.backgroundColor='{secondaltcolor}'; 
        this.style.cursor='hand';" 
        onMouseOut="this.style.backgroundColor='{firstaltcolor}';" 
        onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'">
      • Now "Save" the forumhome_forumbit_level2_post template.

      Done!

      (For more of these onMouseOver highlighting effects, please read the original thread: here)

      Anyway one of you guys can alter this so when you go over it- it turns white? The guys on my site are gettin neausous with the colors:

      http://exoticcarforums.com/index.php?s=


      White please

      Comment


      • #33
        Re: Re: (3) Adding onMouseOver-highlighting effect to the boards

        Originally posted by [email protected]



        Anyway one of you guys can alter this so when you go over it- it turns white? The guys on my site are gettin neausous with the colors:

        http://exoticcarforums.com/index.php?s=


        White please
        Change {secondaltcolor} to #FFFFFF

        Comment


        • #34
          Originally posted by GamerForums
          Thanks for this!
          No problem.

          Comment


          • #35
            I dont want to make you mad Xiphoid but I have the same problem and am too dumb to fix it... here is my forum home template and I too have the dreaded black line.. and one other problem.. somehow i lost the black border on the top table where who's online is along with PM notification. Im sorry as I can see you all hate to be asked about the black line but I thought I would try anyway. IF there are no answers and I have tried all of the above that was suggested, I guess I will just live with it but it sure is ugly.
            I know its my fault tho just to be sure you dont think Im blaming your fix which all of them are WONDERFUL!


            {htmldoctype}
            <html>
            <head>
            <!-- no cache headers -->
            <meta http-equiv="Pragma" content="no-cache">
            <meta http-equiv="no-cache">
            <meta http-equiv="Expires" content="-1">
            <meta http-equiv="Cache-Control" content="no-cache">
            <!-- end no cache headers -->
            <meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
            <meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
            <title>$bbtitle - powered by vBulletin</title>
            $headinclude
            </head>
            <body>
            $header

            <!-- text -->
            <table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
            <tr valign="top">
            <td><img src="{imagesfolder}/vb_bullet.gif" border="0" align="middle" alt="$bbtitle : Powered by vBulletin version $templateversion">
            <normalfont><b>$bbtitle</b></normalfont></td>
            <td align="right"><smallfont>$welcometext<br><b>$newposts</b></smallfont></td>
            </tr>
            </table>

            <table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
            $unregwelcomemessage
            <tr valign="bottom">
            <td><smallfont>
            Members: $numbermembers, Threads: $totalthreads, Posts: $totalposts<br>
            Welcome to our newest member, <a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$newuserid">$newusername</a>
            </smallfont></td>
            <td align="right"><smallfont>
            The time now is $timenow.<br>
            You last visited: $bbuserinfo[lastvisitdate].
            </smallfont></td>
            </tr>
            </table><!-- /text -->
            <br>
            <!-- main -->
            <table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{pagebgcolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
            <table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
            $loggedinusers
            $birthdaybits
            $pminfo
            </table>
            </td></tr></table><br>
            <table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
            <table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="1" {tableinnerextra} width="100%">
            $forumbits
            $birthdaybits
            $pminfo
            </table>
            </td></tr></table>
            <!-- /main -->

            <br>

            <!-- timezone/login-->
            <table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
            <tr valign="top">
            <td><smallfont>$timezone</smallfont></td>
            <td align="right">$logincode</td>
            </tr>
            </table>
            <!-- /timezone/login -->

            <br>

            <!-- icons -->
            <table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
            <tr>
            <td align="center">
            <img src="{imagesfolder}/on.gif" border="0" alt="On" align="absmiddle">
            <b><smallfont>New posts</smallfont></b>
            &nbsp;&nbsp;
            <img src="{imagesfolder}/off.gif" border="0" alt="Off" align="absmiddle">
            <b><smallfont>No new posts</smallfont></b>
            &nbsp;&nbsp;
            <img src="{imagesfolder}/lock.gif" border="0" alt="Closed Forum" align="absmiddle">
            <b><smallfont>A closed forum</smallfont></b>
            </td>
            </tr>
            </table>
            <!-- /icons -->

            $footer
            </body>
            </html>

            Comment


            • #36
              I think it is because you have a background image instead of a set color. This will make bgcolor="{pagebgcolor}" just display the black color it seems. Maybe you can fix it with removing that and replace it with background="transparant.gif" which is a 1x1 transparant pixel image. Just a guess. Otherwise I wouldn't know.

              Comment


              • #37
                probs with the background image mod

                Have successfully set the mouseover highlight and the separated categories mods in place and they look great. Thanks for those, they are excellent, however the background image mod is kicking my butt here. My template for
                'forumhome_forumbit_level1_nopost' does not include the lines you mention at the bottom of the template. In fact the entire template is this:

                </table>
                </td></tr></table><br>
                <table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
                <table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
                <tr id="cat">
                <td bgcolor="{categorybackcolor}" colspan="6"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
                <br><smallfont color="{categoryfontcolor}">$forum[description]</smallfont></td>
                </tr>

                I do not find the code below that is supposed to be at the end of the template:

                code:--------------------------------------------------------------------------------<tr align="center">
                <td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
                <td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
                <td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
                <td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
                <td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
                <td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
                </tr>--------------------------------------------------------------------------------

                As I said, I have already installed both the other front page mods and was hoping you could help me here - TIA

                Comment


                • #38
                  If you have indeed installed the other frontpage mods, then you made an error, obviously. Since in 'breaking up the cats' mod it says in step 2: You should find this "<tr id=cat> and BEFORE that add..', if you successfully installed the other hack, than in the category background image mod, you should see that line again .. for it did not got removed and both are the same template. (uhm, sorry for poor english)

                  Comment


                  • #39
                    I just went ahead and reverted back to an old notepad that I had saved under the title GOOD Forum Home Page and then sat back and prayed! I would suggest to all if you EVER get a good thing going, and your like me you can't figure out how to find those little symbols that cause these problems, SAVE IT TO NOTEPAD! IT has helped me so much to have that to fall back on!... For some of us undoing an error is harder than it ought to be but we cain't hep it Also I am quite PROUD of myself! I INSTALLED the latest version all by myself and IT Was so easy I was stunned! All this time I have been terrified I would destroy the whole entire board! but it went like a dream! Hurray for one small step for this woman!

                    Comment


                    • #40
                      Originally posted by RavenBeauty
                      I just went ahead and reverted back to an old notepad that I had saved under the title GOOD Forum Home Page and then sat back and prayed! I would suggest to all if you EVER get a good thing going, and your like me you can't figure out how to find those little symbols that cause these problems, SAVE IT TO NOTEPAD! IT has helped me so much to have that to fall back on!... For some of us undoing an error is harder than it ought to be but we cain't hep it Also I am quite PROUD of myself! I INSTALLED the latest version all by myself and IT Was so easy I was stunned! All this time I have been terrified I would destroy the whole entire board! but it went like a dream! Hurray for one small step for this woman!
                      One of my advices in the first template mod on this thread was to backup to a notepad It is always smart to do.

                      Comment


                      • #41
                        I just thought of something. I managed to get rid of all the lines apart from the one where you are logged out and there is a line where the PMINFO would normally be...well I was thinking, because you're logged out, and therefore cannot receive PMs, it doesn't show the contents of the table. So that means there is an empty table in the welcome panel code in the forumhome table...maybe if you put *all* of the code for the pm bar into the pm template, all would be good

                        /me tests this

                        Comment


                        • #42
                          ok it didn't work, I'm going to leave it for now, my head hurts. If anyone finds out a fix, good on ya

                          Comment


                          • #43
                            Yo

                            I'm recieving a weird error on the breaking the forum Frontpage trick just as some other people were. Mine is less severe, but still as annoying. At the top of my forums and bottom is a horizontal line that appears to look like a <hr> tag, although suspecting enough it isn't. My guess is something got messed up in the adding of <td>,<tr>,<table> tags but I'm not sure what...

                            If you have any hints on to what or where the problem may be sourcing from, please let me know. I have installed everything perfectly as said so in instructions.

                            Regards,
                            Sanosuke

                            Comment


                            • #44
                              Originally posted by Sagara Sanosuke
                              Yo

                              I'm recieving a weird error on the breaking the forum Frontpage trick just as some other people were. Mine is less severe, but still as annoying. At the top of my forums and bottom is a horizontal line that appears to look like a <hr> tag, although suspecting enough it isn't. My guess is something got messed up in the adding of <td>,<tr>,<table> tags but I'm not sure what...

                              If you have any hints on to what or where the problem may be sourcing from, please let me know. I have installed everything perfectly as said so in instructions.

                              Regards,
                              Sanosuke
                              I have tested several scenario's with a 100% clean installation. It might 'screw up' the table nesting, when other template mods or code mods are installed. Therefor I can't support that. However, in those cases where it just shows up that way, and no mods have been made. It is weird :P It is occuring because the table background color needs to be either a transparant 1x1 .gif image or the background color of the page. Maybe when breaking the set up with moving the PM box or the birthday box to the top is causing table nesting to go wrong. In this case, find the last table that has a *bits request in them and apply the right color to that <table>. I think.

                              Comment


                              • #45
                                Ok, I will try to do that. Thanks

                                Comment

                                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                                Working...
                                X