MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > Html - CSS > Kodlar

Dinamik css menü

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

css  menü  dikey menü 

Kategori : Html - CSS
Gönderen : ksabitk
Telif :
Tarih : 14 Nisan 2007
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 148046
Puan
: 7,7 / 10 (106 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<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>

 
 

Dinamik css menü için yazılan yorumlar

rabia  { 10 Şubat 2012 }
çok saolun

özgür  { 31 Ekim 2011 }
kardes biz bunu nereye nasıl eklicez :S

Mert  { 24 Mayıs 2011 }
arkadaslar face sayfam ıcın css veya html kodu arıyom yardımcı olun menu veya gıf felam

ugur web  { 24 Mart 2011 }
www.newcarrent.com olmadı

h_e_y  { 13 Aralık 2010 }
tebrik ederim güzel
olmuş.

ezo  { 19 Temmuz 2010 }
Gerçekten mükemmel bir örnek teşekkür edrim..:)

ferdi dursun  { 11 Ekim 2009 }
allah razı olsun tam aradığım menu bütün reklamlarınıza tıkladım. :)

hatta itribata geçelim sitenize backlink verelim.

Esentepeli   { 09 Ekim 2009 }
İdare Eder..
http://www.css-webtasarim.tr.gg/

bakicelik   { 14 Eylül 2009 }
valla süper çok teşekkürler...

Şahin   { 06 Eylül 2009 }
Arkadaşlar dreamwearver ile bir site yapıyorum. Bu sitede duyuru panosunun her sayfada görünmesini istiyorum. Nasıl yapılır lütfen yardım.

ömer   { 04 Eylül 2009 }
slm sitem icin rady aryorum

gürünlü   { 03 Eylül 2009 }
gercek ten guzel .........

Tikyy   { 05 Ağustos 2009 }
Valla Arkadaşlar Kod Çok Güzel Çalısıyor Css Designdeyken Fıstık Gibi Çalısıyor Her Turlu Eklemeyı Değişikliği Yapabiliyorum..Heralde Siz Beceremediniz Neyse Emek İçin Teşekkürler..:)

bora   { 17 Temmuz 2009 }
olmuo kardeşim adlarını ve içeriklerini değiştirsem bile olmuo bnm sitem de www.herseyburadaaaa.tr.gg veya www.herseyburadaaaa.gen.tr.tc

snn siten açılıo menü de

Sebahat   { 30 Nisan 2009 }
Valla ben kopyala yapıştır yaptım çok da güzel çalıştı ve çok da işime yarayacak ilerde kendime site yapcağım zaman o html kodlarından faydalanabilirim

KARAMURAT   { 18 Temmuz 2008 }
Bu menüde alt sayfa oluşumu nasıl olcak bilgi verirseniz mutlu olurum.

fatih   { 20 Kasım 2007 }
abi denedim olmadı bana yardım etmenizi isterim !!
msn adresim : tekkeli.gs@hotmail.com PLs yarım PLs PLs .....

Buda Benden   { 24 Mayıs 2007 }
http://forum.ceviz.net/asp-dinamik-menu-isteyenler-t44526.html?s=&threadid=44526

Yorum ekleyin

Anasayfa > Html - CSS > Kodlar > Dinamik css menü
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.161.8.205 | 0,17 Saniye
© Copyright 2004-2017 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.