24.08.2011, Saat: 02:16
MyBB İçin Gölgeli Navbar Örneği
Admin KP Şablon & Tema Şablonlar Header Şablonlar header_welcomeblock_member şablonunun içini verdiğim kodlar ile değiştiriniz.
NOT : Kendi şablonunuzun bir yedeğini almayı unutmayın. Verdiğim kodları kopyalarken öncelikle not defterine ordan şablonlara aktarınız. Grafik dosyalarını ftp den images klasörüne yollayınız
Admin KP Şablon & Tema Temanız global.css içine verdiğim kodları ekleyiniz. ( navbar arka plan gölgelendirmesi için )
ekran görüntüsü
Navbar grafik dosyalarını aşağıdaki sekmeden indirebilirsiniz
Admin KP Şablon & Tema Şablonlar Header Şablonlar header_welcomeblock_member şablonunun içini verdiğim kodlar ile değiştiriniz.
NOT : Kendi şablonunuzun bir yedeğini almayı unutmayın. Verdiğim kodları kopyalarken öncelikle not defterine ordan şablonlara aktarınız. Grafik dosyalarını ftp den images klasörüne yollayınız
Kod:
<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">
<tr>
<td class="navbar" width="1%">
<td class="navbar" width="50%"><navigation></td>
<td width="40%" class="navbar" style="font-size:11px">
{$lang->welcome_back} <br />
{$lang->welcome_current_time}<br />
<a
href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a>
{$lang->welcome_pms_usage}
<br><b>{$modcplink}<br>{$admincplink}</b>
</td>
<td class="navbar" width="1%">
</tr>
</tbody>
</table>
<table tborder="0" class="thead" cellspacing="$theme[borderwidth]"
cellpadding="$theme[tablespace]" class="tborder" align="center">
<tr align="center">
<td class="thead" width="1%"><a href="{$mybb->settings['bburl']}/index.php">
<img src="images/anasayfa.png"> <font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Ana Sayfa</span>
</b></font></a></td>
<td class="thead" width="1%"><a href="$settings[bburl]/usercp.php">
<img src="images/usercp.gif">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Paneliniz</span>
</b></font></a></td>
<td class="thead" width="1%"><a href="$settings[bburl]/misc.php?action=help">
<img src="images/yardim.jpg">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Yardım</span>
</b></font></a></td>
<td class="thead" width="1%"><a href="$settings[bburl]/calendar.php">
<img src="images/calendar.gif">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Takvim</span>
</b></font></a></td>
<td class="thead" width="1%"><a href="search.php?action=getnew">
<img src="images/eye.gif">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Yeni Konular</span>
</b></font></a></td>
<td class="thead" width="1%"><a href="$settings[bburl]/search.php">
<img src="images/search.gif">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Arama</span>
</b></font></a></td>
<td class="thead" width="1%">
<a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}">
<img src="images/cks.jpg">
<font size="1px"><b><span style="color: #FFF7EE; font-weight: bold; text-shadow: 0 0 5px #FFF7EE;">Çıkış</span>
</b></font></a></td>
</tr>
</table>
Admin KP Şablon & Tema Temanız global.css içine verdiğim kodları ekleyiniz. ( navbar arka plan gölgelendirmesi için )
Kod:
}
.navbar {
background: url(images/navbar.gif);
margin: auto auto;
border: 2px solid #C8C8C8;
text-shadow: 2px 2px 2px #D0C59A;
font-size: 9px;
}
ekran görüntüsü
Navbar grafik dosyalarını aşağıdaki sekmeden indirebilirsiniz
Kod:
http://s2.dosya.tc/server/z4nwsb/navbargrafikdosyalar_.rar.html