Djaiz2Naz
-
Posté le 25/05/10 17:20
Niveau :
Confiance
2300
messages
Bonjour,
La personnalisation du thème permet de jouer sur quelques éléments du design sans y connaître en quelques clics.
Mais il est volontairement bridé.
Là, le bridage vient que tu ne peux pas afficher une image hébergée chez Erog en plus de 1200 pixels de côté.
Soit tu t'en contente, soit tu passe à la modification du css (le fichier qui gère le design de ton blog).
J'ai un article d'aide là : http://djaiz2naz.erog.fr/article-28637313.html
ATTENTION : personnalisation du thème et modification du css sont incompatibles. Voici donc la partie du css qui corresponds à ta personnalisation, colles-là en fin de css pour ne rien perdre.
/* --- PERSONNALISATION ---*/
body {
background-color: #000000;
background-image: url("http://idata.over-blog.com/3/91/24/60/fleurs2005_04_orchidee_minoza-bis.jpg");
}
#top h1,
#top h1 a {
color: #de90ff;
font-family: "zapf dingbats";
font-size: 30px;
}
.contenuArticle, .pageContent, .extraitArticle { background-color: transparent;
color: #A7416D;
font-family: "Arial";
font-size: 12px;
}
.divTitreArticle h2, .divPageTitle h2,
.divTitreArticle h2 a, .divPageTitle h2 a,
.titreExtrait {
color: #9C3D66;
font-family: "Trebuchet MS";
font-size: 18px;
}
.box-titre h2 {
color: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 18px;
}
.commentMessage {
color: #A7416D;
font-family: "Arial"
font-size: 12px;
}
.responseMessage {
color: #FFFFFF;
font-family: "Arial";
font-size: 12px;
}
Une fois cela fait, il te faudra héberger ton image grand format ailleurs et la mettre dans ton css à la place de l'ancienne :
body {
background-color: #000000;
background-image: url("URL DE L IMAGE HEBERGEE"); }
Ou alors, tu gardes cette image et tu modifie ton css personnalisé ainsi :
body {
background-color: #000000;
background-image: url("http://idata.over-blog.com/3/91/24/60/fleurs2005_04_orchidee_minoza-bis.jpg"); background-position:right top; background-repeat:no-repeat;
}
J'ai mis l'image à droite et j'ai demandé à ce qu'elle ne se répète pas.
Cliquez ici pour des aides ->