Állítsa be a megfelelő méretű képeket a teljes rövid hírekben

Készítsen egy gyönyörű hírt az ugyanolyan méretű, tisztességes és érdekes képekkel rendelkező képekkel az automatikus méretezés lehetőségével, például a méretekkel: shortstory-150x200; fullstory-300x420; használhatja ezt a hack dle. A képek kimenete azonos méretű lesz, nem kis az első hírben, nagy a második, a középső stb.
Állítsa be a megfelelő méretű képeket a teljes rövid hírekben
beállítás:
1. Nyissa meg a kiválasztott sablon shortstory.tpl fájlját.
A sablonnak eltérő neve lehet a stílusosztály számára. a legfontosabb dolog, ami a DIV osztály előtt megy a címke előtt
Ehhez például a következő sorokra van szükségünk:


Itt látjuk, hogy a "" címkét egy osztály használatával kezeljük


Tehát css stílusú "tartalomra" van szükségünk. Nyissa meg a noteszgépet, és keresse meg a kívánt stílusblokkot a stílusokhoz.

2. Menjen a css-be, és keressen stílusokat a tartalomsal.
Itt van, amire szükségünk van:

Most hozzá kell adnunk egy képstílust ehhez a blokkhoz.
Az alábbiakban megemlítjük:

Meg kell kapnunk:

3. Röviden összefoglaljuk a képeket. A stílusnak köszönhetően automatikusan a kiválasztott magasságra és szélességre CSS-ben kerülnek


Nyissa meg a teljes hírt, ha nem az, ami nem változott, akkor vannak más stílusok is, ugyanazt a stílust adhatja hozzá, és a rövid és teljes hírekkel azonos képeket kapsz.

1. Tekintse meg a full-story.tpl teljes hírszavak kódját, mielőtt eljutna a CSS osztályba (div). ami érdekli

2. A címke zárva van

Meg kell kapnunk a következőket:

Most a CSS alatt a #shortstory .content img: first-child, add:

Meg kell kapnunk a következőket:


Ez minden.

Használt a hack.
A CSR ötlete. Template protube (2 verzió). CSS kódok.
Írtam egy cikket a Nimor-tól.
9.2, 9.3 és 9.4 verziók