aide

enfait jessaye den créer un mais jarrive a rien... comment t'as fait pour mettre une image en fond et tout mettre transparent déja?? mercii de tn aideuh...

pour le fond d'ecran il suffit d'aller dans le css et tu mets dans la balise

body{background-image: url(ici mets l'url de ton fond); background-repeat: repeat; background-attachment: fixed;}

pour ce qui est du repeat c'est si tu veux que ton fond d'ecran soit repeté (je te le conseille parce que tout le monde n'a pas le meme dimension d'ecran )

et pour background attachment c'est pour que ton fond d'ecran soit fixé ou non .

et tu peux repeter + clairement pr le truk transparent g pas compris

ben c encore moi et g encore un probleme... (et oui suis nulleuh sniff) mais quand je veux changer le fond sa marche pas et quand apres j'essaye denlever et de remettre sa met tjs le mm fond... c un chtit peu lourd...

ben es ce que tu pourrais me copier coller ton css stp pour que je puisse le corriger et profites et files moi ton fond d'ecran stp aussi pour que je mette directement l'url dans le css bon allez @+

/* ---------- Elements Principaux ------------- */
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; }
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend { color:#5675A4; padding-left:5px; padding-right:5px;}
li { list-style-type:none; }
img { border:0px; } /* image */
input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */


/* ---------- Structure ------- */
/* La class main correspond à la structure global du blog
/* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */

/* Pour les stuctures avec 2 colonnes */
#main1 { text-align: left; margin: 0px auto 50px auto; }
#main1 #rightnav { padding:10px; width:210px; }
#main1 #leftnav { padding:10px; width:210px; }
#main1 #content { padding:10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }


/* Pour les stuctures avec une colonne à droite */
#main2 { text-align: left; margin: 0px auto 50px auto; }
#main2 #rightnav { padding:10px; width:220px; }
#main2 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

/* Pour les stuctures avec une colonne à gauche */
#main3 { text-align: left; margin: 0px auto 50px auto; }
#main3 #leftnav { padding:10px; width:220px; }
#main3 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

#MainTab { margin:0px; width:100%; }
#MainTab td { vertical-align:top; }

/* entete */
#top { padding:0px; border-bottom: 1px solid gray; background: url(/modele/2/pics/top.png) repeat-x scroll top left;}
#top h1 { padding:0px; margin:0px;color:black; }

.topLien{text-decoration:none;}
.topLien:hover {text-decoration:none;}


/* Bas de page */
#footer { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px; background:#ddd; }

.basLien { }
.basLien:hover { }

.cleaner {clear:both;}
/* ---------- Box ---------- */
/* correspond au block des modules */
.box { width:100%; margin-bottom:10px; }
.box h2 {}
.box-top { background:transparent url(/modele/2/pics/box-top-center.png) repeat-x scroll top left; }
.box-left { background:transparent url(/modele/2/pics/box-middle-left.png) repeat-y scroll top left; }
.box-right { background:transparent url(/modele/2/pics/box-middle-right.png) repeat-y scroll top right; }
.box-bottom { background:transparent url(/modele/2/pics/box-bottom-center.png) repeat-x scroll bottom left; }
.box-topLeft { background:transparent url(/modele/2/pics/box-top-left.png) no-repeat scroll top left; }
.box-topRight { background:transparent url(/modele/2/pics/box-top-right.png) no-repeat scroll top right; }
.box-bottomLeft { background:transparent url(/modele/2/pics/box-bottom-left.png) no-repeat scroll bottom left; }
.box-bottomRight { background:url(/modele/2/pics/box-bottom-right.png) no-repeat scroll bottom right; padding:3px; }
.box-content { overflow:auto; padding:0px 10px 15px 5px; color: #5675A4; }
.box-content p { margin:5px 0px 5px 15px; padding:0px; }
.box-content ul { margin:5px 0px 5px 15px; padding:0px; }
.box-content li { list-style:square; color:#b6b6b6; margin:5px; padding:0px; }


/* ---------- Recherche --- */
#Recherche { padding:0px; }
#WForm { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; }
#WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; }
#WForm input:hover { border:solid 1px #5675A4; background:#fff; }

.RNum { font-weight:bold; }
.RDesc { padding:10px; }
.ROut { font-style:italic; color:#A0B8CB; }
.RSize { color:#BFBFBF; }

a.RTitle { text-decoration:none; color:#00275E; }
a.RTitle:hover { text-decoration:none; color:#834141; }

#GGResults { text-align:left; margin:0px; color:#000000; }
.Result1 { padding:4px; background:#F7FAFD; }
.Result2 { padding:4px; background:#FBFBFB; }

.article { margin-top:10px; padding:0px; border-bottom:1px dotted #808080; }
.article p { padding:0px 0px 5px 5px; margin:0px; }
.Date { width:100%; margin-right:10px;}
.Option { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;}
.categorieArticle {} /*categorie de l'article*/
.categorieArticle a {text-transform:lowercase;}
.barreHautArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; }
.listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666; background-color:#FFFFFF;}
.resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

#articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires/trackbacks*/


/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#3366CC;}
.comment { }
.comment hr { }
.linkcomment {font-size:130%; color:#0099FF;}

.commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

#formComment label { width:70px; }
#formComment input { }
#formComment textarea{ }


/*-------------------trackback----------------------------------*/
#addTrackback { border:1px dotted #999999; padding:5px;}
.affTrackback { padding:5px; border:1px dotted #999999; margin-bottom:10px;}
.affTrackback h2 {}
.linkTrackback {font-size:130%; }
.h2Trackback {color:#3366CC;}

/*-------------------Recommander--------------------------------*/
#divRecommander {}
#divRecommander span {font-size:larger;}
#divRecommander legend {font-size:larger;}
#divRecommander fieldset {padding:3px; margin:5px;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}


/*-------------- Calendrier -----------------------------------*/
.calendarTop1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#5675A4; font-weight: bold; background-color:#FFFFFF} /*entete*/
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#A2B4CE;} /* Aujourd'hui */
.calendarDays1 { width:50px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFFFFF; text-align:center;}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#5675A4; color:#FFFFFF;} /* lettre de la semaine */
.calendarTable1 { background-color:#F4F4F4;border:0px solid #5675A4} /* contour du calendrier */

/*------------------------Divers-----------------------------*/
.cleaner {clear:both;}

/*-------------------------------Accueil album------------------------*/

#centreAccAlbum{}
.AccAlbum{ text-align:center;}
.thumbAccAlbum { display:inline; margin:5px;}
.thumbAccAlbumimg { padding:5px 0px;}


/*-----------------------Album photo--------------------------*/
#bodyAlbum{ background-color:#FFFFFF;}
.topAlbum{}

#generalAbum{width:100%;}

.h2Album { text-align:center; font-size:12pt; }

/*en tete de l'album placee en haut de la fenetre, meme que celle du blog*/
#enteteAlbum{ width:100%; border-bottom:1px solid #222222; font-size:130%;}
#enteteAlbum a {}
#enteteAlbum a:hover {}


.nomPhotoAlbum { font-size:large;}

.lienAlbum {text-decoration:none;}
.lienAlbum:hover{text-decoration:underline;}
/*navigation rapide precedent suivant retour*/
.quickNavAlbum{margin:0px; padding:0px; border:1px groove #666666; width:100%; text-align:center;}
.quickNavAlbum a {text-decoration:none;}
.quickNavAlbum a:hover {text-decoration:underline;}
.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}
.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}
.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}

/*miniatures de l'album*/
#centrethumbsAlbum{ }
.thumbsAlbum {padding:2px; width:99%; text-align:center; margin-right:auto; margin-left:auto;}
.thumbAlbum { display:inline; margin:3px;}
.thumbAlbum img {}

/*miniature de la photo courante*/
.thumbCouranteAlbum { display:inline; margin:3 px;}/*miniature de la photo courante*/
.thumbCouranteAlbum img { }

.topLienAlbum{text-decoration:none;}
.topLienAlbum:hover{}

#photo{ text-align:center; }
#photo img {margin: 0px auto; }
.nomPhotoAlbum{ text-align:center;}

#piedAlbum{ width:100%; text-align:center; margin-top:5px;}
#descrAlbum {text-align:center; font-size:larger;}

#menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;background-color:#FFFFFF;border:1px solid #BACDF2;padding:3px;}
#menuClicDroit li { list-style-type:none; margin:0px; padding:0px}
#menuClicDroit ul{margin:0px;padding:0px}

voila mn bOo CSS xD o fait c super sympa cette rubrique d'aideuh!^^ Et le fond d'écran demandé (par mouah xD) c suilaaa

voila j'ai modifié ton css normalement ca doit marcher
le voila:



/* ---------- Elements Principaux ------------- */
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; background-image: url(http://www.hiboox.com/images/3h71nys.jpe); }
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend { color:#5675A4; padding-left:5px; padding-right:5px;}
li { list-style-type:none; }
img { border:0px; } /* image */
input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */


/* ---------- Structure ------- */
/* La class main correspond à la structure global du blog
/* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */

/* Pour les stuctures avec 2 colonnes */
#main1 { text-align: left; margin: 0px auto 50px auto; }
#main1 #rightnav { padding:10px; width:210px; }
#main1 #leftnav { padding:10px; width:210px; }
#main1 #content { padding:10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }


/* Pour les stuctures avec une colonne à droite */
#main2 { text-align: left; margin: 0px auto 50px auto; }
#main2 #rightnav { padding:10px; width:220px; }
#main2 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

/* Pour les stuctures avec une colonne à gauche */
#main3 { text-align: left; margin: 0px auto 50px auto; }
#main3 #leftnav { padding:10px; width:220px; }
#main3 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

#MainTab { margin:0px; width:100%; }
#MainTab td { vertical-align:top; }

/* entete */
#top { padding:0px; border-bottom: 1px solid gray; background: url(/modele/2/pics/top.png) repeat-x scroll top left;}
#top h1 { padding:0px; margin:0px;color:black; }

.topLien{text-decoration:none;}
.topLien:hover {text-decoration:none;}


/* Bas de page */
#footer { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px; background:#ddd; }

.basLien { }
.basLien:hover { }

.cleaner {clear:both;}
/* ---------- Box ---------- */
/* correspond au block des modules */
.box { width:100%; margin-bottom:10px; }
.box h2 {}
.box-top { background:transparent url(/modele/2/pics/box-top-center.png) repeat-x scroll top left; }
.box-left { background:transparent url(/modele/2/pics/box-middle-left.png) repeat-y scroll top left; }
.box-right { background:transparent url(/modele/2/pics/box-middle-right.png) repeat-y scroll top right; }
.box-bottom { background:transparent url(/modele/2/pics/box-bottom-center.png) repeat-x scroll bottom left; }
.box-topLeft { background:transparent url(/modele/2/pics/box-top-left.png) no-repeat scroll top left; }
.box-topRight { background:transparent url(/modele/2/pics/box-top-right.png) no-repeat scroll top right; }
.box-bottomLeft { background:transparent url(/modele/2/pics/box-bottom-left.png) no-repeat scroll bottom left; }
.box-bottomRight { background:url(/modele/2/pics/box-bottom-right.png) no-repeat scroll bottom right; padding:3px; }
.box-content { overflow:auto; padding:0px 10px 15px 5px; color: #5675A4; }
.box-content p { margin:5px 0px 5px 15px; padding:0px; }
.box-content ul { margin:5px 0px 5px 15px; padding:0px; }
.box-content li { list-style:square; color:#b6b6b6; margin:5px; padding:0px; }


/* ---------- Recherche --- */
#Recherche { padding:0px; }
#WForm { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; }
#WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; }
#WForm input:hover { border:solid 1px #5675A4; background:#fff; }

.RNum { font-weight:bold; }
.RDesc { padding:10px; }
.ROut { font-style:italic; color:#A0B8CB; }
.RSize { color:#BFBFBF; }

a.RTitle { text-decoration:none; color:#00275E; }
a.RTitle:hover { text-decoration:none; color:#834141; }

#GGResults { text-align:left; margin:0px; color:#000000; }
.Result1 { padding:4px; background:#F7FAFD; }
.Result2 { padding:4px; background:#FBFBFB; }

.article { margin-top:10px; padding:0px; border-bottom:1px dotted #808080; }
.article p { padding:0px 0px 5px 5px; margin:0px; }
.Date { width:100%; margin-right:10px;}
.Option { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;}
.categorieArticle {} /*categorie de l'article*/
.categorieArticle a {text-transform:lowercase;}
.barreHautArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; }
.listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666; background-color:#FFFFFF;}
.resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

#articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires/trackbacks*/


/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#3366CC;}
.comment { }
.comment hr { }
.linkcomment {font-size:130%; color:#0099FF;}

.commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

#formComment label { width:70px; }
#formComment input { }
#formComment textarea{ }


/*-------------------trackback----------------------------------*/
#addTrackback { border:1px dotted #999999; padding:5px;}
.affTrackback { padding:5px; border:1px dotted #999999; margin-bottom:10px;}
.affTrackback h2 {}
.linkTrackback {font-size:130%; }
.h2Trackback {color:#3366CC;}

/*-------------------Recommander--------------------------------*/
#divRecommander {}
#divRecommander span {font-size:larger;}
#divRecommander legend {font-size:larger;}
#divRecommander fieldset {padding:3px; margin:5px;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}


/*-------------- Calendrier -----------------------------------*/
.calendarTop1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#5675A4; font-weight: bold; background-color:#FFFFFF} /*entete*/
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#A2B4CE;} /* Aujourd'hui */
.calendarDays1 { width:50px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFFFFF; text-align:center;}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#5675A4; color:#FFFFFF;} /* lettre de la semaine */
.calendarTable1 { background-color:#F4F4F4;border:0px solid #5675A4} /* contour du calendrier */

/*------------------------Divers-----------------------------*/
.cleaner {clear:both;}

/*-------------------------------Accueil album------------------------*/

#centreAccAlbum{}
.AccAlbum{ text-align:center;}
.thumbAccAlbum { display:inline; margin:5px;}
.thumbAccAlbumimg { padding:5px 0px;}


/*-----------------------Album photo--------------------------*/
#bodyAlbum{ background-color:#FFFFFF;}
.topAlbum{}

#generalAbum{width:100%;}

.h2Album { text-align:center; font-size:12pt; }

/*en tete de l'album placee en haut de la fenetre, meme que celle du blog*/
#enteteAlbum{ width:100%; border-bottom:1px solid #222222; font-size:130%;}
#enteteAlbum a {}
#enteteAlbum a:hover {}


.nomPhotoAlbum { font-size:large;}

.lienAlbum {text-decoration:none;}
.lienAlbum:hover{text-decoration:underline;}
/*navigation rapide precedent suivant retour*/
.quickNavAlbum{margin:0px; padding:0px; border:1px groove #666666; width:100%; text-align:center;}
.quickNavAlbum a {text-decoration:none;}
.quickNavAlbum a:hover {text-decoration:underline;}
.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}
.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}
.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}

/*miniatures de l'album*/
#centrethumbsAlbum{ }
.thumbsAlbum {padding:2px; width:99%; text-align:center; margin-right:auto; margin-left:auto;}
.thumbAlbum { display:inline; margin:3px;}
.thumbAlbum img {}

/*miniature de la photo courante*/
.thumbCouranteAlbum { display:inline; margin:3 px;}/*miniature de la photo courante*/
.thumbCouranteAlbum img { }

.topLienAlbum{text-decoration:none;}
.topLienAlbum:hover{}

#photo{ text-align:center; }
#photo img {margin: 0px auto; }
.nomPhotoAlbum{ text-align:center;}

#piedAlbum{ width:100%; text-align:center; margin-top:5px;}
#descrAlbum {text-align:center; font-size:larger;}

#menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;background-color:#FFFFFF;border:1px solid #BACDF2;padding:3px;}
#menuClicDroit li { list-style-type:none; margin:0px; padding:0px}
#menuClicDroit ul{margin:0px;padding:0px}

slt en fait j'aurai besoin d'aide pour mon blog :je veux mettre des images (une par mangas) des mangas que j'aime bien avec des résumés assez complé mais pas tp long pour donner envie à des amies ki connaissent pas d'en lire!!donc les mangas k jaime bien :Naruto, noir love hina a^^i non stop, urukuy, fulll metal alchimist...

pour que ca donne envie il faut que mette l'idée principale du manga dans l'image (qu'il y est une grande partie des personnages, si le theme du manga est glauque il ne faut pas que tu mette une image rose bonbon !! logique

)

par exemple pour love hina tu peux choisir une image comme celle la


et pour le resumé ne fais pas trop long , fais une présentation aérée et colorée , simple à lire

et la tes articles auront du succès !!!

(ps: si j'ai le temps j'vais te faire quelques resumés )

ok merci tp simpas!

Salut tout le monde!

j'ai aussi des problème pour mon fond d'écran, je comprend pas comment faut faire... tu peux m'aider admin ?

re coucou ^^
j'ai une autre question: j'ai visité un peu ce blog (pas mal du tout ^^) et j'ai vu que pour les liens (genre commentaires, créer un blog, etc...) il y avait un petit if en plus du surlignage (lorsque l'on clique dessus). Tu peux me dire comment tu a fait ?

Merci beaucoup ^^ ça m'a bien aider !! Heureusement que tu est la ^^! t'es super !!

euh... j'ai juste un petit problème, pour l'arrière plan, j'ai mis une ilage et ça me fais plein de fois cette image en tout petit sur le fond pourtant elle est pas si petite que ça ! tu peux me dire la taille de ton image de fond d'écran stp ? peu-etre que la mienne est trop ptite après tout...

euh... je dois etre nul parce que ça ne marche pas j'ai pourtant mis : background-repeat: no-repeat
je peux t'envoyer mon ccs si tu veux ?

dsl, mais en fait je crois que ça marche seulement ça me fait une image minuscule !! dommage...

encore moi, hé oui... mais je viens de mettre une nouvelle image qui fait 1024x768 en fond et ça me donne quand même une image minuscule
voila l'image : http://fdata.over-blog.com/0/15/54/41/thumbs/copie-de-ah_-20my-20goddess-205.jpg tu peux aller voir sur mon blog si tu veux : http://mizu-no-awa.over-blog.com

j'ai compris !!!
en fait tu as pris le lien de l'image quand elle est en miniature dans tes fichiers. pour avoir le lien de l'image en grand il suffit de cliquer sur la loupe en bas a gauche de l'image et c'est la que tu dois faire clic droit dessus .

bon je t'ai modifié le lien de ton image voila celui qui est en grand ...
http://idata.over-blog.com/0/15/54/41/copie-de-ah_-20my-20goddess-205.jpg

place ce lien la dans background-image dans ton css et la tu vas voir ca va marcher (en fait fais comme la derniere fois mais avec ce lien la )

bah...je suis nulle, parce que ça ne marche toujourspas, j'ai utiliser ton liens, mais same fais quand même plusieurs images, parce qu'elle est trop petite (j'ai mis no-repeat) regarde l'image : http://idata.over-blog.com/0/15/54/41/copie-de-ah_-20my-20goddess-205.jpg
et regarde ça taille c'est environ 600x450 pixels ou un truc du genre, je comprend pas pourquoi...

mirci beuacoup ça marhce ^^ mais mon image de départ fait bien 1024x768 c'est quand je l'ai mis dans mes fichiers sur mon blog que ça l'a réduit !( hé oui je viens juste de comprendre ^^)

contente que ca marche ...

et puis pour mettre des fond d'ecran sur ton blog faut héberger les images ailleurs que sur over-blog .

t'as constaté toi meme que over-blog diminue la taille des images.

allez bizzzous

coucou tout le monde !
ça fait longtemps que je suis pas venu mais là, j'ai besoin d'aide ! Me revoila donc avec une nouvelle série de questiàon :

- comment mettre une musique sur l'over, dans un module (texte libre) ?
- comment changer les fond du module ?
-comment mettre des puces pour les modules ?
-comment mettre un message de bienvenue a la première page ?
- comment changer l'ordre des article (plus ancien au début) ?
-re : comment faire pour que le bannière prenne toute la largeur de la page ?
-bonus lol : comment faire pour avoir plus de coms ?

voila j'èspère que tu pourra répondre a toutes mes questions (j'en ai plein c'est sur ^^) parce que j'ai vraiment besoin d'aide !!
merci d'avance ^^

evidemment que j'ai reponse a tout !! ^^

alors prépare toi a lire un long post ...

pour mettre une musique dans un texte libre ou autre:
il faut d'abord que tu sois en mode avancé mais tu dois déja y etre vu que je te l'avais deja dit mais sinon changes ca a l'acceuil.
ensuite dans ton module texte libre passe en mode source puis colles ceci:
<EMBED src="http://urldetamusique.mp3" autostart="false" width="160px" height="20px" loop="true" controller="true" >
a la place de url de ta musique.mp3 colles l'adresse de la musique que tu veux mettre puis tu n'as qu'a valider. le probleme c'est que ca ne marche pas avec firefox. si tu veux que ta musique démarre automatiquement (ce qui est très fortement déconseillé) remplace autostart="false" par autostart="right".

pour changer le fond des modules
il faut d'abord que tu ailles dans ton css (petit rappel depuis la nouvelle version d'OB c'est dans design mais maintenant c'est a droite)
puis dans la partie /* --------- Modules -------- */
rajoute à
.box {......}
background-image: url(http://urldetonimage)
(bien sûr remplace http://urldetonimage par l'adresse de ton image comme pour le fond d'ecran puis une fois que c'est fait tu valides.

pour mettre des puces dans les modules (ou les remplacer)
va dans ton css et mets ca dans /* --------- Modules -------- */
dans .box-content li
.box-content li { list-style: url(http://urldetonimage); }
bien evidemment fais comme avant et remplace le tite phrase urldetonimage par l'adresse de ton image. et tu valides

pour mettre un message de bienvenue
va dans configuration > gestion du message d'acceuil à droite >
et coche la case:
Activer le message d'accueil (ce message sera affiché avant les articles, sur la page d'accueil de votre blog)
ensuite ecris ton message et valides.

pour changer l'ordre des articles
ca va te prendre du temps si tu en as beaucoup car pour faire cela il faut qur tuy changes la date de chaque article (l'article la plus récent etant toujours placé en premier) donc tu "fausse" leur date en mettant une très vieille date a ton article la plus récent etc...

pour que la banniere prenne toute la largeur de la page
va dans modules > editer l'entete
ensuite redimensionnes ta banniere en "tirant" sur les fleches puis passes en mode source.
donc a width=...px tu remplaces par width: 100% et a height=...px tu remplaces par height: 155px ce qui dois te donner un truc dans le genre:

bien evidemment ne recopies pas ce code parce qu'il est faux !! tu dois avoir quelques trucs en plus mais c'etait juste pour donner un apercu.

et pour avoir plein de coms
la je peux pas t'aider
pour faire connaitre ton blog tu peux toujours faire de la pub ailleurs en te "liant" avec d'autres blogs, t'inscrire dans des annuaires,... tu peux aussi poster un sujet dans la rubrique vos blogs sur le forum d'over-blog.

voila j'espere que tu as tout compris
en esperant te revoir bientot sur le forum ...
@+

re-coucou
merci de m'avoir répondu mais j'ai encore de gros problèmes !

-pour les musiques : lorsque je met une musique ça me met "module incorectement télécharger"
- pour les fond des modules, je n'ai pas de partie /* --------- Modules -------- */
- même chose pour les puces
-pour la bannière je n'ai pas du tout ça d'écrit : j'ai :

et j'ai une autre question : commen changer l'ordre des articles ? (du +ancien au + récent)

sinon une bonne nouvelle : le message d'acueiul fonctionne a merveille ^^!

j'ai corrigé le script pour ta banniere :
colles ca dans dans ton entete en mode source :

<img style="width: 100%; height: 200px;" src="http://idata.over-blog.com/0/15/54/41/banniere.jpg">

ensuite comme tu ne trouves pas la partie modules dans ton css cherche les attributs .box (ca corespond aux modules).

ah! ok merci maitenant ça marche
et mirci aussi pour la bannière ^^
sinon j'ai encore deux questions (encore ! hé oui !!) :

- comment changer l'ordre des articles (du +ancien au +récent)
- mes modules ont un effet d'ombre, et comme c'est sur un fond blanc ç'est pas beau( )tu sais pas comment je peux faire pour supprimer cette ombre ?