Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Dinamik css menü

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3242 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Dinamik css menü

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
LiBeRtY
Yönetici
Yönetici


Erkek
Zodyak : Koç
Mesaj Sayısı : 1327
Yaş : 22
Nereden : Turkey
İş : Webmaster
Kayıt tarihi : 03/08/08
Rep Puanı : 3
Rep Puanı : 2420

MesajKonu: Dinamik css menü   Perş. Ocak 28, 2010 6:55 pm

Sayfanda menü olarak kullanabileceğin harika bir css ugulaması

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

#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;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Dinamik Css Menü</title>
</head>
<body>
<div id="maviblokmenu" style="width: 171px; height: 315px">
<div class="menutitle">Dynamic Drive</div>
<ul>
<li><a href="http://www.dynamicdrive.com">Ana Sayfa</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">En Yeniler</a></li>
<li><a href="http://www.dynamicdrive.com/revised.htm">Son Düzenlenenler</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forum</a></li>
</ul>
<div class="menutitle">Css Kodları</div>
<ul>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Yatay CSS Menü</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Düşey CSS Menü</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Resim Effektleri</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form Effektleri</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">Kutu & Şekiller</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" style="border-bottom-color: black">Linkler & Buttonlar</a></li></ul>
<div class="menutitle">Kod Kaynakları</div><ul>
<li><a href="http://www.mydesign.gen.tr">MyDesign</a></li>
<li><a href="http://www.hazircod.com">HazırKod</a></li>
<li><a href="http://www.aspindir.com">Aspİndir</a></li>
<li><a href="http://www.php.org.tr">PHP</a></li>
<li><a href="http://www.javascriptindir.com" style="border-bottom-color: black">Javascript</a></li></ul>
<div class="menutitle">Çeviri</div><ul>
<li><a href="http://www.saab.tr.cx"  onclick="alert('Dikkat! Bu web adresi yandaki menüyü yazan kişiye aittir. Bulunduğunuz web adresi ile bir ilgisi yoktur')">www.saab.tr.cx</a></li>
<li><a href="mailto:ksabitk@hotmail.com" style="border-bottom-color: black" onclick="alert('Dikkat! Bu mail yandaki menüyü yazan kişiye aittir web adresi ile bir ilgisi yoktur')">ksabitk@hotmail.com</a></li></ul></div>         

</body></html>

önizleme için html deneme alanına kodu yapıştırarak bakabilirsiniz.
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Dinamik css menü   Perş. Ocak 28, 2010 11:50 pm

evet güzel birşeymiş paylaşım için tşrkrlr renkler mavi ve siyah temaya göre ayarlanmış renk kodlarıyla değiştirebilirsiniz renklerini

_________________________________________________
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
 

Dinamik css menü

Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
forum kurmak | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Kendi blogunuzu yaratın