Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
güzel bir menü tasarım bana ait kodu değiştirdim

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

Hoşgeldiniz!, Misafir
3236 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ş | 
 

 güzel bir menü tasarım bana ait kodu değiştirdim

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
aBDülREzZaK El FeTTaH
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Akrep
Mesaj Sayısı : 1033
Yaş : 27
Kayıt tarihi : 25/04/08
Rep Puanı : 0
Rep Puanı : 5

MesajKonu: güzel bir menü tasarım bana ait kodu değiştirdim   Çarş. Tem. 09, 2008 2:33 pm

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

#maviblokmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 215px;
}

#maviblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 100% 'Colonna MT', '', Arial, sans-serif;
}

#maviblokmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 215px;
text-decoration: none;
color: black;
background-color: white;
border-bottom: 1px solid #90bade;
border-left: blue;
}

* html #maviblokmenu li a{
width: 215px;
width: 215px;
}

#maviblokmenu li a:hover {
background-color: blue;
border-left-color: blue;
}

#maviblokmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color:Blue;font: bold 100% 'Colonna MT', 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: 215px; height: 315px">

<div class="menutitle">SIVAS</div>
<ul>
<li><a href="http://sivass.forumm.biz/sivasymyzdan-haberler-f36/"><font color="BLACK">Sıvas Haber</font></a></li>
<li><a href="http://sivass.forumm.biz/sivasymyzy-tanyyalym-f2/">Sıvası Tanıyalım</a></li>
<li><a href="http://sivass.forumm.biz/fotooraflarla-sivas-f1/">Fotograflarla Sıvas</a></li>
<li><a href="http://sivass.forumm.biz/gezelim-gorelim-f3/">Gezelim-Gorelım</a></li>
<li><a href="http://sivass.forumm.biz/etkinlikler-f4/">Etkınlıkler</a></li>
<li><a href="http://sivass.forumm.biz/yazy-iir-f39/">Yazı-Sıır</a></li>
<li>
<a href="http://sivass.forumm.biz/sanatcylarymyz-f41/">Sanatcılarımız</a></li>
<li><a href="http://sivass.forumm.biz/sivasspor-f40/">Sanatcılarımız</a></li>
</ul>
<div class="menutitle">ILCELER</div>
<ul>
<li><a href="http://sivass.forumm.biz/kangal-f42/">Kangal</a></li>
<li><a href="http://sivass.forumm.biz/akyncylar-f43/">Akıncılar</a></li>
<li><a href="http://sivass.forumm.biz/altynyayla-f44/">Altınyayla</a></li>
<li><a href="http://sivass.forumm.biz/divrioi-f46/">Divrigi</a></li>
<li><a href="http://sivass.forumm.biz/dooanar-f47/">Dogansar</a></li>
<li><a href="http://sivass.forumm.biz/gemerek-f45/">Gemerek</a></li>
<li><a href="http://sivass.forumm.biz/golova-f48/">Golova</a></li>
<li><a href="http://sivass.forumm.biz/gurun-f49/">Gurun</a></li>
<li><a href="http://sivass.forumm.biz/hafik-f50/">Hafık</a></li>
<li><a href="http://sivass.forumm.biz/ymranly-f51/">Imranlı</a></li>
<li><a href="http://sivass.forumm.biz/koyulhisar-f52/">Koyulhısar</a></li>
<li><a href="http://sivass.forumm.biz/suehri-f53/">Susehrı</a></li>
<li><a href="http://sivass.forumm.biz/arkyla-f54/">Sarkısla</a></li>
<li><a href="http://sivass.forumm.biz/ula-f55/">Ulas</a></li>
<li><a href="http://sivass.forumm.biz/yyldyzeli-f56/">Yıldızelı</a></li>
<li><a href="http://sivass.forumm.biz/zara-f57/">Zara</a></li>
</ul>

<div class="menutitle">YÖNETIM</div>
<ul>
<li><a href="http://sivass.forumm.biz/forum-kurallary-f6/">Kurallar</a></li>
<li><a href="http://sivass.forumm.biz/duyurularymyz-f7/">Duyurular</a></li>
<li><a href="http://sivass.forumm.biz/moderator-bavurulary-f8/">Mod Basvuru</a></li>
<li><a href="http://sivass.forumm.biz/ystek-kutusu-f9/">Istek Kutusu</a></li>
<li><a href="http://sivass.forumm.biz/anketlerim-f10/">Anketler</a></li>
<li><a href="http://sivass.forumm.biz/tanyma-mekany-f11/">Tanısma Mekanı</a></li>
<li><a href="http://sivass.forumm.biz/uye-resimleri-f12/">Uye Resımlerı</a></li>
</ul>

<div class="menutitle">KARISIK</div>
<ul>
<li><a href="http://sivass.forumm.biz/ne-oluyor-hayatta-f33/">Neler Oluyor</a></li>
<li><a href="http://sivass.forumm.biz/din-kulturu-ve-ahlak-bilgisi-f34/">Dın Kulturu</a></li>
<li>
<a href="http://sivass.forumm.biz/sivas-saolyk-ekibi-f13/">Saglık</a></li>
<li>
<a href="http://sivass.forumm.biz/sivas-eoitim-merkezi-f14/">Egıtım</a></li>
<li>
<a href="http://sivass.forumm.biz/lezzet-sofrasy-f35/">Lezzet Sofrası</a></li>
<li>
<a href="http://sivass.forumm.biz/ark-koesi-f15/">Sark Kosesı</a></li>
<li>
<a href="http://sivass.forumm.biz/komik-yazylar-fykralar-f5/">Komık Yazı-Fıkra</a></li>
<li>
<a href="http://sivass.forumm.biz/oyun-oyna-bulmaca-coz-f16/">Oyun-Bulmaca</a></li>
<li>
<a href="http://sivass.forumm.biz/muzik-kutusu-f17/">Muzık Kutusu</a></li>
<li>
<a href="http://sivass.forumm.biz/video-bolumu-f22/">Vıdeo Bolumu</a></li>
<li>
<a href="http://sivass.forumm.biz/resim-koesi-f27/">Resım Kosesi</a></li>
<li>
<a href="http://sivass.forumm.biz/ak-sevgi-f21/">Ask-Sevgı</a></li>
<li>
<a href="http://sivass.forumm.biz/pc-market-f25/">PC Market</a></li>
<li>
<a href="http://sivass.forumm.biz/cep-telefonlary-f26/">Cep Telefonu</a></li>
<li>
<a href="http://sivass.forumm.biz/kursu-f38/">Kursu</a></li>     
</body></html>

arkaplan teması beyaz olan siteler için arkaplanı yazı kodunu Başlık Kodunu
aşağıdan değiştirebilirsiniz
Kod:
#maviblokmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 215px;
text-decoration: none;
color: black(yazı);
background-color: white,(arkaplan);
border-bottom: 1px solid #90bade;
border-left: blue(başlık);
}
buraları ayarlamanız gerek (parantez içinde yazıo ayarlayacağınız yerler)
noktalı virgülleri silmeyiniz sadece parantezleri ve içindekini siliniz
Kod:
#maviblokmenu li a:hover {
background-color: blue(burası);
border-left-color: blue(burası);
}

#maviblokmenu div.menutitle{
color: white(burası);
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color:Blue(burası);font: bold 100% 'Colonna MT', Arial, sans-serif;
}
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.ilahim.wow3.info
 

güzel bir menü tasarım bana ait kodu değiştirdim

Ö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 | Yetkinblog.com