BlogKontaktTagcloud

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.
    <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">
<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>
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):
{php:functionString('bx_plugins_blog_gravatar::getLink',text(),'50','aaaaaa')}
Danach das ganze ein bisschen mit CSS verschönert
img.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.
Ähnliche Beiträge:
Blog Update
Wo sind die Vögel geblieben (oder neues Design)
Trackback in Flux CMS
Frank der CSS Künstler
10 Ausreden um nicht zu bloggen
Comments (8)  Permalink

comments

Mirko @ 28.05.2006 16:15 CEST
Hmm.. sieht eigentlich ziemlich gut aus, allerdings ist es recht dunkel, im Vergleich zur restlichen Seite.
leo @ 28.05.2006 18:24 CEST
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.
leo @ 30.05.2006 10:35 CEST
Chregu hats kaput gemacht! ;-) ".wizard" im CSS durch "#bx_foo" ersetzen
chregu @ 30.05.2006 11:00 CEST
Sorry :)

Dafür haste jetzt "Speichere meine Daten" :)
leo @ 30.05.2006 11:06 CEST
Habs gesehn! i'm lovin' it! Vielen Dank, das wars Wert nochmals am CSS rumzubasteln.
Rico @ 12.06.2006 22:09 CEST
Ich geb da jedes mal meine URL an, aber nachher im Komentar hat es doch keinen Link darauf. oder mach ich was falsch?
Mirko @ 12.06.2006 22:24 CEST
Stimmt... ich geb sie auch immer an..
leo @ 13.06.2006 10:43 CEST
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!

Name*
E-Mail
For Spammers Only
URL
Kommentar*
E-Mail Benachrichtigung bei neuen Kommentaren zu diesem Eintrag
Speichere meine Daten (braucht Cookies)