css ile font'a stil verme

26-03-2009, 20:50:43

Merhaba arkadaşlar css ile font'a stil vermeye "arkaplan resmi yada arkaplan rengi" çalışıyorum bir türlü başaramadım.
H1,2,3 kullanmadan var olan bir yazının altına örnek : yorumunu yaz yazısının arka planına bir resim koymak istiyorum.
yorumunu yaz kelimesi bir cümle içerisinde olduğundan dolayı sadece "yorumunu yaz" kelimesinin altında olması gerekiyor.
Deneyimli arkadaşlarımızdan yardım bekliyorum. Yardımlarınız için şimdiden teşekkürler.

26-03-2009, 21:17:25

#2

~~_Janberka~~

Üyeliği durduruldu

<span style="background...">yorumunu yaz</span>

26-03-2009, 21:36:04

#3

plaketkupa

_Janberka adlı üyeden alıntı: mesajı görüntüle

<span style="background...">yorumunu yaz</span>

Cevabın için minnettarım html kodunda yapabiliyorum css ile yapamadığımdan yardım almaya karar vererek yazdım buraya. Yani html kodunda karabalık yapmadan css den çağırmak istemiştim "style="background-color: #0000FF;"" bunu.
html kodu

<span style="background-color: #0000FF;">yorumunu yaz</span>

26-03-2009, 21:43:52

#4

~~_Janberka~~

Üyeliği durduruldu

Css ile şekir vermen için şekil vermek istediğin elemana bir şekilde point etmelisin... Yani span vs. kullanmadan yapamazsın ki bunu...

26-03-2009, 21:48:03

#5

STI

css kod
.yazistil {background-color: #0000FF;}

<span class="yazistil" >yorumunu yaz</span>

26-03-2009, 21:51:49

#6

plaketkupa

Aslında aradığım cevap tamda buydu. Teşekkürler + rep
Ben bir cümle içerisinde kullanılan bir kelimeye arka plan rengi yada resmi atamaya çalışıyordum css ile. ama html kodunda kod karabalığı yapmak istemiyordum.
Mesela <h1>Yorum Gönder</h1> buna css den aşağıdaki kodu çağırarak şekil verebiliyorum.
h1 {
font-size: 2em;
font-weight: normal;
color: #FF6600;
background-color:#0000FF;
}
Peki arkadaşlar Yorum Gönder kelimesine <h1>2,3,4 den başka kısa kod kullanılarak nasıl bir şekil verebilirim. sınıf atayabilirim.
Yardımcı olursanız sevinirim.

26-03-2009, 21:58:07

#7

~~_Janberka~~

Üyeliği durduruldu

Bunun için 2 yol var diyelim ki bir span tagi üzerinde düzenleme yapıyorsun:

Eğer o span taginden bir tane varsa, yani sayfanda başka "Yorumunu Yaz" yazısı koymayacaksan bir ID tanımlaman gerekiyor
HTML:

<span id="yorumyaz">Yorumunu Yaz</span>

CSS:

#yorumyaz
{
font-size:20px;
}

Yok eğer birden fazla kullanacağım aynı stili diyorsan o zaman sınıf tanımlayacaksın. Onu da STI altta yazmış.

26-03-2009, 22:14:37

#8

plaketkupa

Teşekkürler arkadaşlar şu şekilde yaptım.

<span class="yorum" > <a title="Ürün hakkındaki düşüncelerini yorum olarak gönder" target="_top" href="http://www.sitemiz.com/yorumunu-gonder.php">
yorumunu yaz</a></span> hemen yayınlayalım

css :

.yorum 
{
background-image:url(http://www.sitemiz.com/image/yorum.gif);
padding:2px;
}

Bunun daha kolay yolu olur diye düşünmüştüm yorumunu yaz kelimesini html koduna bir tag eklemeden css den şekillendirmek gibi. Ama yapılabilir bence neden olmasınki.
Google arama sonuçlarında "cache" aranan kelimeleri işaretliyebiliyor bu kod ile <b style="color:black;background-color:#ffff66">Yorum</b> şeklinde buda benim kafamı iyice karıştırdı.
Bakayım hele bir kafama takıldı bir kere daha kolay bir yöntemini bulursam yazacağım.

26-03-2009, 22:24:27

#9

~~_Janberka~~

Üyeliği durduruldu

<a title="Ürün hakkındaki düşüncelerini yorum olarak gönder" target="_top" class="yorum" href="http://www.sitemiz.com/yorumunu-gonder.php">
yorumunu yaz</a> hemen yayınlayalım

böyle yap en kısası...