Luați în considerare exemplul unei situații, pe baza modificărilor elementelor stilul standard.
În primul rând, avem nevoie de un browser FireFox și setați-l pe extensia Firebug - au deja? Grozav, să mergem mai departe.
Să presupunem că avem următoarele:
înălțimea elementelor de navigare navbar și meniul drop-down este prea mare, ar fi necesar pentru a reduce:
Pentru a face acest lucru, elementul problematic clic dreapta pentru a afișa meniul suplimentar și selectați elementul (Inspect Element) Verificați:
Poyayavitsya priza de jos, în cazul în care vom vedea codul sursă HTML al întregului document, dar a se vedea doar partea care inspecta. În jumătatea dreaptă vom vedea proprietățile CSS ale elementului selectat. Din moment ce avem o problemă cu altitudinea. și apoi căutați clasele în care există o înălțime de setare (în alte, uneori, la o înălțime de influență și CSS proprietăți, cum ar fi: padding, marja)
Firebug, bune pe care le puteți edita pe codul zbura HTML și CSS și a vedea rezultatul. valoarea înălțimea corectată pentru a 50px, 26px pe. Și imediat vom vedea schimbări. (Va trebui, de asemenea, pentru a schimba setarea line-height: 26px - pentru a alinia textul în centru, dar mai mult pe aceasta mai târziu)
Așa că am decis că avem nevoie pentru a edita .navtabs clasa li a (ale cărui proprietăți css înălțime, trebuie să se schimbe).
Prin urmare, vom merge la zona de administrare și de a face căutarea de modele în stil, ceea ce face modificări, în acest caz, este stilul implicit.
Aici este conținutul șablonului, faceți clic pe butonul pentru a găsi clasa noastră:
Și vom găsi li clasa .navtabs o înălțime la care opțiunea este prezentă. După colon este o sintaxă vbulletin, care prevede că proprietatea înălțimea este setată la o variabilă cu numele navbar_tab_size. După cum se poate vedea imediat, iar proprietatea line-height - care, în acest caz, depinde de valoarea aceluiași navbar_tab_size variabilă. cum ar fi proprietatea înălțime)
Copiați numele variabilei:
Și introduceți valoarea variabilei navbar_tab_size în caseta de căutare de mai jos și afișează imediat elementul găsit.
Faceți clic pe fișier și a vedea parametrii săi. Aceasta este egală cu valoarea înălțimii 50px
Noi actualizăm site-ul nostru pe forum și a vedea că valorile s-au schimbat, iar acum totul este așa cum ar trebui.
Mai ales pentru pcvector.ru