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.comments
Irgendwie bin ich mit der Farbe auch noch nicht ganz zufrieden. Habe sie irgendwo im bestehenden CSS-Design gefunden, aber vileicht sollte ich noch was besseres finden.
Habs gesehn! i'm lovin' it! Vielen Dank, das wars Wert nochmals am CSS rumzubasteln.
Ich geb da jedes mal meine URL an, aber nachher im Komentar hat es doch keinen Link darauf. oder mach ich was falsch?
Ach die Adresse gebt ihr nur an damit ich sie weiss, die ist nicht zur Ausgabe gedacht. Schliesslich sollt ihr nicht von meinem abartigen Googleranking profitieren ;-) Vieleicht kommt der Link aber trotzdem mal "rein".
add a comment
The Trackback URL to this comment is:
http://leo.freeflux.net/blog/plugin=trackback(1177).xml
This blog is gravatar enabled.
Your email adress will never be published.
Comment spam will be deleted!






Hmm.. sieht eigentlich ziemlich gut aus, allerdings ist es recht dunkel, im Vergleich zur restlichen Seite.