Efectuați o ediție de știri frumoasă cu imagini de aceeași dimensiune, cu aspect ingenios și interesant, cu posibilitatea de redimensionare automată, cum ar fi cu dimensiuni: shortstory-150x200; fullstory-300x420; puteți folosi acest hack dle. Rezultatul imaginilor va avea aceeași dimensiune, nu mic în primele știri, mare în cel de-al doilea, în cel de mijloc, etc.
Setați fotografiile cu dimensiunea corectă în știrile complete complete
Setare:
1. Deschideți shortstory.tpl din șablonul selectat.
Șablonul poate avea un nume diferit pentru clasa de stiluri. cel mai important lucru pe care l-ar clasa DIV merge înainte de etichetă
Avem nevoie de aceste linii, de exemplu:
Aici vedem că eticheta este gestionată folosind o clasă
Așadar, avem nevoie de "conținut" de stil CSS. Deschideți notebook-ul și căutați blocul dorit de setări pentru stiluri.
2. Du-te la css și căutați stiluri cu conținut.
Iată ce avem nevoie:
Acum trebuie să adăugăm un stil de imagine acestui bloc.
Mai jos vom adăuga:
Ar trebui să obținem:
3. Privim fotografiile în știri scurte. Acestea sunt reduse automat la înălțimea și lățimea selectate în CSS datorită stilului
Să deschidem știrile complete, dacă nu ceea ce nu sa schimbat, atunci există și alte stiluri, puteți adăuga același stil și veți avea aceleași imagini în știrile scurte și complete.
1. A se vedea codul pentru povestea completă full-story.tpl este un cuvânt cheie, înainte de a veni clasa CSS (div). care ne interesează
2. Eticheta este încheiată în
Ar trebui să obținem următoarele:
Acum, în CSS sub #shortstory .content img: first-child, adăugați:
Ar trebui să obținem următoarele:
Asta e tot.
Folosit în hack.
Ideea CSR. Template protube (2 versiuni). Codurile CSS.
Am scris un articol de Nimor.
Versiunea 9.2, 9.3, 9.4
Trimiteți-le prietenilor: