01 décembre 2010
Arrondir les angles de #Content et des colonnes
Non compatible avec Explorer.
Voici comment Arrondir les angles de votre page centrale, autrement dit de Content.
Rendez-vous dans la feuille de style générale et collez le code suivant juste en dessous de content comme sur la capture..fullsample { width: 450px; border-radius: 10px 10px; -moz-border-radius: 10px; background-color: #CCCCCC; padding: 5px;}
Si votre... [Lire la suite]
01 décembre 2010
Arrondir les angles de #Content
Compatible avec Firefox et Internet explorer, par contre vous ne pouvez pas cumuler les smileys dans les commentaires et les angles arrondis...ça bloque sur la page d'un message.
Ouvrez votre feuille de style et coller le code ci-dessous en bas de page :
.relsample { width: 490px; position: relative; background-color: #FFFFFF; }.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color:... [Lire la suite]
01 décembre 2010
Mettre une icône devant l'adresse de votre blog
Le petit triangle vert de Canalblog est sympa...mais avoir sa propre icône c'est quand même mieux :o)
Elle s'affiche dans la barre d'adresse de votre navigateur et également dans les favoris.
Commencez par aller sur ce site vous pourrez transformer une image de votre pc en icône.
Il suffit de faire Parcourir d'aller chercher l'image sur votre pc que vous voulez mettre en icône...
Faites Ouvrir puis Generate FavIcon.ico
Ce qui donne ça :
Ensuite cliquez sur Download favIcon
Décompressez le fichier pour... [Lire la suite]
01 décembre 2010
Mettre une image de fond sous votre calendrier
Ouvrez votre feuille de style, descendez sur le bloc #calendar puis ajoutez la ligne suivante dans le bloc :background-image: url("Adresse de votre image");
Comme ceci :
#calendar { font-family: Georgia; color: #000000; font-size: small; line-height: 150%; padding: 0px; margin-bottom: 0px; background-image: url("http://Adresse de votre image.gif");}
Collez l'adresse de votre image dans la ligne de code et validez.
... [Lire la suite]
30 novembre 2010
Ecrire dans un cadre dans une colonne
Ça peut être pratique, voire même joli un petit cadre avec un fond ou pas dans une colonne, histoire de laisser un message de bienvenue à vos visiteurs...
Salut les gensVoici un petit cadre pour y mettre du texte, vous pouvez le mettre dans une de vos colonnes pour y mettre un message de bienvenueou encore vous en servir comme d'un post-it...
<p style="border: 1px solid; color: #00FFFF; margin: 0%; padding: 0px; font-family: century gothic; font-size: 80%; background-image:... [Lire la suite]
30 novembre 2010
Mettre un séparateur entre les articles

30 novembre 2010
Mettre de la couleur dans le formulaire des commentaires

30 novembre 2010
Menu boutons liens défilants
Comme pour le menu défilant, collez vos liens à la place de "Lien ici" et vos images à la place de "Adresse image".
Dans cet exemple de menu, les boutons liens s'ouvrent dans une autre fenêtre grâce au : target="_blank"
<p><marquee behavior="scroll" direction="up" height="50"
width="160" scrollamount="1" scrolldelay="1" onmouseover="this.stop()"
onmouseout="this.start()"><p><a href="Lien... [Lire la suite]
30 novembre 2010
Mettre un bouton lien à la place du Contacter l'auteur
Commencez pas trouver une image animée sympa puis ouvrez votre page d'accueil, repérer le bloc contactez l'auteur.
Collez à la place de "Contactez l\'auteur" le code de votre image comme ci-dessous :
<img alt="email18" src="http://Adresse de l'image.gif" width="48" height="45" border="0" />
Ce qui donnera ça :
<div class="item"> <script type="text/javascript"> <!-- document.write('<a... [Lire la suite]
30 novembre 2010
Mettre un titre scintillant sur son blog
Commencez par créer votre texte, .
Ensuite, ouvrez la Page d'accueil et rendez-vous sur la ligne <body>
Avancez sur cette ligne vers la droite et repérez <div id="topbar">
<$BlogTitle$> correspond au titre de votre blog.
Pour remplacez ce titre par une image, un texte ou ce que vous voulez...
Il suffit de coller à la place de ce code, le code de votre nouvelle image.
Comme ceci :
Il faut coller le code image entier :
<center><img alt="12" src="http://Adresse de... [Lire la suite]
« Accueil 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41