Tekst preformatowany i cytat
Transkrypt
Tekst preformatowany i cytat
Tekst preformatowany i cytat <PRE> Ten znacznik umożliwia wyświetlanie tekstu dokładnie tak jak został on napisany w źródle. Przydaje się on w sytuacji gdy chcesz nadać tekstowi specjalne formatowanie, które trudno byłoby uzyskać z pomocą znaczników i parametrów HTML , takich jak <ALIGN> i <BR>. Znacznik musi zostać zamknięty </PRE> <BLOCKQUOTE> Znacznik <BLOCKQUOTE> (blok cytowany) powoduje automatyczne formatowanie tekstu. Charakteryzuje sie tym iż tekst zdefiniowany przez ten znacznik jest automatycznie wycinany. Dlatego też znacznik ten jest wyjątkowo przydatny do wyróżniania fragmentów tekstu na stronie www. Własna ikona (favicon) Co zrobić aby w pasku adresu wyświetlić własną ikonę zamiast standardowego "e" Internet Explorera... <link REL="shortcut icon" HREF="ikona.ico" TYPE="image/x-icon"> Jak sprawić aby tło strony nie było przewijane wraz z tekstem? Przy BODY należy dopisać: style="background-image: url('URL_do_obrazka_tla'); background-attachment: fixed" Jak sprawić aby tło strony nie było powielane? Wystarczy przy BODY wpisać kod: style="background-image: url('URL_do_obrazka_tla'); background-repeat: no-repeat" Możemy również sprawić by tło powielało się tylko w pionie lub tylko w poziomie, wstawiając zamiast no-repeat: repeat-x (powielanie w poziomie) repeat-y (powielanie w pionie). Jak schować pasek przesuwu na stronie? Możemy to zrobić wstawiając przy BODY scroll="no". Drugą metodą jest użycie stylów dodając do nich: body {overflow:hidden} Obydwa te sposoby usuwają zarówno pionowy jak i poziomy pasek. Jednakże ten drugi umożliwia usunięcie tylko jednego z nich. W tym celu stosujemy: overflow-y - aby ukryć pasek pionowy overflow-x - aby ukryć pasek poziomy Jak zrobić kolorowy pasek przesuwu na stronie? Dla uzyskania efektu, w sekcji HEAD należy wstawić kod: <STYLE TYPE="text/css"> <!-BODY { SCROLLBAR-FACE-COLOR: kolor; SCROLLBAR-HIGHLIGHT-COLOR: kolor; SCROLLBAR-SHADOW-COLOR: kolor; SCROLLBAR-3DLIGHT-COLOR: kolor; SCROLLBAR-ARROW-COLOR: kolor; SCROLLBAR-TRACK-COLOR: kolor; SCROLLBAR-DARKSHADOW-COLOR: kolor; } --> </STYLE> Gdzie w miejscu, w którym znajduje się "kolor" należy wstawić kod lub nazwę jakiegoś konkretnego koloru. Należy jednak pamiętać, że efekt kolorowego paska przesuwu możemy uzyskać jedynie w przeglądarce Internet Explorer w wersji 5.5 lub wyższej. Jak przenieść pasek przewijania na lewą stronę? Jest to niestandardowe rozwiązanie, które raczej przeszkadza i utrudnia oglądanie strony użytkownikowi przyzwyczajonemu do tego, że pasek przesuwu znajduje się po prawej stronie, jednakże z ciekawości warto coś takiego wypróbować :) W tym celu należy przy BODY dopisać kod: style="direction:rtl". Analogicznie można również dopisać kod style="direction:ltr" co umieszcza pasek przesuwu po prawej stronie. Są to jednak ustawienia domyślne i wstawianie tego kodu nie jest konieczne. Jak zrobić automatyczne przekierowanie na stronie? Sekcji HEAD należy wstawić kod: <META HTTP-EQUIV="Refresh" CONTENT="x;URL=adres_docelowy"> Gdzie x jest wartością podaną w sekundach, po jakiej przeglądarka przeniesie nas pod wskazany adres (adres docelowy). Przykład: Chcemy żeby osoba wchodząca na naszą stronę, po 5 sekundach została przekierowana np. na stronę www.pajacyk.pl. W sekcji HEAD wstawiamy wówczas kod: <META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.pajacyk.pl"> Własny kursor Dzięki dobrodziejstwom jakie daje nam CSS na naszej stronie możemy zadecydować w jakim miejscu, przy jakiej akcji, jaki kursor będzie wyświetlany. <p style="cursor:NAZWA"> lub np.: <a href="plik.html" style="cursor:NAZWA"> W miejsce NAZWA wystarczy wpisać odpowiednią nazwę kursora. Dostępne nazwy to: hand, crosshair, move, wait, text, auto, help, w-resize, s-resize, sw-resize, se-resize, n-resize, neresize, nw-resize, e-resize. Oczywiście można też wykorzystać kursor własnej produkcji zapisany jako .cur lub animowany .ani. Wystarczy skożystać z poniższego kodu: <a style="cursor:url('http://cos.pl/kursor.ani');" href="http://cos.pl">Webhelp</a>