Ez a .gif kép okés is több eltávozott emlékéhez. Ãm ide (Frank-hez, aki nagy tanító és "sas" volt) ez nem illik. Másik kép kellene.
Az én CSS tudásom elakad itt (eddig is segítséggel jutottam).
Hozzátok fordulok:
Hogy lehetne a CSS-be beletenni, hogy ha a Bejegyzés azonosítója 31 (ez a Frank féle oldal azonosítója), akkor MÃSIK kép legyen a piros szivecske helyett.
Gondolom, valami "if" lehet a megoldás... de hogy mi és hogyan...
a legegyszerűbb, ha az adott post kommentjei eleve egy olyan konténerbe vannak téve, ami megkapja a bejegyzés azonosítóját osztályként. azaz:
<div class=“post-”>
a css fájlodba (vagy a tagek közé) a ".commentlist li" kiválasztót követően valahová beteszed a "div.post-31 .commentlist li" kiválasztót is, átírod a background-image sort, hogy a megfelelő háttérképre hivatkozzon.
a single.php-t vagy az index.php-t kell módosítanod (attól függ melyik létezik. ha van single, akkor a wp azt használja a bejegyzések+kommentek megjelenítésére, ha nincs, akkor az index-et). nem ismerem a témádat (most nem is tudom letölteni), csak a kimenetét látom, van benne egy táblázat (
), ami mindent magába foglal, ennek az egyik cellája (
) tartalmazza a teljes bal oldalt, azaz magát a bejegyzést és a hozzá tartozó kommenteket. célszerű tehát ezt a cellát ellátni a class=“post-” kóddal. a bejegyzést tartalmazó div most is használja ezt, ám az a div nem tartalmazza a kommenteket, na meg ott
szerepel (az ID-n van a hangsúly). emiatt kell a másiknál CLASS-ként meghatározni (kétszer ugyanis nem szerepelhet ugyanaz az id). tehát a
-hoz kell classként betenni az előbbit. (ilyen lesz: <td class=“narrowcolumn post-” id=“content”>…) ha megvan, a teljes cellára tudsz új hivatkozni a dom-ban, mint egyedi osztállyal rendelkező elemre. szóval nincs más dolog, csak a stíluslapon kihasználni ezt, valahogy így:
.commentlist li { background-image: url( ‘./alap-kep.gif’ ); /* további stílustulajdonságok */ }
(és ezt követően elég ennyi: )
td.post-31 .commentlist li { background-image: url( ‘./kep-31.gif’ ); }
td.post-51 .commentlist li { background-image: url( ‘./kep-51.gif’ ); }