iceblue-dizayn / WEB TASARIM
  Navi-Düğmesi (Button)
 

 
 

Iceblue Tasarim : Kendi Navigasyon Dügmemizi yapalim (Button):

Resimin üzerinde Siniflari görüyoruz.
Navigasyon Dügmelerinin Sinif Ismi nav ´dir! Hangi Sinif olursa oldun, hep önüne td. yaziniz. td. Tabele Sütunlari anlamindadir.
Sinifin simdiki Ismi td.nav . olmalidir.
(Resimi büyütmek icin üzerine tiklayiniz)


Orijinal Dügme : 185 x 33 Piksel
Bu Orijinal Dügmedir. Yeni Dügme ayni büyüklükte yapilmasi gerekmektedir ! Hover- Efekti icin 2. bir Dügme yapiniz.
 

Kendi Navi Dügmemiz :

 
  • "Iceblue icin Navi, Hazir /Kopya: www.free-picture.de.tl
  • ya da bu büyüklükte kendiniz yapiniz  (185 x 33)
  •  
  • Yaptiginiz Dügmeyi Siteye yükleyiniz "Resimlerimi yönet"
  • "Resimlerin" Resmin üzerine tiklayiniz
  • Simdi Fare ile Resimin üzerine gidiniz
  • Sag Tik ile, Resimin Linkini kopyalay
  • RESIM LINKI Asagidaki Kodun icine geliyor!


"Tasarim üzerindeki yazi" Alanina ekleyiniz
 
<style type="text/css">
<!--


/* Navi-Dügme */
td.nav {
    background-color: #xxxxxx;
    background-image: url(Dügme Link 1); }

/* Navi Dügme Hover Efekti */
td.nav:hover {
    background-color: #xxxxxx;
    background-image: url(Dügme Link 2 ); }

/* Navi-Linki Renk ve Büyüklük */
td.nav a {
    color: #000000;
    font-size: 14px;
    font-family: arial,verdana;
    text-align: left;
    text-decoration: none; }

/* Navi-Linki Hover */
td.nav a:hover {
    color: #000080; }

/* Aktüel ziyaret edilen Sayfa */
tr.checked_menu td {
    background-color: #6f8ac4;
    background-image: url(Dügme Link 3); }

-->
</style>


Eger Navi-Dügmeleri icin Arkaplan Rengi istiyorsaniz:
 
  • background-image: none; Parantez bos kalacak
  • background-color: Istege göre Renk Kod larini yaziniz
  • Mesela Mavi Arkaplan #000080;
  • yada Kirmizi Arkaplan  #800000;
  • Renk Kodlari icin SÜPER bis Site:   http://html-color-codes.info/





 
 
   
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=