Hej,
chciałbym na pewnej stronie (właściwie nie tylko tej) powiększyć czcionkę (nie chce mi się za każdym razem naciskać '+'). Tak więc pomyślałem, aby skorzystać ze stylów użytkownika, ale tutaj pojawia się problem, albo ja nie rozumiem idei tego rozwiązania, albo nie umiem sobie z nim poradzić. Pokrótce postaram się napisać co uczyniłem:
Stworzyłem plik o nazwie "user.css" i wstawiłem taki kod do niego: "#wiadomosci-wp-pl t2 {font-size:25px; color:red}", oczywiście na końcu zapisałem w katalogu style. Następnie w preferencjach strony wskazałem ten plik (w opcjach styli -> user mod (chyba tak to idzie) mam wszystkie opcje za fajkowane). Efektów jak na razie nie widać. Wersja opery:9.10
Czy coś źle zrobiłem, czy o czymś zapomniałem?
Wg. zawartości stworzonego przez ciebie stylu CSS, dużą czczionką będzie pisany tekst znajdujący się...
Wewnątrz znacznika t2, który to będzie znajdował się wewnątrz elementu o id="wiadomosci-wp-pl".
A taki element po prostu na tamtej stronie nie istnieje.
OK, więc jak to zrobić? Powiedzmy, że chcesz zmienić font dla nagłówów po lewej stronie: "Tylko w", "Raporty specjalne", itp. Wszystkie one mają następujący kod HTML:
<td background="http://i.wp.pl/a/i/wiadomosci_04/layout/menu160.gif" height="18" class="SGmenu" colspan=3>tekst nagłówka</td>
Musisz więc napisać styl, który zwiększy rozmiar fontu w komórce tabeli (td) o klasie "SGmenu". Proszę bardzo:
td.SGmenu { font-size: 50px; }
Originally posted by Zajec:
Musisz więc napisać styl, który zwiększy rozmiar fontu w komórce tabeli (td) o klasie "SGmenu". Proszę bardzo:
td.SGmenu { font-size: 50px; }
Nie działa takie rozwiązanie. Nic się nie zmieniło.
Faktycznie, sorki za wprowadzanie w błąd. Do dziś byłem pewien, że wiem jak działają style użytkownika :-|
td.SGmenu { font-size: 50px !important; }
U mnie dziala.
Przy okazji: Narzedzia > Preferencje > Wyglad stron WWW > opcja "Powiekszenie strony"
O... próbowałem dodać important, ale nie pomoglo. Jakoś dziwnie są te style odświeżane.
Originally posted by nunio:
td.SGmenu { font-size: 50px !important; }U mnie dziala.
No to ja nie wiem, bo u mnie nie działa.
.t2 {font-size: 20px !important; color:green;}
Wklej powyższy kawałek kodu do swojego pliku CSS. Jeżeli używasz najnowszą wersję Opery to wywal skrypt dodający identyfikator strony - już nie jest potrzebny a tylko wprowadza zamieszanie. Nie zapomnij odświeżyć strony aby zobaczyć zmiany.
Originally posted by Zajec:
O... próbowałem dodać important, ale nie pomoglo. Jakoś dziwnie są te style odświeżane.
Może się pomyliłeś i dałeś !important po średniku?
Zazwyczaj po zmianie stylów trzeba wyłączyć Operę i uruchomić jeszcze raz (niestety)...
To była kwestia odświeżenia. Moose mi podpowiedział, jakim skrótem to rozwiązać: http://my.opera.com/stylists/forums/findpost.pl?id=1964014