Announcement

Collapse
No announcement yet.

[HELP NEEDED] how i can put the forum in a div

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

  • [HELP NEEDED] how i can put the forum in a div

    Id like to put the forum in a div here is my code

    Code:
    <head>
    <style>
    
    
    body {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        height: 100%;
        max-height: 100%;
    }
    #framecontent {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 320px;
        overflow: hidden;
        color: white;
        background-image: url(http://www.aionlife.net/forum/css/css/background.jpg);
        background-repeat: repeat-y;
        background-position: 110px;
        background-color: #1D1D1D;
    }
    .version {
        left: auto;
        right: auto;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        color: #CCC;
        margin-left: 15px;
    }
    .sidenav {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        margin-left: 15px;
    }
    .hr1 {
        color: #7FC1CE;
    }
    
    #maincontent {
        position: fixed;
        top: 0;
        left: 300px; /*Set left value to WidthOfFrameDiv*/
        right: 0;
        bottom: 0;
        overflow: auto;
        background-color: #000;
        background-attachment: fixed;
        background-image: url(http://www.aionlife.net/forum/css/css/bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .innertube {
        color: #FFF;
        margin-top: 25px;
        margin-right: 75px;
        margin-bottom: 25px;
        margin-left: 15px;
    }
    * html body { /*IE6 hack*/
        padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
    }
    * html #maincontent { /*IE6 hack*/
        height: 100%;
        width: 100%;
    }
    ul#sliding-navigation
    {
        list-style: none;
        font-size: 10px;
        margin: 30px 0;
        padding: 0;
    }
    
    ul#sliding-navigation li.sliding-element h3,
    ul#sliding-navigation li.sliding-element a
    {
        display: block;
        width: 200px;
        margin-bottom: 5px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        padding-top: 5px;
        padding-right: 18px;
        padding-bottom: 5px;
        padding-left: 18px;
    }
    
    ul#sliding-navigation li.sliding-element h3
    {
        color: #fff;
        background:#333 url(css/heading_bg.jpg) repeat-y;
        font-weight: normal;
    }
    
    ul#sliding-navigation li.sliding-element a
    {
        color: #999;
        background:#222 url(../../MEMBERS/css/tab_bg.jpg) repeat-y;
        border: 1px solid #1a1a1a;
        text-decoration: none;
    }
    
    ul#sliding-navigation li.sliding-element a:hover {
        color: #85CAD8;
    }
    </style>
    
    </head>
    <div id="framecontent">
    <div class="innertube">
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
        <td align="$stylevar[right]" id="header_right_cell">
            <if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
        </td>
    </tr>
    </table>
    <!-- /logo -->
    
    <!-- content table -->
    $spacer_open
    
    $_phpinclude_output
    
    $ad_location[ad_header_end]
    
    
    <!--OK ABOVE IS THE TOP BIT OK!!!! OK OK OK -->
    </div>
    </div>
    
    
    <div id="maincontent">
    <div class="innertube">
    <!--BELOW IS THE MIDDLE BIT OK OK OK!!!!-->
    
    <meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
    <meta name="generator" content="vBulletin $vboptions[templateversion]" />
    <if condition="$show['threadinfo']">
    <meta name="keywords" content="<if condition="$threadinfo['taglist']">$threadinfo[taglist], </if>$threadinfo[prefix_plain_html] $threadinfo[title], $vboptions[keywords]" />
    <meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$threadinfo[prefix_plain_html] $threadinfo[title] $foruminfo[title_clean]" />
    <else /><if condition="$show['foruminfo']">
    <meta name="keywords" content="$foruminfo[title_clean], $vboptions[keywords]" />
    <meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$foruminfo[description_clean]" />
    <else />
    <meta name="keywords" content="$vboptions[keywords]" />
    <meta name="description" content="$vboptions[description]" />
    </if></if>
    
    <!-- CSS Stylesheet -->
    $style[css]
    <if condition="is_browser('opera') AND !is_browser('opera', '8.0.1')">
    <style type="text/css" id="vbulletin_opera8fix_css">
    ul, ol { padding-$stylevar[left]:20px; }
    </style>
    </if>
    <if condition="$show['editor_css']">
    $editor_css
    </if>
    <!-- / CSS Stylesheet -->
    
    <script type="text/javascript" src="$stylevar[yuipath]/yahoo-dom-event/yahoo-dom-event.js?v=$vboptions[simpleversion]"></script>
    <script type="text/javascript" src="$stylevar[yuipath]/connection/connection-min.js?v=$vboptions[simpleversion]"></script>
    <script type="text/javascript">
    <!--
    var SESSIONURL = "$session[sessionurl_js]";
    var SECURITYTOKEN = "$bbuserinfo[securitytoken]";
    var IMGDIR_MISC = "$stylevar[imgdir_misc]";
    var vb_disable_ajax = parseInt("$vboptions[disable_ajax]", 10);
    // -->
    </script>
    <script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>
    <if condition="$show['popups']"><script type="text/javascript" src="clientscript/vbulletin_menu.js?v=$vboptions[simpleversion]"></script></if>
    
    <if condition="$vboptions['externalrss']">
        <link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] RSS Feed" href="external.php?type=RSS2" />
        <if condition="$show['foruminfo'] OR $show['threadinfo']">
            <link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] - $foruminfo[title_clean] - RSS Feed" href="external.php?type=RSS2&amp;forumids=$foruminfo[forumid]" />
        </if>
    </if>
    
    <!--ABOVE IS THE MIDDLE BIT OK OK OK OK OK!!!!-->
    
    <!--BELOW IS THE BOTTOM BIT OK OK OK OK OK !!!!-->
    
    $ad_location[ad_footer_start]
    
    <br />
    <div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
    <br />
    
    $spacer_close
    <!-- /content area table -->
    
    <form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar[left]">
    
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
    <tr>
        <if condition="$show['quickchooser']">
            <td class="tfoot">
                <select name="styleid" onchange="switch_id(this, 'style')">
                    <optgroup label="$vbphrase[quick_style_chooser]">
                        $quickchooserbits
                    </optgroup>
                </select>
            </td>
        </if>
        <if condition="$show['languagechooser']">
            <td class="tfoot">
                <select name="langid" onchange="switch_id(this, 'lang')">
                    <optgroup label="$vbphrase[quick_language_chooser]">
                        $languagechooserbits
                    </optgroup>
                </select>
            </td>
        </if>
        <td class="tfoot" align="$stylevar[right]" width="100%">
            <div class="smallfont">
                <strong>
                    <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if>
                    <if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -</if>
                    <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if>
                    <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if>
                    <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if>
                    $template_hook[footer_links]
                    <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
                    <if condition="$vboptions[tosurl]"><a href="$vboptions[tosurl]">$vbphrase[terms_of_service]</a> -</if>
                    <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
                </strong>
            </div>
        </td>
    </tr>
    </table>
    
    <br />
    
    <div align="center">
        <div class="smallfont" align="center">
        <!-- Do not remove this copyright notice -->
        $vbphrase[powered_by_vbulletin]
        <!-- Do not remove this copyright notice -->
        </div>
    
        <div class="smallfont" align="center">
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
        $cronimage
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
    
        $vboptions[copyrighttext]
        </div>
    </div>
    
    </form>
    
    $ad_location[ad_footer_end]
    
    <if condition="$show['dst_correction']">
    <!-- auto DST correction code -->
    <form action="profile.php?do=dst" method="post" name="dstform">
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
        <input type="hidden" name="do" value="dst" />
    </form>
    <script type="text/javascript">
    <!--
        var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
        var utcOffset = new Date().getTimezoneOffset() / 60;
        if (Math.abs(tzOffset + utcOffset) == 1)
        {    // Dst offset is 1 so its changed
            document.forms.dstform.submit();
        }
    //-->
    </script>
    <!-- / auto DST correction code -->
    
    </if>
    <script type="text/javascript">
    <!--
        // Main vBulletin Javascript Initialization
        vBulletin_init();
    //-->
    </script>
    
    </div>
    </div>

    but as soon as i put it in ym form skin i get this





    what id like is for the navigation links to be in the left collume and the forums in the right colum.

    any suggestions?

    Thanks
    Renny.

  • #2
    Change all the widths to 100 and set it to %'s. This way it stretches as long as it needs to.

    Comment

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