Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
13 janvier 2009 2 13 /01 /janvier /2009 05:42

Cet article a été transféré sur les Nouvelles Ficelles d'Anna K

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

DR 11/08/2010 10:45


Tout d'abord, merci pour l'ensemble de ces tutoriels. Comme suggéré dans l'article, j'ai souhaité mettre des résumés sur ma page d'accueil. Le problème vient des images qui accompagnent les textes.
J'aimerais les positionner à droite du texte et augmenter l'espace qui les sépare. Là, je m'arrache les cheveux depuis 2 jours car toutes mes tentatives sont restées vaines. Malgré de nombreuses
recherches sur le web, je ne parviens pas à trouver le bon code Css. Help !!!!


Qux 14/05/2010 23:34


bonjour, je souhaiterais savoir si vous saviez si il est possible de changer le lien, le [...] est quand même assez moche ^^ je voudrais le transformer par du texte ou une image
( j'ai essayé .extrait a {background-image: url(jpg):} sans succès


Julien Bonnel 21/12/2008 02:09

Bonjour AnnaK,
Ok pour la mise en forme des titres et des article des résumés : mais comment fait-onpour modifier la mise en forme du haut du résumé (date par défaut) et du bas (par ...).
Merci,
Bonnes fêtes de fin d'année,
Julien

Christine 07/03/2008 21:22

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

Anna K 09/03/2008 07:48

Je passe

houba 18/02/2008 23:36

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 modifier1; titres du modules listes articles et dernier commentaires2.module over-blog3. titre des articles là je suis vraiment neuneu je vois pas mon erreur4.dans la partie article:ajouter un comm,commentaires,titre communautés et recommander ce blog...et publié dans :couleur du titre de la catégorie5.dans liste complète article : couleur titre article6.calendrier :le mois en cours et le jour reste en blanc7.couleur des titres des images aléatoires8.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 erreursbody {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 photobody {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 seulesbody {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

Anna K 19/02/2008 10:55

1; titres du modules listes articles et dernier commentairesRemplacearticlerecent .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-blogC'est quoi ? 3. titre des articles là je suis vraiment neuneu je vois pas mon erreurRemplace.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égorieRajoute.afterArticle {color:#339966;}.afterArticle a{color:#339966;} 5.dans liste complète article : couleur titre articleRajoute.listArticles a {color:#fff;} 6.calendrier :le mois en cours et le jour reste en blancRajoute .calendarTop1 {color:#339966;}.calendarToday1 {color:#339966;} 7.couleur des titres des images aléatoiresRajoute.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