Dle - știri legate de știri, orizontal și vertical, cu descriere și imagine

Dle - știri legate de știri, orizontal și vertical, cu descriere și imagine

Dacă sunteți sub 9,4, sunteți aici

Spre deosebire de toate celelalte motoare DLE, începând cu versiunea 9.4 Știri asociate dat relatednews.tpl un fișier șablon separat. Aici este vom să se pronunțe. Pune ieșire hack similar cu știri DLE cu imagine și descriere sau să le aducă într-o proiecție orizontală sau verticală suficientă doar pentru instrucțiuni de mai jos:

Aranjament vertical al știrilor
1. Deschideți șabloanele șablonului / # 123; THEME> /relatednews.tpl și găsiți că există o singură linie similară:

2. Scoateți-l și înlocuiți-l cu unul nou:

3. Deschideți acum fișierul stilistic pentru șablonul dvs., de obicei șabloane / # 123; THEME> /css/style.css și adăugați linia:

Toate, acum aspectul de formare de știri similare va fi aproape la fel ca în captura de ecran de mai sus. Pentru versiunile DL de mai jos 9.4, acest lucru este real, dar necesită editarea mai multor fișiere în folderul motorului


Aranjament orizontal pentru știri
fișier șablon pentru a afișa știri legate de acest cod HTML simplu, cere un id de masă și css pentru acest stil de scriere de aliniere orizontală. În plus, necesitatea de a calcula dimensiunea, astfel încât toate blocurile ar ajuns în Ramer fulstori!

1. Deschideți șabloanele șablonului / # 123; THEME> /relatednews.tpl și găsiți că există o singură linie similară:

2. Scoateți-l și înlocuiți-l cu unul nou:

3. Deschideți fișierul stil și adăugați:

Lățimea imaginilor în 105px am calculat, în funcție de dimensiunea ferestrei întregi, care este de 538px. Calculăm:

Douăzeci și jumătate de pixeli pe care i-am lăsat pe indentare și doar în caz de rezoluții de ecran diferite. Și 20% pentru bloc, am pentru aceleași motive nu a pus, și a postat 19%

Ie blocurile înseși au liniuțe de 1% și acest lucru este de 5.38px, iar imaginile din interiorul blocurilor au și o indentare de 2.6px. Puteți reduce numărul, dar în șablonul din captura de ecran de mai sus, fundalul deghizează toate liniuțele și sunt atât de mizerabile încât totul arată grozav!







Articole similare

Trimiteți-le prietenilor: