Css İle Hızlı Menü Yapın

[/MusCan\]

Öncelikle Önizleme:



Böyle Gözükecek, ama nasıl Yapacağız??

- Öncelikle Bu Kodu
-> Yönetim Paneli
-> Afiş Asmak
-> Renkler
-> CSS STYLESHEET
Yapıştırın..

Kod:

#maviblokmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}
 
#maviblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
 
#maviblokmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px;
text-decoration: none;
color: white;
background-color: #2175dd;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}
 
* html #maviblokmenu li a{
width: 169px;
width: 169px;
}
 
#maviblokmenu li a:hover {
background-color: #000069;
border-left-color: #000099;
}
 
#maviblokmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 100% 'Trebuchet MS', Arial, sans-serif;
}

____________________________________________________


Yapıştırdıktan sonra

-> Yönetim Paneli
-> Modüller
-> Forumun Widget Yönetimi
-> Forumun widgetlerini göster : Evet
" Kişiselleştirilmiş widget kurmak" Tıklayın

Widget ismi :Hızlı Menü

Bu tip bir masa kullanın : Evet

Widget başlığı: Hızlı Menü

Aynen Böyle Olsun..

Alta Bu Kodu Koyun:

Kod:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p>
<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px">
<div class="menutitle">BİRİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">İKİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>
</ul>
<div class="menutitle">ÜÇÜNCÜ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>

Düzeltilecek Yerler Belirtilmiş Oraları Değiştirin...


Eğer Kategorileri Çoğaltmak ve ya Silmek İstiyorsanız:

Kod:

<div class="menutitle">BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>
</ul>

Yukaridaki Kodu Bulup Silin Ve ya ekleyin bunu Smile


Daha Sonra

Gönder Deyin ve Widget Tablosunun Bulunduğu bölüme Özel widget sekmesinden hızlı menüyü bulup Taşıyın ve gönderin Smile Bu Kadar

Kolay Gelsin