Scriu o serie de articole auxiliare pentru concursul "Designul cel mai eficient al blogului pe șablonul AB-Inspiration", iar ideile pentru articole sunt cântate. Vă mulțumesc pentru întrebarea Tatiana Prozorova. A decis să răspundă sub forma unui articol. Cred că va fi util tuturor.
Deci, pentru a crea o imagine de fundal a mărimii exacte (în cazul în care aveți un formular Live full width sau un blog cu lățime întreagă), trebuie să știți cel puțin lățimea blocului în care va fi inserată imaginea de fundal.
Cum puteți afla lățimea unui element în șablonul AB-Inspirație
Cea mai ușoară modalitate este de a vedea ce lățime ați setat în setările șablonului și în formatul Plugin Live și în pagina de intrare.
De exemplu, doriți să cunoașteți lățimea blocului cu formularul de abonament de sub antet. Pentru a face acest lucru:
- accesați setările formularului
- În fila "Lățime / Înălțime / Indentări", vedeți ce lățime ați setat pentru formular. Aceasta este lățimea blocului.
Dacă lățimea este setată la 100% - aceasta înseamnă că blocul cu formularul va fi pe lățimea blogului. Pentru a afla lățimea blogului, puteți face acest lucru:
- Accesați "Aspect" - Setări șablon - Stil blog
- Uită-te la lățimea pe care ai ales-o, această lățime va fi în formă (dacă forma este 100%)
Listați pe scurt lățimea diferitelor elemente din șablonul AB-Inspirație
Blog - 100%, 1140px, 1100px
Cap, Meniu principal, Conținut, Futter - 100%, 1100px, 1060px
Formă live, Pagina de intrare - 100%, 1100px, 1060px
Articole - 642px (conținut) + 25px lipsesc pe fiecare parte = 692px - la frontiere
Forma din widget este de 348 pixeli, imaginea din widget este în widgetul de 275 pixeli
Widgeturi - 300px (conținut) + secțiuni de 25px pe fiecare parte = 350px la margini
Pagină cu lățime totală - 980px (conținut) + 40 de indenturi pe fiecare latură = 1060px la margini
Cum să cunoașteți lățimea unui element dintr-un browser
O altă modalitate de a determina lățimea unui element este de a privi în codul din browser. Pentru a face acest lucru:
P.S. Acest material a fost scris în cadrul concursului "Designul cel mai eficient al blogului pe șablonul AB-Ispiration". Mai multe despre concurs puteți găsi aici: Concurență pentru designul cel mai eficient al blogului pe șablonul AB-Inspiration
Cum puteți afla lățimea și înălțimea unui element din șablonul AB-Inspirație
3 voturi
Evaluare medie: 5 din 5