Artykuł Czytelniejsze strony

Czytelniejsze strony
Autor: PHmaster Dodano: 2009-04-14 16:09:05 Komentarze: 0
Licencja: Copyright Kategoria: Webmastering » Java/JavaScript Odsłon: 3548

Czytelniejsze strony

Wielu początkujących webmasterów chcąc "upiększyć" wygląd swoich stron nieświadomie utrudnia źycie czytelnikom, poprzez fatalny dobór koloru tła, koloru czcionki oraz wygląd pozostałych elementów. Większość Uźytkowników widząc taką witrynę natychmiast ją opuszcza. Co zrobić, jeśli na takiej stronie znajdują się dla nas naprawdę waźne informacje?

Teraz sami moźemy zmienić wygląd strony na taki, który nam się podoba i to wszystko dzięki jednej linijce prostego kodu JavaScript. Wszystko jest moźliwe dzięki temu, źe przeglądarki obsługują skrypty JavaScript w pasku adresu.
Aby się o tym przekonać wpiszmy prosty skrypt

Kod 
  1. javascript: alert('Witaj Czytelniku e-Pomocnik')

Jeśli zobaczymy okienko alertu, znaczy, źe wszystko działa OK. W przeciwnym przypadku, albo uźywamy przeglądarki bez obsługi JavaScript (najpopularniejsze: Firefox, Opera, Internet Explorer obsługują JavaScript), lub po prostu mamy wyłączoną obsługę tego języka (wystarczy włączyć ja w opcjach).

Dobrze, zacznijmy od zmiany koloru tekstu. W pasku adresu wpiszmy

Kod 
  1. javascript: void(document.body.style.color='red')

Kolor czcionki zostanie zmieniony na czerwony. Oczywiście zmienna document.body.style.color moźe przyjmować inne wartości, wszystko zaleźy od tego, jaki kolor chcemy ustalić.

Podobnie moźemy zmienić tło

Kod 
  1. javascript: void(document.body.style.background='black')

Ten kod odpowiada za zmianę koloru tła na czarny. Równieź tutaj moźemy zmienić wartość zmiennej document.body.style.background.

Czasem zachodzi równieź potrzeba zmiany kierunku tekstu. Mam tutaj na myśli justowanie.
Kod 
  1. javascript:void(document.body.style.direction='rtl')

(jak sama wartość zmiennej rtl - right to left wskazuje) odpowiada za zmianę kierunku tekstu. Zmienna document.body.style.direction moźe przyjąć równieź wartość ltr.

Mamy juź moźliwość poprawienia wyglądu strony, tak, aby był wygodniejszy dla Naszych oczu. Źeby przyspieszyć taką operację, odpowiednie skrypty moźemy zapisać jako zakładkę np. w przeglądarce Firefox.
Tworzymy nową zakładkę i w pole formularza o nazwie Adres wprowadzamy:
Kod 
  1. javascript:void(document.body.style.background='white'); 
    

  2. void(document.body.style.color='black'); 
    

  3. void(document.body.style.direction='ltr')

Od teraz chcąc zmienić kolor tekstu na czarny, ustawić białe tło oraz zmienić justowanie na domyślne (od lewej do prawej), wystarczy, źe klikniemy na naszą zakładkę. Prawda, ze szybkie i proste?

Zachęcam do dalszej zabawy. Za pomocą JavaScript moźemy równieź modyfikować kolor linków, zmieniać rodzaj czcionki, oraz wpływać na wygląd wielu innych elementów strony. Moźliwości jest duźo, dalszą zabawę pozostawiam Czytelnikowi :)

Zobacz więcej

Ukryte strony w Fire... Nie wielu wie, źe takie ukryte strony dostępne są w jednej z najpopularniejszych... 2008-07-12 18:22:44
Przywracanie skrótu ... Poradnik pisany z dedykacją dla użytkowniczki Shadija, której to zniknął ... 2011-12-22 01:39:46
Prosta przeglądarka ... Wstęp Do rozpoczęcia budowy własnej przeglądarki potrzebne będzie: Microsof... 2009-05-28 16:02:49
SATA HDD DOCK Oto specyfikacje. * Obsługuje zarówno SATA 2.5 "HDD i 3.5" HDD * Poł... 2008-10-07 12:26:11
Sposób na wejście na... Jest sposób wejści na konto administratora nie znając hasła w Windowsie X... 2010-02-01 03:44:48
Jak dostosować aktua... Facebook zdobywa teraz coraz większą popularność w Polsce. Po tym jak uspokoił s... 2010-04-28 16:25:55

Komentarze

Zaloguj się, aby móc dodawać komentarze.

E-pomocnik

Strona główna Regulamin O nas Prawa autorskie Kontakt

Najnowsze Artykuły  

Przywracanie skrótu ...2011-12-22

Poradnik pisany z dedykacją dla użytkowniczki Shadija, której to zniknął

czytaj całość
Charakterystyka dźwi...2011-08-16

Dźwięki biosu i prawdopodobne przyczyny AWARD 1 krótki - brak jakic

czytaj całość
Jak korzystać z Conk...2011-08-11

Conky to najpopularniejszy wysoko konfigurowalny monitor systemu znany użytkonik

czytaj całość
Status Skype na stro...2010-12-24

Jeżeli chcesz aby na twojej stronie internetowaj widniał stan twojego statusu sk

czytaj całość
Jak sprawdzić bezpie...2010-08-25

Chciałbym przedstawić w pełni bezpieczny sposób na sprawdzenie poprawne

czytaj całość

Statystyki

Użtkowników: 132

Artykuły: 136

Ostatnio zarejestrowany: faniladia

Użytkowników online: 9

Reklama



Strona główna | Rejestracja | Forum | Użytkownicy | Poradniki | Kontakt

© Copyright 2011 e-pomocnik.pl