Flux basteln
Nach dem mein "CSI Tarantino"-Post kurzerhand für Gravantar-Tests missbraucht wurde, hat sich auch noch mein Blog-Admin zu Wort gemeldet. Auf seine Anregung hin habe ich heute ein wenig an meinem Flux-Design gebastelt.
Zuerst musste ich die "class" der Kommentare ändern, da diese gleich waren wie die des Posts.
Danach warf ich noch den ganzen Kommentar-Disclaimer in eine eigene Div-Box.
Zuerst musste ich die "class" der Kommentare ändern, da diese gleich waren wie die des Posts.
<xsl:template match="xhtml:div[@class='comments_not' or @class='comment']" mode="xhtml">
<div class="post_comment">
<xsl:apply-templates mode="xhtml"/>
</div>
</xsl:template>
Danach warf ich noch den ganzen Kommentar-Disclaimer in eine eigene Div-Box.
<xsl:template match="xhtml:div[@class = 'comments']" mode="xhtml">Und dann hab ich den Gravantar noch ein wenig verkleinert (obwohl die grossen Bildchen haben mir ganz gut gefallen, da sah ich mit wem ich es zu tuen hatte):
<div id="googleAd"/>
<div id="comment_form">
<h3 class="blog">comments</h3>
<xsl:apply-templates mode="xhtml"/>
<h3 class="blog">add a comment</h3>
<p> The Trackback URL to this comment is:<br/>
<xsl:value-of select="concat($webrootW,$collectionUri,'plugin=trackback(',substring-after(../@id,'entry'),').xml')"/>
</p>
<xsl:if test="not(../xhtml:div[@class='comments_not'])">
<p> This blog is <a href="http://www.gravatar.com/">gravatar</a> enabled.<br/>
Your email adress will never be published.<br/>
Comment spam will be deleted!</p>
</xsl:if>
</div>
</xsl:template>
{php:functionString('bx_plugins_blog_gravatar::getLink',text(),'50','aaaaaa')}
Danach das ganze ein bisschen mit CSS verschönertimg.blog_gravatar {
float: right;
margin: 0px 0px 10px 10px;
}
.post_comment, #comment_form, .wizard {
background-color: #8abfd1;
line-height: 18px;
margin: 5px 25px 15px 25px;
overflow:hidden;
}
.post_comment {
padding: 10px;
-moz-border-radius: 15px 15px 0px 0px;
}
#comment_form {
padding-top: 15px;
margin: 5px 25px 0px 25px;
}
.wizard{
margin: 0px 25px 15px 25px;
}
Die netten runden Ecken bleiben IE-Nutzern leider vorenthalten. Wer den IE benutzt ist auch selber schuld. Beim testen hab ich auch noch bemerkt das der IE "overflow: auto;" nicht richtig interpretiert und darum die Seite teilweise unschön verzieht. Desshalb liebe Internet-Explorer-Benutzer (falls es noch welche davon auf meinem Blog gibt, google sagt das es noch 35 Prozent sind), ladet einen anständigen Browser herunter z.B. unter www.ie7.com.




