Șablonul de blog pentru întreaga lățime a ecranului din Blogger (Blogspot)
Pentru a aplica acest truc este cel mai bine la începutul lucrărilor de proiectare a blogului, în scopul de a adapta toate celelalte blocuri și elemente bazate pe acest șablon.
Deci, să clarificăm situația temeinică. Avem un șablon standard (standard), iar pe monitoarele largi arată cam așa:
Și vrem să facem să arate așa - la fel și la toate monitoarele:
În acest scop, ca întotdeauna în astfel de cazuri, du-te la panoul de administrare (panoul de control) de blog-ul dvs. Blogger, deschideți „șablon“ -> „Edit HTML“ și pentru a găsi utilizând tastatura rapidă Ctrl + F următoarea linie:
conținut exterior. Conținutul-fauxcolumn-exterior. regiune interioară
Sub ea, proprietățile stilurilor fără valori vor fi scrise și complet această înregistrare va arăta astfel:
conținut exterior. Conținutul-fauxcolumn-exterior. regiune-lățime interioară min: $ (content.width);
maximă-lățime: $ (content.width);
_width: $ (content.width);
>
Acțiunile noastre sunt la fel de simple ca oricând: schimbăm $ (content.width) cu 100%. Ar trebui să fie așa
conținut exterior. Conținutul-fauxcolumn-exterior. regiune-lățime interioară min-lățime: 100%;
max-lățime: 100%;
_width: 100%;
>
Acum totul se păstrează și se bucură.
Când faceți aceste modificări, este posibil să fie necesar să ajustați lățimea altor blocuri de blog, cum ar fi: coloana din stânga este coloana-stânga-exterioară. coloana din dreapta este coloana-dreapta-exterioară, iar partea centrală este coloana-centru-exterioară. și eventual altele, indicând lățimea acestor blocuri și în procente.
În acest fel, făcând modelul "cauciuc", nu uitați de toate blocurile.
Vă mulțumesc foarte mult pentru articol. În urma instrucțiunilor sale, îmi personalizez șablonul de blog. Din păcate, nu există nicio modalitate de a verifica modul în care totul arată pe diferite ecrane, așa că voi fi recunoscător dacă verificați corectitudinea.
Un pic nu a înțeles în acest moment:
"ajustați lățimea altor blocuri de blog, indicând lățimea acestor blocuri și în procente."
De asemenea, puneți 100%?
Acest lucru se referă la faptul că atunci când faceți un șablon pe întregul ecran (acesta este de 100%) și lățimea coloanelor este scrisă în pixeli, atunci coloanele rămân la aceeași dimensiune, adică Nu "întindeți", dacă specificați în "%", acestea vor schimba de asemenea dimensiunea relativă la lățimea ecranului, dar acesta este un aspect adaptiv și nu este atât de simplu.
Interesul este o valoare relativă și este considerat din dimensiunile ferestrei browserului, adică 100% - toate fereastra, dacă lățimea blogului este listat ca 100%, atunci unitățile sale interne nu poate fi 100% la fel, ele vor face parte din aceste 100 (30%, 40%, etc.)