forumVatan

 Css İle Hızlı Menü Yapın B-261910-üye_ol

Join the forum, it's quick and easy

forumVatan

 Css İle Hızlı Menü Yapın B-261910-üye_ol

forumVatan

Would you like to react to this message? Create an account in a few clicks or log in to continue.

.......forumVatanHoşgeldiniz :
En son ziyaretiniz :
Mesaj Sayınız : 0


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

    VaLKyRie
    VaLKyRie
    Admin
    Admin


    <b>Mesaj Sayısı</b> Mesaj Sayısı : 1284
    <b>Ruh HaLi</b> Ruh HaLi : 3
    <b>Zodyak</b> Zodyak : Yengeç
    <b>Kayıt tarihi</b> Kayıt tarihi : 04/02/10
    <b>Nerden</b> Nerden : Tekirdağ
    <b>Yaş</b> Yaş : 29

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

    Mesaj tarafından VaLKyRie Çarş. Haz. 30, 2010 2:33 pm

    Öncelikle Önizleme:
     Css İle Hızlı Menü Yapın Hzlmen

    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>

      Forum Saati Ptsi Kas. 25, 2024 12:38 am