Button addon

Kronus

I need to add a new button to cyberhype, after the "Member" button on the header i want another button, "Downloads", now i've made the buttons but i dont know how to change the code. Thx for the help.

Synoxis

Look for a code in the header template like this:

HTML Code:

<a href="yoursite.php"><img src="yourbutton.gif alt="yourtitle" /></a>

and change yoursite, yourbutton and yourtitle for a new button.

greetings,
Synoxis

Kronus

hmm what code am i suppose to look for?

*Christian*

Demo portalbutton
in the header template add following:

Code:

<div id="bheader_bg">
      <div id="faq"><a class="faq" href="faq.php" accesskey="5" title="Hilfe" ><span>Hilfe</span></a></div>
      <div id="bheader_left">
            <ul id="listb"> 
                  <li class="forum"><a class="forum" href="index.php" title="Forum"><span>Forum</span></a></li>
                  
		
	 <li class="register"><a class="register" href="register.php" rel="nofollow" title="Registrieren"><span>Registrieren</span></a></li>

                  <li class="portal"><a class="portal" href="dein link zum portal.php" title="zum Portal"><span>zum Portal</span></a></li>

		
                  <li class="member"><a class="member" href="memberlist.php" title="Benutzerliste"><span>Benutzerliste</span></a></li>
                  <li class="calendar"><a class="calendar" href="calendar.php" title="Kalender"><span>Kalender</span></a></li>
                  <li class="search"><span id="navbar_search"><a class="search" href="search.php" accesskey="4" rel="nofollow" title="Suchen"><span class="e_h">Suchen</span></a></span><script type="text/javascript"> vbmenu_register("navbar_search", true); </script></li>
            </ul>
      </div>
</div>

in the Additional CSS Definitions add red marked text

Code:

/** Header Top and Bottom Buttons **/
#listb { list-style:none;float:left;margin:0;padding:0;  }
#listt { list-style:none;float:right;margin:0;padding:0; }
.menu, .menu_guest, .d_post, .n_post, .logout, .t_regiser, .forum, .portal, .usercp, .register, .member, .calendar, .search { float:left; }

#faq a:link, #faq a:visited { background: url(/designs/cyberhype/faq.gif);display:block;height:41px;width:55px; }
#faq a:hover{ background: url(/designs/cyberhype/faqh.gif); }
.menu a:link, .menu a:visited              { background:url(/designs/cyberhype/b_04.gif);display:block;height:24px;width:115px; }
.menu_guest a:link, .menu_guest a:visited  { background:url(/designs/cyberhype/b_04.gif);display:block;height:24px;width:115px; }
.n_post a:link, .n_post a:visited          { background:url(/designs/cyberhype/b_05.gif);display:block;height:24px;width:123px; }
.d_post a:link, .d_post a:visited          { background:url(/designs/cyberhype/b_05d.gif);display:block;height:24px;width:123px; }
.logout a:link, .logout a:visited          { background:url(/designs/cyberhype/b_06.gif);display:block;height:24px;width:112px; }
.t_regiser a:link, .t_regiser a:visited    { background:url(/designs/cyberhype/b_06r.gif);display:block;height:24px;width:112px; }

.forum a:link, .forum a:visited       { background:url(/designs/cyberhype/cy_15.gif); }
.usercp a:link, .usercp a:visited     { background:url(/designs/cyberhype/cy_16.gif); }
.register a:link, .register a:visited { background:url(/designs/cyberhype/cy_16r.gif); }
.portal a:link, .portal a:visited     { background:url(/designs/cyberhype/cy_portal.gif); }
.member a:link, .member a:visited     { background:url(/designs/cyberhype/cy_17.gif); }
.calendar a:link, .calendar a:visited { background:url(/designs/cyberhype/cy_18.gif); }
.search a:link, .search a:visited     { background:url(/designs/cyberhype/cy_19.gif); display:block;height:41px;width:120px;}


.portal a:link, .portal a:visited, .forum a:link, .forum a:visited, .usercp a:link, .usercp a:visited, .register a:link, .register a:visited,
.member a:link, .member a:visited, .calendar a:link, .calendar a:visited { display:block;height:41px;width:119px; }

    /** Hover Effects **/
        .menu a:hover       { background:url(/designs/cyberhype/bh_04.gif); }
        .menu_guest a:hover { background:url(/designs/cyberhype/bh_04.gif); }
        .n_post a:hover     { background:url(/designs/cyberhype/bh_05.gif); }
        .d_post a:hover     { background:url(/designs/cyberhype/bh_05d.gif); }
        .logout a:hover     { background:url(/designs/cyberhype/bh_06.gif); }
        .t_regiser a:hover  { background:url(/designs/cyberhype/bh_06r.gif); }

        .forum a:hover      { background:url(/designs/cyberhype/cyh_15.gif); }
        .portal a:hover      { background:url(/designs/cyberhype/cyh_portal.gif); }
        .usercp a:hover     { background:url(/designs/cyberhype/cyh_16.gif); }
        .register a:hover   { background:url(/designs/cyberhype/cyh_16r.gif); }
        .member a:hover     { background:url(/designs/cyberhype/cyh_17.gif); }
        .calendar a:hover   { background:url(/designs/cyberhype/cyh_18.gif); }
        .search a:hover     { background:url(/designs/cyberhype/cyh_19.gif); }
    /** /Hover Effects **/

.d_post span, .n_post span, .logout span, .t_regiser span,
.forum span, .usercp span, .register span, .portal, .member span, .calendar span, #faq span, .e_h { display:none; }

Kronus

thx man, it went smooth as hell

thx again.