8 septembre 2009
2
08
/09
/septembre
/2009
00:01
Tout ou presque peut-être changé dans ce module calendrier.
.calendarTop1 {font-family: Georgia; font-size: 10px; font-weight:normal; background-color:transparent; text-align:center;color:#FFF;} --->en-tête
.calendarToday1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#C86256;} ---> la date du jour
.calendarDays1 {width:50px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; text-align:center; color:#C86256;} --->lettre du mois
.calendarHeader1 {font-family:Georgia; font-size: 10px; color:#FFF; background-color:#C86256;} --->lettre de la semaine
.calendarTable1 {border:0px;} ---> contour du calendrier
Mettre un fond au calendrier
.calendrier {background-image:url(http://idata.over-blog.com/2/05/25/04/roman/1douceurs0.gif);background-position:center;background-repeat:no-repeat;width:280px;height:380px} --->>
image de fond du calendrier
L'image de fond, peut-être adaptée selon la grandeur de celle-ci en rajoutant des mesures, exemple: width:280px;height:380px, pour mon
image
.calendrier div.box-titre h2 span{color:#FFF;} ---> couleur du titre du module
td.calendarTop1 a {color:#FFFF00} ---> couleur du mois
.calendrier .box-content {padding:0px; margin:0px; background:none} -->> Pour rendre l'image visible
.calendarDays1 table a {color:#A74B72;}/*couleur des fleches de gauche*/
td .calendarDays1 {color:#A74B72;}/*couleur des fleches de droite*/
Pour exemple voir ici
Bon amusement
Publié par Flo-Avril
-
dans
Aide blog HTML CSS
1 septembre 2009
2
01
/09
/septembre
/2009
00:00
Un fond de couleur dans un seul article
À mettre dans le HTML de l'article
<div style="background:#Ta couleur;">Ici ton texte </div>
Une image différente du fond de blog dans un seul article
À mettre dans le HTML de l'article
<div style="background-image:url(http://idata.over-blog.com/0/08/59/55/amoureuse.jpg) ;width: 100%; height: 100%; background-position:center;"> Ici tu écris ton texte</div>
Voir aussi
l'article de Francis
Un fond différent dans le message d'accueil
À mettre dans la CSS
#articleAccueil {background-image: url(Ici ton image);}
#articleAccueil {background-color:#Ta couleur; }
Une image de fond de blog, fixe et centrée avec les textes qui défilent dessus
À mettre dans la CSS
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#00000; background-image: url(TON URL); background-repeat:no-repeat; background-position:center;
background-attachment: fixed; }
Un fond de couleur
À mettre dans la CSS
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background-color:#code couleur; }
Pour les couleurs voir
http://flo-new.over-blog.com/article-4743657.html
Mettre un fond uniquement dans le module calendrier
À mettre dans la CSS
.calendrier {background-image:url(http://idata.over-blog.com/0/08/59/55/rose.gif);background-position:center;background-repeat:no-repeat;}
Publié par Flo-Avril
-
dans
Aide blog HTML CSS
25 août 2009
2
25
/08
/août
/2009
00:00
Un rollover sur une image est un comportement qui change d'apparence au seul passage du pointeur de la souris, c'est-à-dire lorsque celui-ci survole l'image originale. l'image reprend son état
initial lorsque le curseur quitte l'image. Pour faire un Rolllover sur image, il vous reste à mettre les url des images et de recopier mon codage pour le mettre dans le HTML de votre article
----
<a onmouseover="document.photo.src='url de l'image 2'" onmouseout="document.photo.src='url de l'image 1'"><img src="url de l'image 1" border="0" name="photo" /></a>
Publié par Flo-Avril
-
dans
Aide blog HTML CSS