We have an updated Privacy Policy as well as Terms & Conditions and other policies on the site. Please review all of them using the links in the footer.

Welcome Forum The Lounge Some advanced code…..

  • Creator
    Topic
  • #176
    Anonymous
    Inactive

    See my first post about css first.

    This is for applying a static column to the left (i.e. you image links) and a fluid column to the right (i.e the forum.) There’s two glitches I haven’t worked out yet I’ll discuss at the end.

    Open up (forum directory)/templates/subsilver/overall_header.tpl with any text editor.

    Add the following code to the CSS within the document.

    [code:1]div#main
    {
    width: 99%;
    height: 100%;
    }

    div#leftcontent
    {
    float: left;
    width: 190px; *****width should equal your image link width
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    }

    div#rightcontent
    {
    margin-left: 240px; **** can be set to anything larger than your left content width.*****
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 99%;
    }[/code:1]

    After the body tag add:

    [code:1]<div id="main">
    <div id="leftcontent">
    <a href="http://www.wiscollector.com/*.*"><img src="http://www.wiscollector.com/*.*" alt="Your Alt Text"></a>
    *****Add as many image links as you wish within the above a tags *****

    </div>
    <div id="rightcontent">[/code:1]

    Save the document.

    Open up (forum directory)/templates/subsilver/overall_footer.tpl with any text editor.

    And before the body tag add

    [code:1]</div>
    </div>[/code:1]

    This works well in IE providing anything in the rightcontent doesn’t push the browser size beyond the display width. For example if the user has a display setting 800×600 and the margins combined in the leftcontent = 240px and you place an image of 560px (actually less because of scrollbars etc.), the rightcontent gets forced below the left content.

    The other glitch is that FF uses the display width as the rightcontent attribute forcing the window off the right side of the browser window…… Welcome to the wonderful world of cross browser compatibility. 👿

    I’m still working on it, really haven’t had time. I do have code that works well with pages I have created but the issue arises with the tablle sizes. I don’t use tables often and the ones I do have a static size so the issue becomes moot.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #6434
    Garibaldi
    Keymaster

    So what will that mod do exactly? Allow the forum to load better in different browsers/resolutions? Also these mods (like the mod control panel and image hosting), where can I find them and how do I install them? Sorry for me asking so many newbie questions, but well… I am new at this.
    Thanks again for all your help!

    #6435
    Anonymous
    Inactive

    That’s not a phpbb mod that’s a coalman mod. That’s for any page really, it creates a static left column for your pages and a fluid right column for content. like here http://www.coaldelivery.com resize your display settings and you’ll see the page adjusts.

    #6436
    Garibaldi
    Keymaster
    Quote:
    That’s not a phpbb mod that’s a coalman mod. That’s for any page really, it creates a static left column for your pages and a fluid right column for content. like here http://www.coaldelivery.com resize your display settings and you’ll see the page adjusts.

    Oh ok, I see what your saying, the menubar (or sidebar) is in a different frame or something that adjusts to your resolution. Is this really an issue in my site as far as being able to view it in different resolutions other than 1024×768?
    Thanks again! :D

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.