Kolor linku w nazwie użytkownika

**fajny_nick** · 03.02.2012, 19:19

Witam,

Mam problem z kolorem linku hover przy nazwie użytkownika. Dla przykładu, dodałem użytkownika do grupy "test", w polu ustawień html dodałem kolor czerwony czcionki. Wszystko dobrze działa, jednak przy najechaniu myszką na nick pojawia się podkreślenie w kolorze zdefiniowanym jako ogólny hover na forum. Czy jest jakaś modyfikacja, która sprawi, że podkreślenie będzie w kolorze takim, jaki zdefiniowany jest kolor grupy?

Pozdrawiam

**WoG** · 04.02.2012, 02:01

Modyfikacja nie, ale można nałożyć odpowiednią klasę na nick użytkownika i tej klasie przypisać wszystkie wartości (czyt. kolory).

**fajny_nick** · 04.02.2012, 14:29

Dziękuję za odpowiedź, tylko nie do końca rozumiem jak mam nadać klasę?

W edycji tych znaczników html wpisuje tylko to co jest pomiędzy znacznikami <a>, więc nawet jak dam <span> i odpowiednio zdefiniuje styl to i tak nic i to nie zmienia.

**WoG** · 05.02.2012, 02:08

jeżelisz wpiszesz np.
<span class="test">, a potem dodasz swoje klasy:

.test

.test a{

.test a:hover {

To nie powinieneś mieć problemu.

**fajny_nick** · 05.02.2012, 02:26

No właśnie nie koniecznie, jeżeli dodaje span między znacznikami linku to on dziedziczy z tego linku metody hover.
W załączniku wrzuciłem screen z firebug'a gdzie jest właśnie pokazane o co mi chodzi, w span mogę podać kolor tekstu, ale metoda hover wywoływana jest z klasy linku bo span jest w nim zadeklarowany.

link.jpg

Może jakiś inny pomysł?

**WoG** · 07.02.2012, 02:20

W tym przypadku bez edycji szablonów to przychodzi mi do głowy wykorzystanie kodu javascript, który zmieni klasę linku dla .parent() jeżeli elementem docelowym będzie właśnie ten span.

**fajny_nick** · 08.02.2012, 15:05

A masz może jakiś przykładowy kod? lub możesz mnie jakoś nakierować na rozwiązanie? Niestety nie posiadam aż tak obszernej wiedzy odnośnie JS

**WoG** · 08.02.2012, 18:07

Jeżeli korzystasz z jQuery to można zrobić coś w ten deseń:

Nadać na nazwę użytkownika

Kod html:

<span id="userjs"> </span>

A następnie spróbować tak:

Kod html:

$("#userjs").parent("a").css("text-decoration", "none");

Pisałem z głowy i nie dam jej uciąć, że zadziała, ale mój przykład powinien Cię pokierować czego szukać.

**fajny_nick** · 08.02.2012, 19:07

W oparciu o to co napisałeś stworzyłem taki kodzik:

Kod html:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
</head>
<body>
  <a href=""><span class="test">Mały test</span></a>
  
	<script>$('.test').hover(function(){
		$(this).parent("a").css("color", "red");
	})</script>


</body>
</html>

Teoretycznie kod działa jeżeli jest w oddzielnym pliku, jak wstawiam to do VB (span do ustawień grupy, script w footer w stylu) to nie działa, co robię nie tak?

**WoG** · 09.02.2012, 01:51

Spróbuj ze składnią elegancką:

Kod html:

<script type="text/javascript">
<!--
	$(function(){
		$('.test').hover(function(){
			$(this).parent("a").css("color", "red");
		});
	});
//-->
</script>

Narzędzia wątku

Typ wyświetlania

Kolor linku w nazwie użytkownika