[sailor]

amatörce bir sayfa hazırlıyorum. CSS konusunda az cok bir fikrim vardı taki bu forumun vbulletin2[1].CSS dosyasını görene kadar.

Ben top style liğt ile hazırlıyorum style sheet dosyalarını acaba daha gelişmiş ya da help i daha user informative bir program varmı?

aşşağıdaki CSS kodu ne anlama geliyor ben bunu top sytle light ile beceremedim.. (code zoque nin vbulletin2[1].CSS dosyasından alınmıştır)

#ltlink A:link, #ltlink A:visited, #ltlink A:active {
COLOR: {linkcolor}; TEXT-DECORATION: none;}

[hayalet]

id'si itlink olan bir link varmış Bu linkin üzerine tam tıklarken (active), ona tılayıp bizi gönderdiği yere gidip oradan geri gelince (visited) ve link orada öylece durup biz sadece onu seyrettiğimizde (link); bu link altını çiziktirmicek ve rengini de {linkcolor} ile belirtilen renkte gösterecek..

valla ben özel olarak bir editör ve/veya program kullanmıyorum. kodları program aracılığıyla değilde elimle yazmayı sevdiğim için, bana göre kullanımı rahat olan bir editörle bütün işlerimi yapıyorum. zati çoğunuz biliyosunuzdur heralde: Crimson Editör. Ne yazıkki onda da bir help yok

[cihangir]

http://www.w3schools.com/css/css_syntax.asp adresinde oldukca iyi anlatiliyor ama ben yine kisaca bir aciklayayim:

2 alternatifimiz var:

1. "#" ile beraber kullanimi

#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

<p id="intro">
This paragraph will be right-aligned.
</p>

yazilan tüm yerlerde #intro icinde degerler kullanilacak.

2. "." ile beraber kullanimi

.intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

<p class="intro">
This paragraph will be right-aligned.
</p>

class ya da id yazdigin tüm HTML komutlarinda burada belirledigin degerler kullanilacak.

p#intro ya da p.center olarak CSS'leri belirlersen, sadece p tag'i ile kullanabilirsin.

yukarida verdigim ilk linke bir bak, oldukca iyi anlatilmis. incelemek istiyorsan zoque.com'daki CSS dosyasini buradan cekebilirsin.

[soul]

Ek olarak id kullanırsanız bu "id" den sayfada bir defa geçmesi gerekiyor.

Yani;

<style>
#cont {
color:#000;
}
</style>

<div id="cont">İçerik Lorem zart zurt</div>
<div id="cont">İçerik Lorem zart zurt 2 devam vs.</div>

gibi bir kod yanlış olacaktır. Eğer birden fazla yerde aynı style' ı kullanacaksanız bunu

<style>
.cont {
color:#000;
}
</style>

<div class="cont">İçerik Lorem zart zurt</div>
<div class="cont">İçerik Lorem zart zurt 2 devam vs.</div>

şeklinde... ( id nin sayfada tek tanımlayan olması gerekir. Hem class hem id de kullanabiilrsiniz )

Son olarak bunun yanında

<style>
body {
background-color:#FF0;
}
</style>

Bu şekilde de sayfadaki her tag o belirlediğin özelliği alır. Tabii örnekteki tag sayfada bir defa geçecek ama olsun.

Mesela

<style>
td {
font-family:Georgia;
}
<style>

şeklindeki bir kod sitendeki tüm tablo içerisindeki yazıların fontunu Georgia yapacaktır.

Kolay gelsin...