Üst Menü - Vbulletin tarzı

tarafından humanely1 Paz 28 Ara. 2008 - 11:35

Üst Menü - Vbulletin tarzı

Mesaj tarafından humanely1 Paz 28 Ara. 2008 - 11:35

Üst Menü - Vbulletin tarzı

Öncelikle Görünüm >>

Üst Menü - Vbulletin tarzı Ust_me10

********************************************
Afiş Asmak >> Modeler >> Genel Yönetim

overall_header_new modelerini değiştir diyin.

Kod:: <meta http-equiv="content-style-type" content="text/css" />

kodundan sonra

Kod:: <style type="text/css">  </style>

Kodunu ekleyin Wink

Kodda Düzenlemeniz gereken yerler >>

.button { background: #B8B8B8;
color: #E9F1F3;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

B8B8B8 >>> Giriş yap kısmındaki butonun arkaplan rengi

E9F1F3 >>> Giriş yap kısmındaki butonunun üzerindeki yazının rengi

-----------------------------

.vbmenu_control
{
background: #B8B8B8;
color: #FFFFFF;
.....
...
}

B8B8B8 >> Menünün arkaplanı ( kendi renk kodunuzla değiştirin)

FFFFFF >> Normal yazı rengi [ Bizim menüdekiler link halinde olduğu için bunu değiştirmeniz pek de önemli değil. Tabi normal bir yazı yazmak isterseniz yazı rengini burdan ayarlayabilirsiniz.]

-----------------------------------

.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}

FFFFFF >>> yerine Menüdeki linklerin rengini girin [ Linkin ilk hali - Tıklanmamış ve üstüne gelinmemiş]

.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}

FFFFFF >>> yerine Menüdeki linklerin rengini girin [ Ziyaret edilmiş(tıklanmış) linkler için ]

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: none;
}

FFFFFF >>> yerine Menüdeki linklerin rengini girin [ Linkin üzerine geldiğinizdeki hali için ]

-------------------------------

.menu {
border: #B8B8B8 1px solid;
border-bottom: none;
border-top: none;
}

B8B8B8 >> Logonun sağ üst köşesindeki menü kenarlıklarının rengi

1px >>>> Logonun sağ üst köşesindeki menü kenarlıklarının değeri

--------------------------------------------------------------------------------

Kodun Eklenmesi >>>

Yine overall_header_new modeleri içinde aşağıdaki kodu buluyorsunuz Wink

Kod:: <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

<td class="bodyline"><div id="page-body">
<table width="100%" cellpadding="0" cellspacing="0" bordercolor="#B8B8B8" class="menu">
<tbody>
<tr>
<td valign="top"></td>
<td height="20" colspan="3" valign="top" bgcolor="#B8B8B8"><div>
<table width="1" border="0" align="right" cellpadding="5" cellspacing="5" class="vbmenu_control">
<tr>
<td nowrap="nowrap" ><a href="Anasayfa urlsi" class="mainmenu"> Anasayfa</a></td>

<td nowrap="nowrap" ><a href="/profile.forum?mode=register" rel="nofollow" class="mainmenu">Kayıt ol</a></td>
<td nowrap="nowrap" ><a href="/login.forum?connexion" rel="nofollow" class="mainmenu">Giriş Yap</a></td>

<td nowrap="nowrap" id="navbar_search" ><a href="/search.forum" accesskey="4" rel="nofollow" class="mainmenu">Arama</a> </td>

<td nowrap="nowrap" ><a href="/memberlist.forum" accesskey="2" class="mainmenu">Üye Listesi</a></td>
<td nowrap="nowrap" id="navbar_search" ><a href="/login.forum?logout=true" rel="nofollow" class="mainmenu">Çıkış yap</a> </td>

