Dimanche 17 février 2008
Confiance concerne ceux qui viennent de créer un blog et souhaitent le personnaliser. Privilege et Premium contient des Iframe, Form et Javascript.  La Deco d'Anna K.  propose des bannières, textures, tags, blinkies, glitters, calendriers, horloges, compteurs, music players, curseurs, makers et générateurs ...  Vie des Blogs présente des interviews, sondages, questionnaires...    Mots clés


Vous allez dans le CSS Accueil (comment ?)

Vous créez le bloc

/*-------------------résumé d'Article en accueil ----------------------------------*/

Si vous désirez effectuer plusieurs changements, vous ne créez qu'une seule fois la ligne et dans les parenthèses, vous rajoutez les valeurs voulues.

Vous rajoutez la ligne suivante :

POUR CHANGER LA TAILLE

.extrait  {font-size: 20px;  }

POUR LE SOULIGNER

.extrait  {text-decoration:underline ; }

POUR CHANGER SA COULEUR

.extrait  {color:red; }

POUR LE METTRE EN ITALIQUE

.extrait   {font-style: italic;  }

POUR LE CENTRER

.extrait   { text-align:center ;}

POUR LE METTRE EN GRAS

.extrait   {font-weight:bold;} 

POUR CHANGER LA POLICE

.extrait  {font-family: Comic Sans MS;}

 
publié dans : OB - Ecritures dans le blog
ajouter un commentaire commentaires (3)   

Commentaires

  Bon dimanche ! !
A compter d'aujourd'hui, il n'y aura qu'un article tous les deux jours ! !
Je commence sérieusement demain et ne pourrai plus passer comme d'habitude ! !
Mille bisous de la terre des pharaons ! !
@nne marie

Pour toi qui adore ça ... ;)
"il se trouve que le papillon de l'amitié est venu me voir
et m'a dit de faire passer ce message
à mes amis les plus cools,
ce papillon envoi le bonheur, la chance,
la santé et l'amour. que de jolies et bonnes choses
alors voilà; je te le passe à toi fais tourner
à tes fidèles amis attention... il va arriver sur ton pc"
__________________ZZ
________________ZZZZZ
_______________ZZZZZZ
Z_____________ZZZZZZZZ
ZZZZ__________ZZZZZZZZ
ZZZZZZZZ______ZZZZZZZZ
_ZZZZZZZZZZ__ZZZZZZZZ
__ZZZZZZZZZZZZZZZZZZZ
___ZZZZZZZZZZZZZZZZZZZ
____ZZZZZZZZZZZZZZZZZZZ
_______ZZZZZZZ_ZZZZZZZZ
_______ZZZZZZZ__ZZZZZZZ
_______ZZZZZZZ__ZZZZZZZ
________ZZZZZZ____ZZZZZ
_________ZZZZZ________Z
__________ZZ___________

bisous

 

commentaire n° : 1 posté par : soleil51 (site web) le: 17/02/2008 11:51:39
bon anna k.je m'améliore!!!va voir mon blog j'ai réussi  à la sueur de mon front!!!!à changer plus de chose que je ne me l'imaginais...je commence à comprendre tout doucement certains codes css..mais quand même j'ai des soucis et oui ce serait trop beau!!!que j'arrête de t'embêter!
alors j'ai pas réussi ou pas trouvé ou pas compris sur ton blog comment modifier
1; titres du modules listes articles et dernier commentaires
2.module over-blog
3. titre des articles là je suis vraiment neuneu je vois pas mon erreur
4.dans la partie article:ajouter un comm,commentaires,titre communautés et recommander ce blog...
et publié dans :couleur du titre de la catégorie
5.dans liste complète article : couleur titre article
6.calendrier :le mois en cours et le jour reste en blanc
7.couleur des titres des images aléatoires
8.titre album photo: est en blanc et j'ai pas trouvé le h2 ;;;
je te fais copie css global au cas ou tu verrais des erreurs


