Wygląd linka

[Christaad]

Czy jest jakiś sposób na zmianę wyglądu linka np. żeby był czerwony i bez tych kropeczek pod nim??

[jaroslw]

Jest. Jaki styl?

Przenoszę do odpowiedniego forum.

[Christaad]

ten, który jest na początku. Chyba "prosilver" jeśli nie ma literówki.

[jaroslw]

Jeśli dla wszystkich, to w pliku styles/prosilver/theme/colours.css zamień:

Kod: Zaznacz cały

a:link	{ color: #105289; }
a:visited	{ color: #105289; }
a:hover	{ color: #D31141; }
a:active	{ color: #368AD2; }

na:

Kod: Zaznacz cały

a:link	{ color: red; }
a:visited	{ color: red; }
a:hover	{ color: red; }
a:active	{ color: red; }

W miejsce "red" możesz wstawić inny kolor - wartość w systemie szesnastkowym lub angielski odpowiednik.

Jeśli ma to być tylko dla odnośników będących w postach, to w tym samym pliku zmień wartości atrybutów color w tym kawałku kodu:

Kod: Zaznacz cały

.postlink {
	color: #368AD2;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

Żeby pozbyć się podkreśleń linków zamień kawałek kodu z styles/prosilver/theme/links.css:

Kod: Zaznacz cały

.postlink {
	text-decoration: none;
	color: #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

.postlink:visited {
	color: #bdbdbd;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

na to:

Kod: Zaznacz cały

.postlink {
	text-decoration: none;
	color: #d2d2d2;
	padding-bottom: 0;
}

.postlink:visited {
	color: #bdbdbd;
}

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

[Christaad]

To bym dał radę zrobić lecz (przepraszam moja wina) nie napisałem, że chodzi mi tu o pojedyncze linki. Jeśli nie ma takiej możliwości będę musiał wybrać tą jedną.

[jaroslw]

Jeśli mają być to pojedyńcze linki w poście, to chyba jedynym wyjściem będzie utworzenie nowego znacznika BBCode dla takich odnośników, gdzie znacznikowi <a> byłaby nadawana inna klasa CSS. Jeśli te linki mają być w obrębie forum to również jest to kwestia modyfikacji odpowiednich klas CSS.

[Christaad]

Ależ Cię dziś molestuję.
Najlepiej byłoby gdyby można jakoś stworzyć znacznik BBcode jak np. [red link]{text znaczy link}[/red link].

[jaroslw]

Spróbuj tak:
Używanie BBCode: [rurl={URL}]{TEXT}[/rurl]
Zamiana HTML: <a href="{URL}" class="redlink">{TEXT}</a>

Potem w styles/prosilver/theme/links.css dodaj takie klasy:

Kod: Zaznacz cały

a.redlink {
color: red;
text-decoration: none;
border: none;
}

a.redlink:hover {
color: red;
text-decoration: underline;
border: none;
}

Nie testowane, ale powinno działać. Po dodaniu tych klas do pliku .css odśwież motywy stylu.

[Christaad]

Niestety link zrobił się koloru fioletowego. Gdy się na niego najedzie jest to podkreślenie i zniknęło to tło. Właśnie jak ustawić to tło na jakiś delikatny czerwony kolor. Zaraz gdy uda się ustawić czerwony link.

[jaroslw]

Spróbuj jeszcze dodać do pliku styles/prosilver/theme/colours.css to:

Kod: Zaznacz cały

a.redlink {
color: red;
}

a.redlink:hover {
color: red;
background-color: KOLOR;
}

Za "KOLOR" jak już wspominałem wyżej wstaw odpowiednią wartość. Ciekawą tabelę znajdziesz tutaj. Pełną znajdziesz w większośći programów graficznych lub jako wtyczkę do przeglądarki.