Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj26.06.2010, 05:36 (UTC)    
Mesaj konusu: Css Menü Yapımı By Eglencezamanixd

Css Menü Yapma


İlk Başta Css EklenTilerinden Başlayalım


width: 0px; Herkezin Biliği Gibi Genişliktir
height: 0px; YükseklikTir
color: xxxxxxx;

xxxxxx Yazan Yere Renk kodumuzu Yazıyoruz Bunu Bir Katmana Koyduğumuzda Yazıları Renkledire biliyoruz bu kod izle


list-style:none;

Bu kod ise menün Solunda Çıkan Noktaları Kaldırmak içindir Sade bu a:link Katmanında Çalısır

padding: 0px 0px 0px 0px;

Bu kod ise Katmandaki Yazıları Yeirini Ayarlar İlk değer sağa Olan Uzaklığıdır İkinci Değer Sağa olan Uzaklıktır Üçüncü Değer İse Alta olan uzaklıktır Dördüncü Değer İse Üste Olan Uzaklıktır

background: url(Arka Plan Urlniz Buraya);

Bu ise Arka Plan Koymak içindir

Arka Planın Sabit Olmasını istiyorsanız Bu kod işinize Yaraycaktır
background-repeat:no-repeat;


text-decoration: none; Linklerin Altındaki Çizgiyi Kaldırmak İçin

border=" x px" x ile belirtilen yer ise kenarlığın kalınlığıdır



margin: 0px 0px 0px 0px; ise Menünün(münüyü uzaklaştır) veya Linklenin arasındaki uzaklıktır
İlk değer sağa Olan Uzaklığıdır İkinci Değer Sağa olan Uzaklıktır Üçüncü Değer İse Alta olan uzaklıktır Dördüncü Değer İse Üste Olan Uzaklıktır


voice-family: xxxxxxx; bu ise yazını fontu xxx kısmına fontunu yazınız
Arial, Helvetica, sans-serif
Times New Roman, Times, serif
Courier New, Courier, monospace
Bu Fontlarda Birini Kullanmanızı Tavsiye Ederim Çünkü Sonradan Yüklen Fon O kişini Bilgisiayarında Yüklü Olmadığında Düzgü Görünmeye Bilir

display: block;
Bu kod koyduğun Linkler yapışık birşekide çıkmıyacaktır (Zaten Koymanız Şartır)

font-weight: bold; Bu kod Kalın Yapar
font-style: italic; Bu kod ise İtalik Yapacaktır

background-repeat: no-repeat;

Arka Planın Tekrarlamaması İçin

Arka Plan kodun sonra bu kodu koyarsanız
-0px -0px;
ilk değer arka planı sola doğru kaydırı ama başındaki basındaki –yi arakaplanı sağa doğruda kaydıra bilirsiniz
ikince değer ise arka planı aşağı doğrı kaydırır basındaki –yi kadırısanı yukarı doğruda kaydırabilirsiniz


background-position :right;

Sağ tarfa Sabitlemek için Ortalı bir şekilde

yukarda ve soldda Olması için ise

background-position :top- right;


------------------------------------------------
background-position :left;


Sol tafra Sabitlemek İçin Ortalı bir şekilde


yukarda ve sağda Olması için ise

background-position :top-left;

Arka Planı Renk ile Yapmak için
background-color: #xxxxxxx;


Şimdi İse İşin Esas kısmına

Bu link lerin Normal Halidir
#menu li a:link, {buraya yaz}


Bu linklerin Üzerinden Geçinceki Halidir
#menu li a:hover {Buraya Yaz}

Daha Önce Tıklamış Olan Linke Tıklayıcaki Halidir
#menu li a:visited {Buraya Yaz}

Daha Önce Tıklanmamış Olan Linke Tıklayıcaki Halidir

#menu li a:active {Buraya Yaz}



Menün Tümüne Etki Eder
#menu {Buraya Yaz}

Bu katman ise linklerin hepsine birden Etki eder
#menu li a {Buraya Yaz}


Şimdi ise Htm Kodumuzu ÇıkarMAya Geldi Sıra



<div id="menu">
<ul>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad</a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
</ul>
</div>


<div id="menu"> Neden menu herhangi bir şeyde yaza bilirdik ama katmalarımız ismi menu olduğu için yazdık


Bu katmanda İsteğini Koyablirsiniz Dğerlerindeki Gibi Ama Bu link siz ve hover siz olacaktır

div.scroll { Buraya Yaz}





Görünmesini İstedğin Yere


Diyelinki Menümüzün Basınada Görünmesini İstiyorsunuz Ozaman Html Kodumuz

Bu şekilde Değişecektir
<div id="menu">
<ul>
<div class="scroll">Buraya Yaz</div>
<li><a href="Gidilece<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li>
</ul>
</div>

<li><a href="Gidilecek Aders" >Görünmesi İsteğiniz Ad </a></li> Yada <div class="scroll">Buraya Yaz</div Bu kısımları Çağalta bilirsiniz


Eğer Css Dısında Bir Tasarım Kullanıyorsanız <Style>…..</Style> Tag ları Arasında Yazınız


Kaynak Göstermeden Paylaşmayınız Emeğe Saygı


Mesaj26.06.2010, 08:12 (UTC)    
Mesaj konusu:

Teşekkürler..
______________
Mesaj26.06.2010, 14:30 (UTC)    
Mesaj konusu:

kilruge yazmış:
Teşekkürler..


Saol
Mesaj26.06.2010, 22:37 (UTC)    
Mesaj konusu:

55 Kere Bakılmış Ama Kimse Yorum Yazmamış Emeğin Karşılığı Bumuduru
Mesaj27.06.2010, 09:46 (UTC)    
Mesaj konusu:

Ne Bekliyodun Anca Bu İşte Smile Burda Emegi Goren yok Fazla Smile

Eline Sağlık Smile
______________
Limitsiz-Paylasim 80 -100 B-S İçin Ayrılmıs Mükemmel Wordpress - Css - Joomla Tasarımlar
Mesaj27.06.2010, 09:54 (UTC)    
Mesaj konusu:

eglencezamanixd yazmış:
55 Kere Bakılmış Ama Kimse Yorum Yazmamış Emeğin Karşılığı Bumuduru


Öyle değerlendirme çok güzel bir anlatım yapmış olabilirsin ama herkesin işine yarıyacak değil ya =) işine yarıyan kişi 55 kişiden bi kişi ise o 1 kişi yorumunu yapar yapmassa ayıp ama ben sen böle yazdın diye yorum yapıyorum mesela. Bende baktım yorum yapmıyacaktım. Çünki işime yarıyan bişi değil sadece bakmak için girdim. Yorum yazmıcam diye bakmıcakmıyım Very Happy
Mesaj01.07.2010, 11:05 (UTC)    
Mesaj konusu:

tşk kardeş emeğin için
Mesaj01.07.2010, 11:10 (UTC)    
Mesaj konusu:

Çok güzel bir paylaşım olmuş. Teşekkürler.
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu