| concours

13.01.2012

baniere

bANIERES.jpg

 

 

 

 

 

ban.jpg

 

 

 

 

bANIERES.jpg

 

bANIERES.jpg

22:11 Écrit par chris-stof - Lien permanent | Commentaires (0) | Envoyer cette note |  Facebook |

puce

toqque.jpgtoque_clip_art_10452.jpgtoque_clip_art_10452.jpgtoque_clip_art_10452.jpg

19:35 Écrit par chris-stof - Lien permanent | Commentaires (0) | Envoyer cette note |  Facebook |

27.10.2010

titre

Sans titre 5.gif

23:27 Écrit par chris-stof - Lien permanent | Commentaires (0) | Envoyer cette note |  Facebook |

26.11.2009

Codes couleur

Je vous post ici l'adresse du  site de codes de couleur que j' utilise pour mes blogs , il est vraiment bien fait avec une large gamme de possibilitée

Il propose en plus pleins d' infos sur les couleurs

Et si vous êtes en manques d' inspiration, il vous donne une multitude de palette avec des couleurs  qui s' associent bien entres elle

 


et le tout en françaiss' il vous plait !!!

 

CODES COULEUR.COM

20.11.2009

Design corporate; description

Memo pour la personalisation du design corporate de mon blog

Couleur , polices et fonds

 

 

/* OLD COMMENT PART */



/* OLD MAINPAGE PART */

body, a, p, td, th, li,input,TEXTAREA     {font-family: verdana; font-size: 11px; color: #303030; font-weight: normal;}
-Proprieté du texte dans les bloc hors du titre ,par exemple  titre des post dans archive , liste des categories etc... , et Contactez moi dans Mail Box
body{ background-color: #F6F9FF; }
-Couleur de fond de la page du blog
a{    text-decoration: underline;word-break: break-all;}
a:hover{    text-decoration: none;}
.general_area{background : #FAFBFD;}
-Propriéte  des liens surligné

.title{ font-family: Times New Roman; font-size: 40px;color: #FFFFFF;}
-Proprieté du titre du blog
.description{ color: #FFF0A1; }
-Propiété de la description du blog
.date{ color: #636363;  font: 10px;}
-Propriété de la date du post

.post_title{color:#003366;font: 12px;  font-weight: bold;text-transform: uppercase; font-family: Arial;}
-Propriété Titre du post

.bg00{background-color: #FFFFFF}
-Couleur de fond de la colonne des posts
.bg01{background-color: #82A6CA}
-Couleur de fond Bloc du titre
.bg02{ background-color: #E8EBF2; }
-Couleurs des cadre Bloc dynamique et Bloc des post
.bg03{ background-color: #F2F2F2; }
.bg04{ background-color: #FAFBFD;}
-Couleur de fonds colonne des blocs

.lower_content{color:#FF6633}
a.lower_content{font-weight:bold}
-Propriété du mot comentaire

.top_freezone{color:#86B1D3;font-size:14 px;font-weight:bold}
.freezone_content{color:#86B1D3}

.leftbg{ background-image: url(http://blogsimages.skynet.be/images_fixed/static_155/left_bg.jpg); }
.rightbg{ background-image: url(http://blogsimages.skynet.be/images_fixed/static_155/right_bg.jpg); }
-Propriété des blocs dans la colonne gauche et droite ici non pas une couleur mais un fond pour bloc

.form_button {    background: #D6E7EF;    border-bottom: 1px solid #000000;border-left: 1px solid #FFFFFF;    border-right: 1px solid #000000;border-top: 1px solid #FFFFFF;color: #000000;font-family: verdana,Helvetica,Arial;font-size: 10px;    font-weight: bold;    text-decoration: none;}
.form_button {
    font-size:12px;
    background: #D6E7EF;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    color:#000000;
    text-decoration:none;
    cursor: hand;
    font-weight: bold;
}
.form_textarea
{
        width: 380px;
    border-width: 1;
    border-style: solid;
    border-color: #000000;
    background-color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
-Propriete des cadres de la partie comentaire en bas des posts

.form_text
{
    color : #000000;
    font-size: 12px;
    font-weight: normal;
}
-Propriete du texte de la partie comentaire en bas des posts


.form_title
{
    color : #999999;
    font-size: 15px;
    font-weight: bold;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    padding-top:3px;
}

-Propriete des titre de la partie comentaire en bas des posts

.form_message
{
    color : #999999;
    font-size: 12px;
    font-weight: bold;
}
-Propriete des messages de la partie comentaire en bas des posts

14:12 Écrit par chris-stof - dans Général | Lien permanent | Commentaires (0) | Envoyer cette note |  Facebook |

26.10.2009

Vidéo dans les colonnes

Je met quelques fois aussi des petites vidéos dans les colonnes, pour y arriver rien de plus simple , je prend une vidéo sur you tube , ici tiesto par exemple , et je fait comme si  j' inseré la vidéo dans un post en mode " html" ,sans y rajouter un cadre , qui prendrai trop de place , je copie le script et je l'insère dans un module texte .

Attention n' oublier pas de redimensionner le lecteur avant de poster au risque de chambouler votre blog , j' ai pris comme dimension les suivante , à la fin du script

width="145"

height="135" 

ce qui colle parfaitement aux colonnes , vous pouvez voire le résultat  à gauche du blog.

08:33 Écrit par chris-stof - dans Général | Lien permanent | Commentaires (1) | Envoyer cette note | Tags : trucs et astuces |  Facebook |

25.10.2009

Vidéo sur blog

Rien de plus simple puisque l' éditeur de texte propose un module tout fait pour les principale plateform de partage de viéo , youtube, Daylimotion  etc... il suffit juste de cliquez sur l' icone film de l' éditeur, d ' y mettre l' url de la vidéo, du clip que vous avez trouvé ou que vous avez vous même déposé , et puis vous inserreé le tout ce qui vous donne ceci que vous centré par vous même comme pour un texte



Ma méthode n' est pas la même puisque j' aime bien personaliser à chaque fois que je peu .

Donc je prend la même vidéo mais au lieu de prendre l ' adresse url je vais en dessous dans "integrer une vidéo sur un site " et en cliquant sur la sorte de petite fleur , je presonalise , les couleurs , la taille, j' affiche un cadre puis je fait un copier du tout.



Pour finir au lieu de mettre le lien par le module tout fait de l' éditeur je clique sur "html"  puis je fait un collé du script que j ai recopier de youtube à la suite de l ' autre en laissant un espace , il ne reste plus qu' a inserer le tout ,ce qui donne apres centrage

 

 


Partager

 

 

 

Puis vous pouvez continuer votre post en recommençant à votre envie , en changeant un peu de couleurs par exemple

 

 

20:59 Écrit par chris-stof - dans Général | Lien permanent | Commentaires (0) | Envoyer cette note | Tags : trucs et astuces |  Facebook |