Wygląd linka
: 10 grudnia 2008, 17:30
Czy jest jakiś sposób na zmianę wyglądu linka np. żeby był czerwony i bez tych kropeczek pod nim??
Jest. Jaki styl?
Przenoszę do odpowiedniego forum.
Polskie forum wsparcia dla phpBB
Wygląd linka
Strona 1 z 1
Re: Wygląd linka
: 10 grudnia 2008, 17:33
Re: Wygląd linka
: 10 grudnia 2008, 17:34
ten, który jest na początku. Chyba "prosilver" jeśli nie ma literówki.
Re: Wygląd linka
: 10 grudnia 2008, 17:44
Jeśli dla wszystkich, to w pliku
na:
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:
Żeby pozbyć się podkreśleń linków zamień kawałek kodu z
na to:
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; }Kod: Zaznacz cały
a:link { color: red; }
a:visited { color: red; }
a:hover { color: red; }
a:active { color: red; }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;
}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;
}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;
}Re: Wygląd linka
: 10 grudnia 2008, 17:50
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ą.
Re: Wygląd linka
: 10 grudnia 2008, 17:56
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.
Re: Wygląd linka
: 10 grudnia 2008, 18:13
Ależ Cię dziś molestuję. 
Najlepiej byłoby gdyby można jakoś stworzyć znacznik BBcode jak np.
Najlepiej byłoby gdyby można jakoś stworzyć znacznik BBcode jak np.
[red link]{text znaczy link}[/red link].Re: Wygląd linka
: 10 grudnia 2008, 18:21
Spróbuj tak:
Używanie BBCode:
Zamiana HTML:
Potem w
Nie testowane, ale powinno działać. Po dodaniu tych klas do pliku .css odśwież motywy stylu.
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;
}Re: Wygląd linka
: 10 grudnia 2008, 18:57
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.
Re: Wygląd linka
: 10 grudnia 2008, 20:35
Spróbuj jeszcze dodać do pliku
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.
styles/prosilver/theme/colours.css to:Kod: Zaznacz cały
a.redlink {
color: red;
}
a.redlink:hover {
color: red;
background-color: KOLOR;
}