* Visitez la gallerie
* Choisissez votre horloge
* Cliquez sur VIEW HTLM TAG
* Personnalisez la taille, le format, et la couleur
* Copiez le code crée
* Et collez le en mode source où vous voulez voir apparaître l'horloge
Voici comment mettre une couleur ou image en fond de votre Blog
Repérez ceci dans votre CSS :
/* ---------- Box ---------- */
/* correspond au block des modules */
.box { background-color:
#ff00ff; }
Voici ce qu'il vous faut changer (#ff00ff étant le code pour le Fuchsia )
Pour mettre une image plutôt qu'une couleur nous obtiendrons donc ceci :
.box { background-image: url(http://url.de.votre.image.jpg); }
Il vous faut donc rajouter l'identifiant du module à chaque fois.
RDV au même endroit
/* ---------- Box ---------- */
.box {}
etc etc
.box-content li {}
ICI vous rajouterez les identifiants des modules que vous voulez
personnaliser.
Voici la liste des modules
:
#Album : Album photo
#aleaIm : Images
aléatoires
#Archive : Archive
#ArticleRecent : Derniers articles
#Calendrier : Calendrier
#Categorie : Catégorie
#CommentRecent : Derniers commentaires
#Concours : Concours
#Lien
: Lien
#Newsletter : Newsletter
#Presentation : Présentation
#Recherche : Recherche
#W3C
: W3C
#LeftPart : Texte libre de gauche
#RightPart : Texte libre de
droite
Un exemple ? Vous voulez mettre un fond au module lien? Voici ce que
vous devez ajouter dans le css après les .box :
#Lien { background-color: #ff00ff;
}
Pareil pour rajouter un fond
image, vous l'aurez compris voilà ce qu'on obtient :
#Lien { background-image: url(http://url.de.votre.image.jpg); }
Et voilà ! Vous pouvez bien entendu rajouter des propriétés différentes à chaque module (font, couleur etc). Pour ceci Top Style est encore bien pratique puisque à chaque ligne de votre css, les propriétés vous apparaissent à droite, il suffit donc de fouiller un peu tout ça et ajouter ce qui vous fait plaisir à l'intérieur des {...} et en vérifiant bien que chaque propriété finisse par un ;
Encore un exemple ? Pour un fond
Fuchsia, une écriture arial italique en noir svp :
#Lien { background-color: #ff00ff; color: #000000; font:
italic Arial; }
Vous voulez avoir un compteur sur votre Blog ? N'oubliez surtout pas une chose, c'est en mode source qu'il faut insérer les codes.
Pour savoir combien de personnes sont connectées sur votre
blog :
Il y a <!-- counter(current) --> personne(s) sur ce blog
Pour savoir combien de personnes sont connectées sur OB :
Il y a actuellement <!-- counter(global) --> personnes sur O-B
Les 2 à la fois :
Il y a actuellement <!-- counter(global) --> personnes connectées à Over-Blog dont <!-- counter(current) --> sur ce blog