[muhendisce]

<a href=#>Niyazi Şahin</a>
beyaz background üzerine Niyazi yeşil renkte, Şahin ise kırmızı renkte yazılmış olsun.

olayımız şu abiler, arkadaşlar: mouse over olduğunda Niyazi kırmızı olsun, Şahin yeşil olsuın!

yani aynı link (aynı a tagı) altında iki farklı renk değişimi yapabilmek. aynı a tagı olmayabilir ama mouseover olduğunda her halükarda renk değişimleri beraber olmalı.

font, span, div, label denedim bişeyler ama beceremedim. "bilen için basit bişeydir" olayına binaen araştırma yapmaksızın attım konuyu ortaya..

ilgi ve alakanıza binler teşekkür eder saygılarımı sunarım.

[yunus::t]

Aşağıdaki gibi tek link altında 2 span kullanırsan olacaktır.
Ama tabiki sadece Firefox'ta çalışıyor, IE'in aklı ermedi bende tweak kurcalamadım,
hatırladığım kadarıyla bu yöntem ile IE'de mümkün değil, yapabilmek için 2 ayrı <A> tag'ı kullanman gerek

<style type="text/CSS">
<!--

.bir 	{
	color: #00CC00;
}
.iki 	{
	color: #cc0000;
}
a:hover  .bir{
	color: #369;
	background-color:#99FF00
}
a:hover  .iki{
	color: #fefefe;
	background-color:#000
}
-->
</style>


<a href="asdads">
<span class="bir">isim</span>
<span class="iki"> soyad </span>

</a>

[muhendisce]

bunu benim ie'de çalıştırmam lazım maalesef. ben kullanıyorum tabi ama Firefox pek önemsenmiyor buralarda..

ilk olarak ben de o metodu denemiştim ama sonuç:hüzün!

[sahip]

Firefox' un önemsenmemesine çok üzüldüm

text ile olmuyorsa, grafik olarak yapılır.

isteğin renklerde isim soyadı yazarsın grafik olarak saklarsın, üzerine gelince olanıda hazırlarsın kolayca çözülür.

[muhendisce]

bu yazı, link alanındaki 11 yazıdan sadece önemli bir tanesi. Önemine binaen bi ışıklandırma rica ettiler. onu yapmaya çalışıyorum.

yani tam olarak istediğim olay lazım.

ama önerin için çok teşekkürler. eğer text olarak gerekmeseydi kesinlikle tercih edilebilirdi.

[metadige]

Arkadaşım örnek olsun diye böyle yazdım, fonksiyon olarak tanımlasan daha kullanışlı olur:

<style type="text/CSS"
a.link1{
color:#f00;
text-decoration:none;
}
a.link1:hover{
color:#0f0;
}				
</style>

<a href="#" class="link1" onmouseover="document.getElementById('span1').style.color='#f00';" onmouseout="document.getElementById('span1').style.color='#0f0';">Niyazi <span id="span1" style="color:#0f0;">ŞAHİN</span></a>

[muhendisce]

çok teşekkürler üstadım. aklına fikrine sağlık.

[metadige]

Rica ederim arkadaşım, işine yaradığına sevindim.