-OquzHan- Admin
Mesaj Sayısı : 120 Reputation : 3 Doğum tarihi : 04/02/99 Kayıt tarihi : 29/09/10 Yaş : 25 Nerden : Adanaaa
Cüzdan Altın: 5000 Para: 6291
| Konu: Hızlı ve Çabuk Css Menüsü Yapımı Paz Ekim 03, 2010 2:00 am | |
| Öncellikle Ö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> i-Master.TurkForumPro.com --------------------------------------- Admin -OquzHan- | |
|