iceblue-dizayn / WEB TASARIM
  Navigasyon Sağ
 

 



Navigasyon- Dügmelerini Sag Tarafta(burada oldugu gibi) yerlestirebiliriz.
3 ADIM ´da Sag Dügmeleri yerlestirelim :

1. Adim :

Ilk olan  (td.shouty) Sag Box  background-color aliyor:
Sol Tarafttaki Dügmelerin Arkaplan Renginin aynisi olmasi lazim
Yoksa Dügmeleri arkasinda beyaz Kenarlar görünüyor. 

•  Navi- Dügmelerinin Arkaplan Rengini Kod icerisinde bulunan  td.nav { ...  Sinifinda bulabilirsiniz. 
• Bu Örnekeki Renk ise sudur #343434;
• CSS- Kod Alanina YADA / "Tasarim üzerindeki yazi"  Alanina ekleyiniz : 

/* Box 1 */
td.shouty {
padding: 0px !important;
background-color:#343434;
background-image: none; }




2. Adim :

• 3 Navi-Dügmesi icin bir Örnek
• "Tasarim Ayarlarina" gidiniz
•  "1. ekstra kutunun icerigi(sag) " Alanina ekleyiniz


<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td class="nav">
<a href=" BURAYA LINK "> METIN </a></td>
</tr>
<tr>
<td class="nav">
<a href=" BURAYA LINK "> METIN </a></td>
</tr>
<tr>
<td class="nav">
<a href=" BURAYA LINK "> METIN </a></td>
</tr>
</table>  
 
class="nav"  Sayesinde solda bulunan Dügmeler gibi, simdi Sag taraftada ayni Dügmeler olustu.
• Sag Navigasyonun Hover Efekti otomatik olarak, simdi Soldaki gibi oldu.
"BURAYA LINK " olan yere istediginiz Linki yaziniz.
"METIN" olan yere istediginiz Metini yazabilirsiniz.



3. Adim :


Aslinda Sol tarafta olan Linkleri, Sag tarafta görünmesini istedigimiz icin Sol taraftaki Linkleri Navigasyonda "görünmez" hale getirmemiz lazim.
Yoksa Sayfalar cifter olarak görünüyor. Düzenlegimiz ve hazirladigimiz Sayfalar zaten her zaman kendiliginden Sol Navigasyonda görönüyor.
Navi- Linklerini ( Dügmeler) tek tek CSS- Kodundan kaldirabiliriz.

Aciklama : Sayfalari Sol tarafta Navigasyondan kaldirma/gizleme 

• Sadece, sag tarafta durmasi gereken Sayfa Basliklarini ilgilendiriyor
• sag tarafa 5 Dügme mi eklenmesi lazim ?
• O zaman 5 Tane #nav_Sayfa Basligi {display: none; }   eklenmesi gerekiyor.
Sayfa Basligi yerine, Sayfanin dogru olan Sayfa Basligi 

 
   
  Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol