Extra-Navigation in der Sidebar (Blue-Wonder-vbulletin-Style)

*Christian*

Da es gewünscht wurde in der Sidebar im Blue-Wonder-vbulletin-Style, eine extra Navigation zu haben, habe ich hier ein kleines Template-Addon dazu.

1. Lade die Grafiken aus dem *.zip File im Anhang, in das Verzeichnis /designs/blw auf deinen Webserver.

2.Gehe ins ACP Styles & Templates ===> Styles verwalten ===> Los, suche im header nach:

HTML Code:

            <td class="sidebar">

und füge direkt danach folgendes ein:

HTML Code:

                <div class="s_navigation"><div class="s_text">Navigation</div></div>

	    <if condition="$show['member']"><div class="s_navibg"><a href="usercp.php?$session[sessionurl]" title="$vbphrase[user_cp]">$vbphrase[user_cp]</a></div>
		</if>
	    <if condition="$show['registerbutton']">
			<div class="s_navibg"><a href="register.php?$session[sessionurl]" title="$vbphrase[register]">$vbphrase[register]</a></div>
		</if>
	    <div class="s_navibg"><a href="memberlist.php?$session[sessionurl]" title="$vbphrase[members_list]">$vbphrase[members_list]</a></div>         
	    <div class="s_navibg"><a href="calendar.php?$session[sessionurl]" title="$vbphrase[calendar]">$vbphrase[calendar]</a></div>
             <div class="s_navibg"><a href="faq.php?$session[sessionurl]" accesskey="5" title="$vbphrase[faq]">$vbphrase[faq]</a></div>
	    <div class="s_navibg"><a href="search.php?$session[sessionurl]" accesskey="4" title="$vbphrase[search]">$vbphrase[search]</a></div>
	    <if condition="$show['member']"><div class="s_navibg"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" title="$vbphrase[new_posts_nav]">$vbphrase[new_posts_nav]</a></div>
	    <else /><div class="s_navibg"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2" title="$vbphrase[todays_posts]">$vbphrase[todays_posts]</a></div>
	    </if>

                <div style="padding-top:1px;font-size:0px;"></div>

Danach scrolle ziemlich weit nach unten, zu den Zusätzlichen CSS Definitionen und suche nach:

Code:

.s_text { padding:8px 0 0 30px;font: bold 11px Tahoma;color:#2758A7;}

und füge folgenden Code direkt danach ein:

Code:

.s_navigation { background:url(/designs/blw/s_navigation.gif);display:block; width:210px; height:31px;}

.s_navibg a { background:url(/designs/blw/s_navibg.gif);display:block; width:180px; height:20px; font: bold 11px Tahoma;color:#2758A7;padding:7px 0 0 30px;text-decoration:none;}
.s_navibg a:hover { background:url(/designs/blw/s_navibgh.gif);display:block; width:180px; height:20px; font: bold 11px Tahoma;color:#2758A7;padding:7px 0 0 30px;}

Nun hast du eine schicke Navigation in deiner Sidebar.

Wir wünschen viel Spaß damit.

Gruß
Christian