Overblog
Suivre ce blog Administration + Créer mon blog

over blog

Couleur du texte et fond de la date (OB).

Publié le par Coquelikosafrane

Il suffit de mettre les lignes suivantes en retravaillant la ligne .beforeArticle


.afterArticle {background-color:#ffffff; margin:auto 1px; text-align:right; font-size:90%; border:1px dotted #123456;color:#ffffff; }

.beforeArticle {background-color:#ffffff;padding:0px 0px 5px 0px; margin-bottom:-12px; width:100%; color:#123456;}

Publié dans Over blog

Partager cet article
Repost0

Une image en fond d'article et sous l'en tête d'article (OB).

Publié le par Coquelikosafrane

Il suffit de mettre ces lignes en face de celles qui correspondent (titreArtice) :

.titreArticle{
color: #EEAD0E;
text-decoration:none;
background:
url(adresse de votre image hébergée)
no-repeat scroll bottom left ;


.titreArticle{
color: #EEAD0E;
text-decoration:none;
background:
url(
http://idata.over-blog.com/0/05/85/46/deco-titre.gif)
no-repeat scroll bottom left ;

Publié dans Over blog

Partager cet article
Repost0

Une image en fond (OB).

Publié le par Coquelikosafrane

Il suffit de mette la ligne suivante dans BODY:

body    {margin:0px;font-family: Times New Roman, sans-serif;font-size:14px; background-image: url(http://serv1.upload4you.free.fr/perso/204/1181558258.jpg);}

Avec l'adresse bien sûr de l'image hébergée !


Le lignes ci dessous corrspondent àmon fond sablonneux actuel : c'est l'été !!

body    {margin:0px;font-family: Times New Roman, sans-serif;font-size:14px;
background-image:url(
http://serv1.upload4you.free.fr/perso/204/1181558764.peg);}

background:#fdf4dd;color: #202E3A;}

Simple comme bonjour; même moi j' y suis arrivé !

Publié dans Over blog

Partager cet article
Repost0

Code HTML pour arborescence.

Publié le par Coquelikosafrane

<ul>

    <li>Categorie 1</li>

    <ul>

        <li>Sous-categorie 1.1</li>

        <li>Sous-categorie 1.2</li>

    </ul>

    <li>Categorie 2</li>

    <ul>

        <li>Sous-categorie 2.1</li>

        <li>Sous-categorie 2.2</li>

    </ul>

</ul>

Publié dans Over blog

Partager cet article
Repost0

Mettre tout le fond du blog d'une couleur (OB).

Publié le par Coquelikosafrane

Il suffit de rajouter la ligne suivante :

#global {background-color:#couleur voulue;}


Publié dans Over blog

Partager cet article
Repost0

Bordure d'article épaissie (OB).

Publié le par Coquelikosafrane

Bordure épaissie d'un px en turquoise. 

<div style="border: 1px groove #64fbc6;">Bordure épaissie d'un px en turquoise. </div>



Bordure épaissie de 5px en pourpre. 
<div style="border: 5px groove #dc09fb;">Bordure épaissie de 5px en pourpre. </div>



Bordure épaissie de 20px en anthracite.

<div style="border: 20px groove #202e3a;">Bordure épaissie de 20px en anthracite. </div>

Publié dans Over blog

Partager cet article
Repost0

Bordure d'article en tirets (OB).

Publié le par Coquelikosafrane

Bordure d'article en tirets d'un pixel en bleu roi.

<div style="border: 1px dashed #2b09fb;">Bordure d'article en tirets d'un pixel en bleu roi. </div>


Bordure d'article en tirets de 10 pixels en rouge.

<div style="border: 10px dashed #ff0012;">Bordure d'article en tirets de 10 pixels en rouge. </div>


Bordure d'article en tirets de 50 pixels en gris.

<div style="border: 50px dashed #808283;">Bordure d'article en tirets de 50 pixels en gris. </div>



Publié dans Over blog

Partager cet article
Repost0

Bordure d'article en pointillés (OB).

Publié le par Coquelikosafrane

Des pointillés pour faire la bordure en1px 

<div style="border: 1px dotted #5675A4;">Des pointillés pour faire la bordure en1px </div>




Des pointillés pour faire la bordure en5px et en rose

<div style="border: 5px dotted #ff16d0;">Des pointillés pour faire la bordure en5px </div>




Des pointillés pour faire la bordure en20px et en vert fluo 

<div style="border: 20px dotted #64fb09;">Des pointillés pour faire la bordure en20px </div>



Publié dans Over blog

Partager cet article
Repost0

Blog transparent (OB).

Publié le par Coquelikosafrane

Rajouter cette ligne :

div,span,table {display:none;}

Publié dans Over blog

Partager cet article
Repost0

Changer la couleur du lien survolé (OB) .

Publié le par Coquelikosafrane

Dans la ligne suivante :

a:hover { text-decoration:underline; color:#code couleur voulue;}

Publié dans Over blog

Partager cet article
Repost0

Bordure d'article double (OB).

Publié le par Coquelikosafrane

Bordure double en noir de 1 px d'épaisseur pour chaque trait plus 1 px pour l'intervalle =3.

<div style="border: 3px double #000000;">Bordure double en noir de 1 px d'épaisseur pour chaque trait plus 1 px pour l'intervalle =3. </div>


Bordure double en vert de 3 px d'épaisseur pour chaque trait plus3 px pour l'intervalle =9.

<div style="border: 9px double #64fb09;">Bordure double en vert de 3 px d'épaisseur pour chaque trait plus3 px pour l'intervalle =9. </div>


Bordure double en bleu de 5px d'épaisseur pour chaque trait plus5 px pour l'intervalle =15.

<div style="border: 15px double #26b0ff;">Bordure double en bleu de 5px d'épaisseur pour chaque trait plus5 px pour l'intervalle =15. </div>

Publié dans Over blog

Partager cet article
Repost0

Décaler les colonnes vers le haut (OB).

Publié le par Coquelikosafrane

Pour que les colonnes droite & gauche arrivent au niveau de l'en tête , il suffit de rajouter la ligne de code suivante et de changer le chiffre tout en restant en négatif.

#cl_1_0,#cl_1_2 {margin-top:-valeur numérique voulue à peu près la moitié de la hauteur de la bannièrepx;}

Je vous joins une petit capture , comparez avec celle que vous avez sous les yeux.

Image Hosted by ImageShack.us

Publié dans Over blog

Partager cet article
Repost0

Couleur de fond des modules (OB).

Publié le par Coquelikosafrane

Il faut rajouter les lignes suivantes :

.box-content {
    padding:20px 25px 5px 5px;
    background: #couleur voulue pour le fond;
    background-position: top;
    background-repeat: repeat-x;
    color: #couleur voulue pour une partie de l'écriture de la présentation et commentaires;
    }
 

Publié dans Over blog

Partager cet article
Repost0

Couleur de soulignement du titre des articles (OB) .

Publié le par Coquelikosafrane

Dans la ligne :

.divTitreArticle h2 {
 border-bottom: 5px solid #couleur voulue;
 }

Publié dans Over blog

Partager cet article
Repost0

Couleur des bordures des articles (OB) .

Publié le par Coquelikosafrane

Pour changer la couleur de la barre gauche et celle du petit trait fin sous les articles ; il faut intervenir sur les lignes suivantes; l'une ou l'autre ou les deux : 

.contenuArticle {
 background-color: #ffe5b7;
 border-left: 15px solid #couleur voulue pour la barre gauche;
 border-bottom: 1px solid #couleur voulue pour le trait sousles articles; /* IE creepy text BUG FIX */
 }

Et pendant qu'on y est , on peut changer l'épaisseur du trait en jouant sur le nombre de pixels :

nombre de pixels vouluspx solid

Publié dans Over blog

Partager cet article
Repost0

<< < 1 2 3 4 5 6 7 8 > >>