13.01.2012
baniere




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




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

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 !!!
14:43
Écrit par chris-stof -
dans Général |
Lien permanent
| Commentaires (0)
| Envoyer cette note
| Tags : liens, codes couleurs, trucs et astuces |
Facebook
|
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
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
|