Ładowanie w toku ...|
Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114 Deprecated: Function eregi() is deprecated in /blog/wp-content/plugins/tpbc.php on line 96 W tej poradzie przedstawię kilka sposobów na zmianę wyglądu odnośników. Standardowo linki na stronach bez dodatkowych stylów wygladają niezbyt efektownie. Po najechaniu na url nic się z nimi nie dzieje co nadaje stronie małą atrakcyjność. W przykładach zastosuję kilka stylów zmieniających na różne sposoby wygląd linków na stronie. Link podświetlony: Kod: html4strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" Aby wyświetlić link na stronie i przypisać mu odpowiedni styl, stworzona została sekcja DIV o klasie link_podwietlony. Warto zaznaczyć, że powyższy przykład to tylko propozycja. Np. dla text-decoration: można zastosować również takie zapisy jak: blink (miganie), inherit, overline (linia górna), underline (podkreślenie). Podświetlone tło linka: Kod: html4strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" Aby wyświetlić link na stronie i przypisać mu odpowiedni styl, stworzona została sekcja DIV o klasie link_tlo. W przykładzie zmienia się tło pod linkiem po najechaniu na niego kursorem myszy. Zmienia się również obramowanie. Na uwagę zasługuje zapis (display:block;) którego zadaniem jest traktowanie linka oraz zastosowanych wokół niego odstępów (padding:10px;) jako jednej powierzchni, w którą można kliknąć. Jest to przydatne rozwiązanie w przypadku tworzenia buttonów. Można również zamiast zwykłego koloru tła (background-color:#FF0000;) zastosować tło składające się z obrazka. Zapis wyglądać mógłby np. tak: background-image:url("ścieżka-do-obrazu-tła") repeat-x; Arkusze styli css dają niezwykle duże możliwości w kreowaniu wyglądu strony i nadawaniu jej atrakcyjności. Polecam poeksperymentowanie z nadawaniem styli obrazom będącym odnośnikami. Można np. po najechaniu zmieniać wygląd obramaowania zdjęcia. Autor: Adam Suchowski nowe Porady CSS » zobacz wszystkie
nowe Porady HTML » zobacz wszystkie
WordPress database error: [Incorrect file format 'wp_comments']
|
|
Ładowanie ...