</tr>
</table>
</div></td>
</tr>
<tr>
<td valign="top"></td>
<td height="20" colspan="3" valign="top" bgcolor="#B8B8B8"><div align="center"><img src="{LOGO}" alt="logo" width="700" height="130" /></div></td>
</tr>
<tr>
<td valign="top"></td>
<td height="20" colspan="3" align="{MENU_POSITION}"><div align="center" class="vbmenu_control"><span style="clear: both;">{GENERATED_NAV_BAR}</span></div></td>
</tr>
<tr>
<td valign="{MENU_POSITION}"></td>
<td width="5%" align="{MENU_POSITION}" bgcolor="#FFFFFF" valign="middle"><div align="center"><span class="nav"><img src="https://i.servimg.com/u/f78/12/38/66/89/navbit10.gif" alt="nav" /></span></div></td>
<td width="55%" height="60" align="{MENU_POSITION}" bgcolor="#FFFFFF" valign="middle"><div align="left" class="index"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span></div></td>
<td width="40%" height="60" align="{MENU_POSITION}" bgcolor="#FFFFFF">
<div align="right" class="index"><span class="gensmall"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}<img src="https://i.servimg.com/u/f78/12/38/66/89/ok10.png" alt="ok" width="16" height="16" /></a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><a class="gensmall" href="{U_SEARCH_NEW}"><img src="https://i.servimg.com/u/f78/12/38/66/89/ok10.png" alt="ok" width="16" height="16" /></a>

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><a class="gensmall" href="{U_SEARCH_NEW}"><img src="https://i.servimg.com/u/f78/12/38/66/89/ok10.png" alt="ok" width="16" height="16" /></a></span>


</div>
<form action="/login.forum" method="post" name="form_login">
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="smallfont">Kullanıcı ismi</td>
<td><input type="text" name="username" value="" size="10" maxlength="40" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><span class="gen">
<input type="checkbox" name="autologin"checked="checked" />
</span><acronym style="border-bottom: 1px dotted #000000; cursor: help;" title="Forumdan çıkış tuşunu kullanarak çıkana kadar, Forum tarafından otamatikmen tanınmanızı sağlar.">Beni hatırla</acronym></label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">Şifreniz</label></td>
<td><input type="password" name="password" size="10" maxlength="32" /></td>
<td><input name="login" type="submit" class="button" id="login" accesskey="s" tabindex="104" title="Lütfen öngörülen bölümlere Kullanıcı isminizi ve Şifrenizi giriniz. Yada 'Kayıt Ol'-tuşuna tıklayarak Üye olabilirsiniz." value="Giriş" /></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td valign="top" width="0%"></td>
<td height="20" colspan="3" valign="top" bgcolor="#B8B8B8"><center>
<table width="100%" border="0" cellspacing="0" class="vbmenu_control">
<tr>
<td width="10%"><a href="/profile.forum?mode=editprofile" target="_parent" class="mainmenu">Profiliniz</a></td>
<td width="10%"><a href="/profile.forum?mode=editprofile&page_profil=avatars" target="_parent" class="mainmenu">Avatarınız</a></td>
<td width="10%"><a class="mainmenu" href="/profile.forum?mode=editprofile&page_profil=signature">İmzanız</a></td>
<td width="15%"><a href="/search.forum?search_id=newposts" target="_parent" class="mainmenu">Yeni Mesajlar </a></td>
<td width="10%"><a href="/viewonline.htm" target="_parent" class="mainmenu">Kimler Online </a></td>
<td width="15%"><a class="mainmenu" href="/stats.htm">İstatistikler</a></td>
<td width="10%"><a href="#" class="mainmenu">Ziyaretçi Defteri </a></td>
</tr>
</table>
</center> </td>
</tr>
</tbody>
</table>

B8B8B8 yerlerine kendi arkaplan rengi kodunuzu ekleyin Wink

FFFFFF yerlerine ise orta alandaki beyaz kısmın arkaplan rengini belirleyin Wink

Diğer renkli olan yerler de resim urlleri Wink

-----------------------------------------------

Bu kodu ekledikten sonra bu kodun hemen altındaki tüm kodları silin

Kod:: <div id="page-body"> <div id="emptyidcc" class="no-left"> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"><tbody> <tr> <td valign="top" width="100%"> <div id="center">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td></tr><tr> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

Bu kodu ekleyin ve yayınlayın Wink

Bu paylaşım humanely1 tarafından hazırlanmış ve sunulmuştur.

Paylaşımların başka sitelerde yayınlanması yasaktır.
© 2011 Yetkinforum.net