[nikefootball]

Benim sorunum şu , index.php de sol tarafta linklerini Yeşil , Sağ taraftakilerin Siyah ve ince , Alt tarftakilerinde Mavi görünmesini istiyorum ama çıldırdım yapamıyorum bir türlü ve bu nedenle de tasarımlarımı ona göre ayarlıyorum sadece siyah olduğundan mecburen ona göre yapıyorum tasarımı kısıtlı kalıyrum bu durumda

Nasıl yapabilirim ?

sag.php
sol.php
alt.php
ust.php
haber.php

gibi dosyalar var bunları index.php te include ettim bu sayfalarda değişik link renkleri kullanmak istiyorum 4-5 tane css dosyası oluşturdum ve bunların içinde linkler farklı renk hep Dreamweaver de istediğim gibi gözüküyor ama sayfa açılırken , linkler istediğim gibi gözükürken sayfa tamamen yüklenince link renkleri siyah oluyor
yardımcı olursanız sevinirim

[yunus::t]

<a> taglerinin içinde bulundukları yapılara ayrı class'lar veya id'ler verirsen sonra içlerindeki özellikleri ayrı ayrı değiştirebilirsin.

<p class="test1"><a>deneme linki1</a></p>
<div id="test2"><a>deneme linki2</a></div>

gibi..

[nikefootball]

@charset "iso-8859-1";
/* CSS Document */
a:link{font:bold 11px tahoma; color:#006633}
a:hover{font: bold 11px tahoma; color:#008C46;}
a:visited{font: bold 11px tahoma; color:#008C46;}
.tahoma_11_normal_siyah_ustu_yesil {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	background-color: #009933;
	font-weight: bold;
}
.normal_yazi {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
}

linkler dosyası böyle mesela yukarıda bahsettiğin şekilde nasıl uyarlıyacağız

A:link
a : hover
a:visited

olarak yazılmış bunları class olarak nasıl belirticez. senin yukarıda yazdığını normal yazıları yazarken uyguluyorum ama linke uygulayamadım yine

[nikefootball]

biraz karıştırdım ve araştırdım yaptım şu şekilde

<style type="text/css">
A#BirinciLink { color:#FF0000 }
A#IkinciLink { color:#0000FF }
A#UcuncuLink { color:#00FF00 }
A#DorduncuLink { color:#800000 }
</style>
<a id="BirinciLink" href="">Birinci Link</a><br>
<a id="IkinciLink" href="">İkinci Link</a><br>
<a id="UcuncuLink" href="">Üçüncü Link</a><br>
<a id="DorduncuLink" href="">Dördüncü Link</a>

[Scud]

<style type="text/css">
.BirinciLink { color:#FF0000 }
.IkinciLink { color:#0000FF }
.UcuncuLink { color:#00FF00 }
.DorduncuLink { color:#800000 }
</style>
<a class="BirinciLink" href="">Birinci Link</a><br>
<a class="IkinciLink" href="">İkinci Link</a><br>
<a class="UcuncuLink" href="">Üçüncü Link</a><br>
<a class="DorduncuLink" href="">Dördüncü Link</a>

şeklinde yapman kurallara daha uygun olacaktır. çünkü benim bildiğim aynı sayfada aynı id degerine sahip iki nesne bulunmamalı.

[omerbalyali]

Sayfanın belli bölümlerindeki linkler farklı olacaksa, yani kesin olarak farklı olacak linkler belli ise, sayfanın bloklarına özel tanımlamalar atayabilirsin.

Mesela bir blog düşün, 3 tane bloktan oluşuyor; header - sidebar - content.

O halde bu blokların içindeki bağları nasıl olurda farklı biçimlendirebiliriz?

CSS:

#header a {...}
#header a:hover {...}
#header a:visited {...}
#header a:visited:hover {...}

#sidebar a {...}
#sidebar a:hover {...}
#sidebar a:visited {...}
#sidebar a:visited:hover {...}

#content a {...}
#content a:hover {...}
#content a:visited {...}
#content a:visited:hover {...}

XHTML:

<div id="header">
<a href="#" title="">...</a>
</div>

<div id="sidebar">
<a href="#" title="">...</a>
</div>

<div id="content">
<a href="#" title="">...</a>
</div>

............


Diyelim ki böyle değil! Örneğin aynı paragraf içindeki bir çok link farklı farklı stil alabilecek.

Bu durumda ne yaparız?
-Bu durumda sınıfları kullanmamız gerekiyor. Bunu da şu şekilde yapabiliriz;

CSS:

.link1 {...}
.link1:hover {...}
.link1:visited {...}
.link1:visited:hover {...}
/* IE UYUMLU*/
.link1 a {...}
.link1 a:hover {...}
.link1 a:visited {...}
.link1 a:visited:hover {...}

.link2 {...}
.link2:hover {...}
.link2:visited {...}
.link2:visited:hover {...}
/* IE UYUMLU*/
.link2 a {...}
.link2 a:hover {...}
.link2 a:visited {...}
.link2 a:visited:hover {...}

XHTML:

<p>

<a href="#" title="" class="link1">...</a>
<a href="#" title="" class="link2">...</a>

</p>

................

Scud tarafından gönderilen mesaj:

<style type="text/css">
.BirinciLink { color:#FF0000 }
.IkinciLink { color:#0000FF }
.UcuncuLink { color:#00FF00 }
.DorduncuLink { color:#800000 }
</style>
<a class="BirinciLink" href="">Birinci Link</a><br>
<a class="IkinciLink" href="">İkinci Link</a><br>
<a class="UcuncuLink" href="">Üçüncü Link</a><br>
<a class="DorduncuLink" href="">Dördüncü Link</a>

şeklinde yapman kurallara daha uygun olacaktır. çünkü benim bildiğim aynı sayfada aynı id degerine sahip iki nesne bulunmamalı.

Eğer (x)html'de etiket parametresi olarak class="" kullanıyorsak buna "sınıf" denir ve bunu CSS'te .ornek diye belirleriz ve bu sınıfı istediğimiz her elemanda kullanabiliriz.

Scud'un belirttiği ise, eğer (x)html'de etiketlere id="" parametresi atıyorsak CSS'te #ozel olarak belirttiğimizi sadece o elemanda kullanabiliriz, başka bir elemanda kullanamayız.

[Scud]

Abi süpersin. Tam arşivlilk bi anlatım olmuş. eline sağlık

[Lautreamont]

ben de taşıyayım o zaman arşive. eline sağlık ömer. çok yararlı olmuş.

[omerbalyali]

Yahu tevazü diyeceksiniz ama değil, öyle aman aman birşey yazmıyor ki orada. ID ile CLASS'ın farkını ve genel kullanımını yazdım. Orada dikkat çekici birşey var gibi duruyorsa o da "class" atamadan bloklama ile stil tanımlaması. Bu CSS'e yeni başlayan ya da orta seviyedeki kişilere iyi gelir ama genel olarak CSS'i doğru kullanan bir çok kişi bilir ve uygular. Yine de teşekkürler.

[Scud]

yok yok. hoş oldu. anlaşılır oldu. link style ları ile ilgili bunu okuyan birisinin bidaha bukonuda soru soracağını zannetmem