Jak zbadać element na stronie internetowej

Lwia część problemów z którymi spotykają się nasi użytkownicy dotyczy zmian w wyglądzie, zmian - które nawet przy znajomości HTML/CSS potrafią spędzić sen z powiek. Dzieje się tak głównie ze względu na system szablonów i niewiedzę - gdzie szukać danego elementu by go zmodyfikować. 
Z pomocą przychodzi narzędzie zwane konsolą developera dostępne we wszystkich popularnych przeglądarkach.

1 Badanie elementu

Badanie elementu może odbyć się na dwa podobne do siebie sposoby. Pierwszy z nich polega na kliknięciu PPM w element wymagający poprawki i użyciu opcji zbadaj element.

   

Ten sam efekt uzyskamy otwierając uprzednio konsolę i z paska narzędzi wybierając ikonkę myszki z kwadracikiem - badanie elementu. W ten sposób można "latać" po stronie mając podgląd na żywo, który fragment jest obecnie zaznaczony. Wybór elementu do badania potwierdzamy LPM. 

2 Odczyt informacji

Badanie elementu daje nam informacje o m.in:

• użytej klasie .css elementu
  
• nazwy pliku zawierającego klasę
  
• atrybutów .css dotyczących danego elementu
  
• nazwie szablonu zawierającego badany fragment
  

   

3 Film instruktażowy

Dobrze napisane.
To podstawa dla webmastera, aby korzystać z takich dobrodziejstw naszych przeglądarek.
W ten sposób możemy zmodyfikować każdą skórkę w kilka minut, a potem zmienione wpisy CSS możemy skopiować i zastąpić w skrypcie i voila.
Każdy problem z grafiką w ten sposób szybko zlikwidujemy, bo wystarczy kliknąć na brakującej grafice Otwórz grafikę na nowej karcie i wyświetli nam się cały link do obrazka, który nie istnieje, a wtedy od razu wiemy, gdzie on ma się znajdować (:
Podejrzymy błędy/konflikty JQuery, a także możemy edytować nawet html wyświetlanej strony.
Polecam również dodanie rozszerzenia do Google Chrome pozwalające edytować cały CSS "w locie"
https://chrome.google.com/webstore/detai...kgfmocneid

ok opisy działów się zmieniają ale nie tło tabel

skoro juz kolega ruszył temat dodam od siebie

a czy jest opis co można zmienić w global css np. kolor linku rozmiar czcionki itd.

a czy jest opis co można zmienić w global css np. kolor linku rozmiar czcionki itd.

Do edycji szablonu musisz posiadać przynajmniej podstawową wiedzę z zakresu CSS i HTML.