Announcement

Collapse
No announcement yet.

Headers in vB? Is that what you call them?

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

  • Faast
    replied
    Originally posted by ManagerJosh
    All the forums here and here are support forums
    I. Am. Stupid.

    Thank you.

    Leave a comment:


  • ManagerJosh
    replied
    All the forums here and here are support forums

    Leave a comment:


  • Faast
    replied
    Steve, you dont have a PM icon, but where do I log into the support forum? Now that I have registered wth my admin email.

    Leave a comment:


  • Steve Machol
    replied
    I see you have vB running now:

    http://forums.makecommercefun.com/

    Since this is now a support issue, please register for Priority Forum Support. To do this, please go here:

    http://members.vbulletin.com/membersupport_priority.php

    ...and enter your email address in one of the boxes. You'll need to have your customer number and password to access the page.

    Once you've done this, please post in the appropriate support forum for your version.

    Leave a comment:


  • sushi7
    replied
    Originally posted by Reeve of Shinra
    I did a view source, and this is the part you'll probably need to copy/paste into your forum header section.

    You may need to take a look at your mambo css and copy/paste some of the info related to the header into the "additional css" box in the forum style.

    "http://makecommercefun.com/templates/md_openoffice/css/template_css.css"

    HTML Code:
    <div class="center" align="center">
      <table class="minimal" width="810" id="main">
        <tr>
    <td class="left_shadow"><img src="http://makecommercefun.com/templates/md_openoffice/images/spacer.png" alt="spacer.png, 0 kB" title="spacer" class="" height="1" width="17" /><br /></td>
          <td class="wrapper">
        		<div id="header">&nbsp;</div>
        		<div id="tabbar">
    					<script type="text/javascript">
    <!--//--><![CDATA[//><!--
    
    sfHover = function() {
    	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    	for (var i=0; i<sfEls.length; i++) {
    		sfEls[i].onmouseover=function() {
    			this.className+=" sfhover";
    		}
    		sfEls[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    		}
    	}
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    
    //--><!]]>
    
    
    This didn't work ... www.makecommercefun.com/forums
    
    It just messed up the entire layout of the forums :( 
    
    </script>
    <div id="nav"><ul>
    <li><a href="http://makecommercefun.com/">Home</a></li>
    <li><a href="http://makecommercefun.com/content/section/1/2/">News</a></li>
    <li><a href="http://forums.makecommercefun.com">Forums</a></li>
    <li><a href="http://makecommercefun.com/component/option,com_contact/Itemid,3/">Contact Us</a></li>
    </ul></div> 
    				</div>

    This didn't work .. it just messed up my entire forums when I entered the css data:

    /* custom stuff */
    HTML {
    height: 100%;
    margin-bottom: 1px;
    }

    BODY {
    margin: 0px 0px 0px 0px;
    height: 100%;
    }

    a:link, a:visited {
    color: #BD4B37; text-decoration: none;
    font-weight: bold;
    }

    a:hover {
    color: #742E21; text-decoration: none;
    font-weight: bold;
    }

    td,tr,p,div {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    font-size: 11px;
    color: #333333;
    text-align: left;
    }

    h3, .componentheading {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #BD4B37;
    line-height: 18px;
    margin: 5px 0;
    }

    .componentheading {
    padding-top: 10px;
    }

    .contentheading {
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/oo_seperator_horiz.png) bottom left repeat-x;
    padding: 0px 0px 5px 0px;
    font-size: 20px;
    font-weight: normal;
    height: 45px;
    vertical-align: bottom;
    color: #5C6265;
    text-align: left;
    width: 100%;
    }

    ul
    {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    ul li
    {
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url(../images/oo_bullet_red.png) ;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    }

    .small {
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    text-align: left;
    }

    .modifydate {
    height: 30px;
    vertical-align: bottom;
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    text-align: left;
    }

    .createdate {
    height: 25px;
    vertical-align: top;
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 0px;

    }

    .clr {
    clear: both;
    }

    #page_bg {
    height: 100%;
    background: #B6BABA;
    padding: 0;
    margin-bottom: 1px;
    }

    div.mosimage_caption {
    font-size: 10px;
    color: #666666;
    }

    div.center {
    text-align: center;
    }

    table#main {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }

    div.blog_more {
    margin-top: 30px;
    }

    div.syndicate div {
    text-align: center;
    }

    table.minimal {
    border-collapse: collapse;
    margin:0;
    padding: 0;
    }

    table.minimal td {
    margin:0;
    padding: 0;
    }

    td.left_shadow {
    width: 17px;
    background: url(../images/oo_shadow_l.png) repeat-y;
    }

    td.right_shadow {
    width: 17px;
    background: url(../images/oo_shadow_r.png) repeat-y;
    }

    td.left_bot_shadow {
    width: 17px;
    height: 34px;
    background: url(../images/oo_shadow_bl.png) no-repeat;
    }

    td.right_bot_shadow {
    width: 17px;
    height: 34px;
    background: url(../images/oo_shadow_br.png) no-repeat;
    }

    td.bottom {
    text-align: center;
    height: 41px;
    color: #999999;
    line-height: 30px;
    vertical-align: top;
    background: url(../images/oo_shadow_b.png) bottom left no-repeat;
    }

    td.wrapper {
    width: 776px;
    }


    #bottomnav_links {
    float: left;
    width: 776px;
    height: 24px;
    background: url(../images/oo_redbar_bot.png) repeat-x;
    padding: 0px;
    }

    #links {
    float: right;
    padding-top: 7px;
    }

    #bottomnav_links ul {
    margin: 0;
    padding: 0;
    }

    #bottomnav_links li {
    background-image: none;
    list-style:none;
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height:17px;
    height: 17px;
    white-space: nowrap;
    }

    #bottomnav_links a {
    display: block;
    padding: 0px 30px;
    float: none;
    text-decoration: none;
    color: #eeeeee;
    line-height: 17px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/oo_seperator_menubar.png) 0px 3px no-repeat;
    }

    #bottomnav_links a:hover {
    color: #ffffff;

    }

    #header {
    float: left;
    width: 776px;
    height: 119px;
    background: url(../images/oo_header.jpg) no-repeat;
    }

    #tabbar {
    float: left;
    width: 776px;
    padding-top: 4px;
    height: 25px !important;
    height: 29px;
    background: url(../images/oo_tabbar_bg.png) repeat-x;
    }

    #colorbar {
    float: left;
    width: 776px;
    height: 7px;
    overflow: hidden;
    background: #BD4B37;
    }

    #contentarea {
    float: left;
    width: 760px !important;
    width: 776px;
    background: #f4f4f4;
    padding: 8px;
    }

    table.contentarea {
    width: 760px;
    max-width: 760px;

    }

    #pathway {
    margin-top: 10px;
    margin-left: 10px;
    }

    td.sidenav {

    }

    div.forcewidth {
    width: 194px;
    overflow: hidden;
    }

    td.seperator {
    background: url(../images/oo_seperator_vert.png) top center repeat-y;
    }

    td.middle {
    width: 550px;
    }

    div.redbox_t {
    float: left;
    width: 194px;
    height: 10px;
    overflow: hidden;
    background: url(../images/oo_redbox_t.png) no-repeat;
    }

    div.redbox_m {
    float: left;
    width: 178px !important;
    width: 194px;
    background: url(../images/oo_redbox_m.png) repeat-y;
    padding: 8px;
    }

    div.redbox_m td {
    color: #ffffff;
    }

    div.redbox_b {
    float: left;
    width: 194px;
    height: 10px;
    overflow: hidden;
    background: url(../images/oo_redbox_b.png) no-repeat;
    margin-bottom: 8px;
    }

    div.menu_t {
    float: left;
    width: 194px;
    height: 10px;
    overflow: hidden;
    background: url(../images/oo_menu_t.png) no-repeat;
    }

    div.menu_m {
    float: left;
    width: 194px;
    background: url(../images/oo_menu_m.png) repeat-y;
    }

    div.menu_b {
    float: left;
    width: 194px;
    height: 10px;
    overflow: hidden;
    background: url(../images/oo_menu_b.png) no-repeat;
    margin-bottom: 8px;
    }

    a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background: #000000 url(../images/oo_menu_item_bg.png);
    font-size: 10px;
    font-weight: bold;
    color: #535657;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    height: 30px;
    line-height: 30px;
    text-indent: 25px;
    width: 194px;
    }

    a.mainlevel:hover {
    background-position: 0px -30px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    }

    a.mainlevel#active_menu {
    background-position: 0px -60px;
    }
    a.mainlevel#active_menu:hover {
    color: #29539E;
    }

    div#left div.moduletable {
    float:left;
    width: 184px;
    background: url(../images/oo_seperator_horiz.png) repeat-x;
    margin: 15px 5px 5px;
    padding-top: 10px;
    }

    table#greybox td.smallbox{
    width: 271px;
    background: #DCDEDE url(../images/oo_greybox_small_b.png) bottom left no-repeat;
    padding-bottom: 11px;
    }

    table#greybox td.smallbox div.moduletable {
    background: url(../images/oo_greybox_small_t.png) top left no-repeat;
    padding: 8px;
    }

    table#greybox td.largebox{
    width: 550px;
    background: #DCDEDE url(../images/oo_greybox_large_b.png) bottom left no-repeat;
    padding-bottom: 11px;
    }

    table#greybox td.largebox div.moduletable {
    background: url(../images/oo_greybox_large_t.png) top left no-repeat;
    padding: 8px;
    }

    table#greybox td.spacer {
    width: 8px;
    }



    table#greybox h3 {
    margin: -5px 0px 5px 0px;
    padding:0;
    }

    table#greybox a:link, table#greybox a:visited {
    color: #333333;
    }
    table#greybox a:hover {
    color: #742E21;
    }

    div#mainbody {
    width: 530px;
    margin-left: 10px;
    }

    div#footer {
    height: 17px;
    line-height: 17px;
    background: url(../images/oo_redbar_bot.png) repeat-x;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #9CB8E2;
    }

    /** legacy **/
    input.button {
    border: 1px solid #cccccc;
    background: url(../images/oo_tabbar_bg.png) repeat-x;
    height: 20px;
    padding: 2px 10px 4px 10px !important;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    }

    .inputbox {
    font-size: 11px;

    }

    table.moduletable {
    width: 100%;
    margin: 0px 0px 15px 0px;
    }

    table.moduletable td {
    padding: 4px;
    }


    /* required stuff */

    #content-pane .tab-page {

    }

    table.contentpane {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;

    }

    table.contentpaneopen {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    }


    .contentpagetitle {
    font-size: 13px;
    font-weight: bold;
    color: #cccccc;
    text-align:left;
    }

    /* For content item titles that are hyperlink instead of Read On */
    a.contentpagetitle:link, a.contentpagetitle:visited {
    padding: 0px;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-top: 10px;
    color: #719500;
    text-align: left;
    width: 100%;
    }

    a.contentpagetitle:hover {
    color: #99CC00;
    }

    a.sublevel:link, a.sublevel:visited {
    display: block;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-left: 11px;
    margin-left: 10px;
    line-height: 20px;
    }


    a.sublevel:hover {
    color: #99CC00;
    font-weight: bold;
    background: #026604;
    text-decoration: none;
    }




    a.category:link, a.category:visited {

    }

    a.category:hover {

    }

    a.pagenav, a.pagenav:visited {

    }

    a.pagenav:hover {

    }

    .frontpageheader {

    }

    .newsfeedheading {

    }

    .newsfeeddate {

    }

    .fase4rdf a:link {

    }

    .fase4rdf a:hover {

    }

    div#mainbody td.sectiontableheader {
    font-weight: bold;
    background: #BD4B37;
    color: #ffffff;
    padding: 4px;
    border-left: 1px solid #f4f4f4;
    }

    td.smalldark {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    }


    table.pollstableborder {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
    }

    table.pollstableborder td {
    padding: 5px 2px 0 0;
    }

    td.sectiontableentry1 {
    padding: 0px;
    }

    td.sectiontableentry2 {
    padding: 0px;
    }

    tr.sectiontableentry1 td {
    padding-left: 4px;
    padding-right: 4px;
    }

    tr.sectiontableentry2 td {
    padding-left: 4px;
    padding-right: 4px;
    }




    /* Styles for dhtml tabbed-pages */

    .ontab {
    background-color: #cccccc;
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
    border-top: solid 1px #666666;
    border-bottom: solid 0px #cccccc;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #cc0000;
    }
    .offtab {
    background-color: #BCBCBC;
    border-left: solid 1px #999999;
    border-right: solid 1px #bbbbbb;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #666666;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #666666;
    }

    .tabpadding {
    }

    .tabheading {
    background-color: #eeeeee;
    text-align: left;
    }

    .pagetext {
    visibility: hidden;
    display: none;
    position: relative;
    top: 0;
    }

    h4 {

    }

    h5 {

    }

    h6 {

    }

    /* Horizontal Line */
    hr {
    background: #999999; height:1px; border: 1px solid;
    }

    hr.separator {

    }

    td.buttonheading img{
    padding-left: 5px;
    }

    span.highlight {
    background: #ffffcc;
    }


    /* Content - Sections & Categories */


    table.contenttoc {
    margin: 3px;
    border:solid 1px #cccccc;
    }

    table.contenttoc th {
    font-size: 11px;
    text-transform: uppercase;
    color: #333333;
    background: #eeeeee;
    padding: 5px;
    }


    table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    padding: 5px;
    }

    .contentdescription {
    text-align: left;
    }

    /** category text format and links **/
    .category {

    }



    .poll {
    font-size: 11px;
    padding: 0px;
    margin: 0px
    }

    table.pollstableborder {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    }

    .smalldark {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    }

    table.searchinto {
    width: 100%;
    }

    table.searchintro td {
    color: #000000;
    font-weight: bold;
    }


    .pagenav {
    font-weight: normal;
    }

    .pagenavbar {

    }

    /* Content voting */
    .content_rating {
    font-weight: normal;
    font-size: 8pt;
    }

    .content_vote {
    font-weight: normal;
    font-size: 8pt;
    }

    /* Javascript Back button */
    .back_button {
    text-align: center;
    margin-top: 40px;
    }

    .readon {
    display: block;

    }

    strong {
    color: #112544;
    }

    /* SuckerFish Menus Default */

    #nav {
    margin-left: 5px;
    }

    #nav ul {
    margin: 0;
    padding: 0;
    list-style:none;
    }

    /* top level links */

    /* Commented Backslash Hack
    hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */


    #nav li {
    margin: 0;
    float:left;
    height: 25px;
    background:url(../images/oo_tab_norm_l.png) no-repeat bottom left;
    margin-left: 4px;
    padding:0 0 0 7px;
    }

    #nav li a {
    float:left;
    display:block;
    line-height: 25px;
    height: 25px;
    background:url(../images/oo_tab_norm_r.png) no-repeat 100% 100%;
    padding: 0px 35px 0px 20px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #535657;
    text-transform: uppercase;
    }

    div#nav li:hover, div#nav li.sfhover {
    background: url(../images/oo_tab_over_l.png) no-repeat bottom left;
    }
    div#nav li:hover a, div#nav li.sfhover a {
    background: url(../images/oo_tab_over_r.png) no-repeat bottom right;
    color: #535657;
    }

    div#nav li.active a {
    background:url(../images/oo_tab_active_r.png) no-repeat bottom right;
    color: #ffffff;
    }

    div#nav li.active {
    background:url(../images/oo_tab_active_l.png) no-repeat bottom left;
    }




    /** preloads **/
    span.pl_tab_l {
    background-image: url(../images/oo_tab_over_l.png);
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    }

    span.pl_tab_r {
    background-image: url(../images/oo_tab_over_r.png);
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    }

    Leave a comment:


  • feldon23
    replied
    Originally posted by sushi7
    I'm running my site on mambo using a template which I bought, so I dont know how I can 'copy' the HTML from it since its all dynamically generated!

    I tried figuring it out, but so far, no luck. Here is my site: www.makecommercefun.com I did a view source and still can't find how the top menu is generated. I would like the top menu to be copied over to the forum.
    The part that's going to be much more complicated than you bargained for is to generate the dynamic menu, you'd need to have Mambo initiating on the same page as vBulletin is. Mambo and vBulletin each set and maintain their own cookies. You can't do that in a single web browser window.

    So you can take an HTML snapshot of your menu and put it up on vBulletin, but if you changed it, you'd have to reflect that change on the forum. Personally, I don't like a web site design crowding out the valuable real estate of a forum so I create a subset of the graphics. Sort of a mini-menu that lets them know they're still part of a bigger site so it's easy for them to get back, but without crowding the window with the whole navigation.

    Leave a comment:


  • Reeve of Shinra
    replied
    I did a view source, and this is the part you'll probably need to copy/paste into your forum header section.

    You may need to take a look at your mambo css and copy/paste some of the info related to the header into the "additional css" box in the forum style.

    "http://makecommercefun.com/templates/md_openoffice/css/template_css.css"

    HTML Code:
    <div class="center" align="center">
      <table class="minimal" width="810" id="main">
        <tr>
          <td class="left_shadow"><img src="http://makecommercefun.com/templates/md_openoffice/images/spacer.png" alt="spacer.png, 0 kB" title="spacer" class="" height="1" width="17" /><br /></td>
          <td class="wrapper">
        		<div id="header">&nbsp;</div>
        		<div id="tabbar">
    					<script type="text/javascript">
    <!--//--><![CDATA[//><!--
    
    sfHover = function() {
    	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    	for (var i=0; i<sfEls.length; i++) {
    		sfEls[i].onmouseover=function() {
    			this.className+=" sfhover";
    		}
    		sfEls[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    		}
    	}
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    
    //--><!]]>
    
    </script>
    <div id="nav"><ul>
    <li><a href="http://makecommercefun.com/">Home</a></li>
    <li><a href="http://makecommercefun.com/content/section/1/2/">News</a></li>
    <li><a href="http://forums.makecommercefun.com">Forums</a></li>
    <li><a href="http://makecommercefun.com/component/option,com_contact/Itemid,3/">Contact Us</a></li>
    </ul></div> 
    				</div>

    Leave a comment:


  • sushi7
    replied
    I'm running my site on mambo using a template which I bought, so I dont know how I can 'copy' the HTML from it since its all dynamically generated!

    I tried figuring it out, but so far, no luck. Here is my site: www.makecommercefun.com I did a view source and still can't find how the top menu is generated. I would like the top menu to be copied over to the forum.

    Leave a comment:


  • feldon23
    replied
    Write the HTML. Paste. Save. Look.

    Leave a comment:


  • Zachery
    replied
    You edit the header template in the style manager, granted you know how to code html it shouldn't be hard.

    Leave a comment:


  • Aros
    replied
    You can simply insert HTML code in the Header template in the Style Manager, it's quite easy

    Leave a comment:


  • sushi7
    replied
    Just to clear it up, here are some pics of what I'm talking about.

    I'm not quite sure how to input the HTML code so that it makes it a header, how hard is this? Will I have to edit the forum's php files, or my cms files?


    Last edited by sushi7; Fri 3 Jun '05, 9:02am.

    Leave a comment:


  • Matthew Gordon
    replied
    Attachements have been a standard feature since vB2.

    Leave a comment:


  • Zodiak
    replied
    You can easily edit the template and insert whatever HTML code you want right from the Admin CP.

    And yes, AFAIK attachment mod is a standard VB feature.

    Leave a comment:


  • sushi7
    replied
    Testing quick reply.

    Leave a comment:

Related Topics

Collapse

  • omegatron
    Header Footers Styles
    by omegatron
    I have been looking into the code base some. vBulletin has one of the biggest mod hack communities out there which also makes it one of the most popular community products out there. Now with the introduction...
    Tue 23 Oct '12, 6:26am
Working...
X