body {margin:0px;padding:0px;background-image:url(http://fdata.over-blog.com/1/49/18/69/thumbs/GIF/background/get-attachment.aspx.jpg);color:#4B5E13;font-family: Verdana, Helvetica, Arial, sans-serif;font-size:x-small; cursor:url(http://perso.wanadoo.fr/chezsavane/curseur/sable01.ani),auto;}

#ln_1{background:none!important;}
a {text-decoration:underline;color:#339966;font-size:110%;}
a:hover {text-decoration:none;color:#663300;}

#top {padding:5px; background-color:#99CC00;color:#FFF; border:1px solid #99CC00;}

#footer {margin-top:10px;background-color:#FFF;position:relative;border:0px none;}

.box {background-color:transparent;position:relative;margin:0px;padding:0px;margin-bottom:10px;}

.text.box-titre h2{color:#339966;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}

.box-content {overflow:auto;padding:2px 5px;color:#663300;overflow:hidden;}

.box-content a
{list-style:square;color:#663300;margin:5px;padding:0px;overflow:hidden;}
.box-content li{color:#663300}
.article {margin-top:0px;padding:0px;margin-bottom:5px;}

.beforeArticle {padding:0px 0px 5px 0px;margin:0px;width:100%;}

.date {color:#663300;margin-right:10px;}

.divTitreArticle.titreArticle{text-decoration:none;color:#339966;}

.commentMessage {padding:5px;border:1px dotted #000000;background-color:#99CC00;margin:0px;}

.commentOption {text-align:right;font-size:90%;color:#000000;margin-bottom:10px;}

.pagination {color:#663300; margin:10px auto;}

#cl_1_1 {margin:auto 5px;}


.pages a{color:#663300;margin-top:0px;padding:0px;margin-bottom:5px;}

.beforePage {padding:0px 0px 5px 0px;margin:0px;width:100%;}

.divPageTitle h2{color:#339966;text-decoration:none;background:url(http://www.fond-ecran-image.com/gif_anime_webmaster/nouveau_new_02/nouveau_22.gif) left no-repeat;padding-left:100px;}
#articleAccueil .divTitreArticle h2{color:#339966;}

/*------------------- Article --------------------*/
.listes a{color:#663300;}
.resumeArticle {color:#339966;}
/* ----------Images Aléatoires---------- */
.aleaim .box-titre h2 span {color:#339966; }

/* --------------- Module Commentaires----------- */
.commentrecent li {color:#339966;}

/* ----------Catégories---------- */
.categorie .box-titre h2 span {text-align:center ;color:#339966;text-decoration:none;}

.calendrier .box-titre h2 span {text-align center ;color:#339966;text-decoration:underline; }
.calendarHeader1 {color:#663300;font-weight:bold; }

/* ----------Articles Récents ---------- */
articlerecent .box-titre h2 span{text-align:center;color:#339966; }

/* --------------- Module Album Photos------------------ */
.album .box-titre h2 span {text-decoration:underline;color:#339966;text-align:center;}

/* ----------Archives---------- */
.archive .box-titre h2 span {text-align:center;color:#339966;text-decoration:underline;}

/* ----------Module Page---------- */
.pages .box-titre h2 span {text-align:center;color:#339966;text-align:center;}

/* --------------- Module Communautés------------------ */
.community .box-titre h2 span {text-decoration:underline;color:#339966;text-align:center;}

/* --------------- Module Présentation------------------ */
.presentation .box-titre h2 span {text-decoration:underline;color:#339966;text-align:center;}

/* ----------Newsletter---------- */
.newsletter .box-titre h2 span{text-align:center;color:#339966;}

/* ----------Liens---------- */
.lien .box-titre h2 span{text-align:center;color:#339966;text-decoration:underline;}
copie css album photo
body {margin:0px;padding:0px;background-color:#4B5E13;font-family: Verdana, Helvetica, Arial, sans-serif;font-size:x-small;}

img {border:0px solid #339966;}


#galeries {width:100%;border:1px solid #FFFFFF;font-size:130%;color:#339966;}/*ligne sous l'entete du blog contient les liens vers les albums*/
#galeries a {color:#663300;text-decoration:none;}
#galeries a:hover {color:#663300;text-decoration:underline;}
/*-----------------------Album photo--------------------------*/


/*liens et titre photo suivante*/
.retourAlbum {position:relative;text-decoration:none;padding:0px;margin:0px auto;width:6em;}
/*liens de retour album photo*/
.thumbsAlbum {padding:2px;width:99%;text-align:center;margin-right:auto;margin-left:auto;}/*miniatures de l'album contient toutes les miniautures*/
.thumbAlbum {display:inline;margin:3px;}/*div contenant une miniature*/
.thumbAlbum img {border:1px solid #CCE680;}/*miniature*/
.thumbCouranteAlbum {display:inline;margin:3px;}/*div contenant la miniature de la photo courante*/
.thumbCouranteAlbum  img {border:2px dashed ;color:#339966;}/*miniature de la photo courante*/
#photo {text-align:center;}/*div contenant la photo courante*/
#photo img {margin: 2px auto;border:1px solid #CCE680;}/*photo courante*/
#descrAlbum {color :#339966;text-align:center;font-size:larger;}
copie css photo seules
body {margin:0px;padding:0px;background-color:#4B5E13;font-family: Verdana, Helvetica, Arial, sans-serif;font-size:x-small;}

img {border:0px solid #000000;}


#galeries {width:100%;border:1px solid #FFFFFF;font-size:130%;color:#663300;}/*ligne sous l'entete du blog contient les liens vers les albums*/
#galeries a {color:#C4D973;text-decoration:none;}
#galeries a:hover {color:#339966;text-decoration:underline;}
/*-----------------------Album photo--------------------------*/


/*liens et titre photo suivante*/
.retourAlbum {color:#663300;position:relative;text-decoration:none;padding:0px;margin:0px auto;width:6em;}
/*liens de retour album photo*/
.thumbsAlbum {padding:2px;width:99%;text-align:center;margin-right:auto;margin-left:auto;}/*miniatures de l'album contient toutes les miniautures*/
.thumbAlbum {display:inline;margin:3px;}/*div contenant une miniature*/
.thumbAlbum img {border:1px solid #CCE680;}/*miniature*/
.thumbCouranteAlbum {display:inline;margin:3px;}/*div contenant la miniature de la photo courante*/
.thumbCouranteAlbum  img {border:2px dashed #FFFFFF;}/*miniature de la photo courante*/
#photo {color:#339966;text-align:center;}/*div contenant la photo courante*/
#photo img {margin: 2px auto;border:1px solid #CCE680;}/*photo courante*/
#descrAlbum {text-align:center;font-size:larger;}

BON j'AI CERTAINEMENT OUBLIE DE MODIFIER DES COULEURS POUR QUE TOUT S'HARMONISE ALORS SI TU VOIX QUELQUES CHOSES N'HESITES PAS.
merci pour ton aide et ta patience avec moi
commentaire n° : 2 posté par : houba (site web) le: 18/02/2008 23:36:06
1; titres du modules listes articles et dernier commentaires
Remplace
articlerecent .box-titre h2 span{text-align:center;color:#339966; }
par
.articlerecent .box-titre h2 span{text-align:center;color:#339966; }
Rajoute
.commentrecent .box-titre h2 span {color:#339966;}
2.module over-blog
C'est quoi ?
3. titre des articles là je suis vraiment neuneu je vois pas mon erreur
Remplace
.divTitreArticle.titreArticle{text-decoration:none;color:#339966;}
par
.divTitreArticle .titreArticle{text-decoration:none;color:#339966;}
4.dans la partie article:ajouter un comm,commentaires,titre communautés et recommander ce blog...
et publié dans :couleur du titre de la catégorie
Rajoute
.afterArticle {color:#339966;}
.afterArticle a{color:#339966;}
5.dans liste complète article : couleur titre article
Rajoute
.listArticles a {color:#fff;}
6.calendrier :le mois en cours et le jour reste en blanc
Rajoute
.calendarTop1 {color:#339966;}
.calendarToday1 {color:#339966;}
7.couleur des titres des images aléatoires
Rajoute
.h2Album {color:#339966;}
8.titre album photo: est en blanc et j'ai pas trouvé le h2
c'est le même que le 7 au-dessus
réponse de : Anna K (site web) le: 19/02/2008 10:55:44

Bonsoir Anna,

Toute fraîchement arrivée sur OB, je n'arrive pas à changer la couleur du résumé d'article en ACCUEIL.

Je te joins tout le tralala  .......

body {margin:0px; padding:0px; background-color:#FCE4FA; font-family:
Enviro,Verdana, Helvetica, Arial, sans-serif; font-size:medium;}

body    { cursor:URL(http://www.archive-host2.com/membres/up/1404915275/rosebutton.cur); }

a {text-decoration:none; color:#B35A66; font-size:200%;}
a:hover {text-decoration:underline; color:#B35A66;}


#articleAccueil  .divTitreArticle h2 {text-decoration:none;color:#B35A66 ;font-size:200%; }  
#top h1 {padding:0px; margin:0px;}
#top  {margin:0px; padding:0px;  border:0px none;}

#footer {margin-top:10px; position:relative; color:#000; background-color:#B35A66;}

#footer p {margin:0px; padding: 10px;}

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#B35A66;}

.article {margin-top:0px; padding:0px; margin-bottom:5px;}

.date {margin-right:10px;color:#B35A66;}
.titreArticle {text-decoration:none; color:#B35A66;}
.titreArticle:hover {text-decoration:underline; color:#B35A66;}
.divTitreArticle h2 {text-decoration:none;color:#B35A66 ;font-size:130%; }

.divTitleSearch h2{color:#33A65  }
 
.box { margin:0px; padding:0px; margin-bottom:10px; border:1px solid #F6A5EE; }
.box-titre h2 {color:#FFF; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;}
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#000;}

.commentMessage {padding:5px; border:1px dotted #000; margin:0px;}
.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}

.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#E610DE;}
.page {margin-top:0px; padding:0px; margin-bottom:5px;}
.divPageTitle h2 {text-decoration:none; color:#B35A66;}
.divPageTitle h2:hover {text-decoration:underline; color:#B35A66;}




Au passage, tu verras que j'ai utilisé un de tes kits. Il me plait GROS come ca lolllllll. J'ai beaucoup d'amélioration a apporté, comme on dit : une chose à la fois.
Merci pour ton aide, et ton superbe blog.

Christine

commentaire n° : 3 posté par : Christine (site web) le: 07/03/2008 21:22:45
Je passe
réponse de : Anna K (site web) le: 09/03/2008 07:48:15

Publicité

Recherche Rapide Sur le Site

Sommaires

top

Dernières Astuces

liste complète
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus