Keresés a blogban

2010. augusztus 22.

Highlight author's comment - Szerző kommentjének kiemelése

Sok helyen látható, hogy a blogszerző kommentje stílusban elkülönül a többi kommenttől. Ilyet könnyen csinálhatunk a Blogger blogokban is.







Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása

Ctrl+f
A keresőablakba írjuk be: /b:skin
Ilyet találunk:
]]></b:skin>

ELÉ szúrjuk be ezt a kódot:
.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Position*/
}
A pirossal jelölt színkódok helyére bármit írhatunk, a háttér és a betűszín számára.
Most a keresőablakba írjuk be: comment-body
Ilyet találunk:
<dd class='comment-body'>

ELÉ tegyük be ezt a kódot:
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/> 

Nem sokkal lejjebb keressük meg ezt a sort:
<dd class='comment-footer'>
ELÉ írjuk be:
</b:if>
Mentés.
DEMO itt látható.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

11 megjegyzés:

Névtelen írta... [Válasz erre...]

Köszönöm! Ez nagyon jó! :)

Wise Lady írta... [Válasz erre...]

Látom, sikerült! :D

Unknown írta... [Válasz erre...]

jó cikk, köszi.

annyi megjegyzésem van, hogy ne rémüljön meg senki, ha <dd class='comment-body'> helyett <dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> -t lát, valamint szerintem a css-t jobb, ha sablontervezőben (ha használhatjuk) a speciális -> Stíluslap (CSS) hozzáadása menüpontban adjuk hozzá. így egy későbbi kis módosításnál nem kell a sablonban turkálni ;)

Wise Lady írta... [Válasz erre...]

Köszi a hasznos kiegészítést!

Pegi írta... [Válasz erre...]

Nekem sajnos az összes megjegyzést kiemelte.
Mi lehet a hiba?
Ilyen lett: http://img641.imageshack.us/img641/8756/megjegyzkimel.jpg

Wise Lady írta... [Válasz erre...]

@Pegi
Az utolsó lépést is megcsináltad?
comment-footer elé

Pegi írta... [Válasz erre...]

igen.

Wise Lady írta... [Válasz erre...]

@Pegi
Próbáld ezt:
.comment-body-author {
HELYETT ezt írd az első kódba
.comment-author {

a többi változatlan

Pegi írta... [Válasz erre...]

Sajnos most sem lett jó. :-(

Azt nem lehetne megoldani, hogy átküldöm a sablonom HTML szövegét, és te beilleszted a megfelelő helyre?

Wise Lady írta... [Válasz erre...]

@Pegi
Írj a Kapcsolat oldalról, én válaszolok, és akkor tudni fogod az emailcímem. Küldd el a kódot. Nekem az .xml fájl is jó

Ami írta... [Válasz erre...]

Nekem nem sikerült :( Mindenhova betettem a kellő kódot, de nem változott semmi.

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-