jeudi, août 23, 2007

Relifting

il y a un moment que j'avais envie de donner une petite touche "plus perso" à l'en-tête de ce blog. C'est chose faite. J'espère que vous aimez . . .

(et oui, je joue à l'apprenti-sorcier avec le CSS ;)
(et oui, le sommet des arbres vient toujours de "minish cap" avec un fond de forêt de "King of Swing". 'faudra que j'y remédie ^_^)

It's been monthes i wish i could re-vamp this blog and give it a more "bilou" look. It's now done. I hope you like it ^_^

(true, i'm still using Minish Cap tree tops and DK-King of Swing background ... this shows what i'd like bilou's forest to look like, not bilou's forest itself :P)

Tags Cloud now supported thanks to phydeaux3 ;)


edit: problème de titres fixés. Les extraits de CSS sont dans les commentaires
edit: et maintenant, grâce à phydeaux3, je peux même vous offrir un zoli nuage de tags plutôt que la liste ridiculement longue du Bloggeur par défaut ^_^

4 commentaires:

cyborgjeff a dit…

Ahah.. voilà donc la raison de ce joli "bandeau" vu sur l'autre site ,p

très bien !

un petit coup de "dégradé" dans le bas du bandeau ne serait pas du luxe.. !! que la date ne s'affiche plus au bonne endroit (un peu trop haute)...

tu pourrais éventuellement empecher l'affichage du titre en "texte" pour le designer dans ton image ?

sylvainulg a dit…

voilà. j'ai réussi...

#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
height: 200px;
background: #e0e0e0 url(http://bp2.blogger.com/_LtwkN4oRTe0/Rs6E8eW9KAI/AAAAAAAAAOw/iNZkHXC01sw/s1600/bhb-top-div2.png) no-repeat 0px 0px;
}

#header {
margin: 0;
text-align: center; /* ajouté */
padding: 80px 360px 70px 110px; /* ajusté (top,right,bottom,left) */
color: $pagetitlecolor;
}

malheureusement, pas de solution simple pour un valign=center. Enfin. De toutes façon, vous voyez tout le titre à moins que "Bilou HomeBrew's" ne s'affiche déjà sur deux ligne. Si c'est le cas, consultez d'urgence votre opticien, hein, les gars.

sylvainulg a dit…
Ce commentaire a été supprimé par l'auteur.
sylvainulg a dit…

Bon, la technique proposée sur NoFancyName ne marche pas bien avec la nouvelle version de blogger, mais il y a une solution bête comme chou:
- gardez votre balise <a expr:href="data:post.url"> en-dehors du script
- le javascript sort juste le texte à mettre entre ces 2 balises

C'est fou comme c'est débilement simple, une fois qu'on a trouvé :P