Lütfen Daha Kaliteli Bir Forum Görüntülemesi İstiyorsanız
Lütfen Üye Olun Yada Giriş Yapın.



Web Masterlık Hakkında HerŞey
 
AnasayfaAnasayfa  KapıKapı  TakvimTakvim  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yapGiriş yap  
iM Resmi Toolbarı
Müjde!! Artık i Master Forumunun Artık Resmi Toolbar'ı Var İndirmek İsteyenlere Link Altta iM Toolbar İndir
iM Resmi Toolbarı
Müjde!! Artık i Master Forumunun Artık Resmi Toolbar'ı Var İndirmek İsteyenlere Link Altta iM Toolbar İndir
Duyurular

 DUYURULAR

Forumumuza Hoşgeldiniz.Forumumuz Bizim Mekan Adlı Sitemiz Üzerine Kurulmuştur Sitemizi Ziyaret Edin ve Çok Memnun Kalın Sitemizde Teknoloji,WebMaster,Site Yardımları,Bilgisayar ve Ps Hakkında,Video,Müzik,Resim,Download Bölümü Oyun Program Kod Dünyası WM Dersleri ve Forumu Mevcuttur.Sitemizi Ziyaret Edin www.ii-master.tr.gg

Herşey Bu Sitede

Download Oyun Program WM Dersleri

Teknoloji Bölümü Bilgisayar PS 2-3 Kod Dünyası Ve Daha Fazlası
----------

i Master

Etiket Bulutu
Kod Adam

Paylaş | 
 

 Hızlı ve Çabuk Css Menüsü Yapımı

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
-OquzHan-
Admin
Admin
avatar

Erkek
Mesaj Sayısı : 120
Reputation : 3
Doğum tarihi : 04/02/99
Kayıt tarihi : 29/09/10
Yaş : 18
Nerden : Adanaaa

Cüzdan
Altın Altın: 5000
Para Para: 6291

MesajKonu: 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-



Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://kr0waz.turkforumpro.com
 
Hızlı ve Çabuk Css Menüsü Yapımı
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» cooltextten menü butonu yapıyorum 1 saat sonra geri siliniyor
» Siteye Başlat Menüsü
» shanexx lütfen bir bakarmısın resimdeki üst menü kodu lazım
» Pop-Up Menüye Resim Eklemek [SORU]
» Menü İle İlgili

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: Web Destek :: CSS Kodları-
Buraya geçin: