Image en fond d'écran
-
Créé par Inconnu - Posté le 25/05/2010 16:34
Bonjour
je commence à créer un blog sur erog et je souhaiterai mettre une image en fond d'écan pour la page d'accueil
je suis bien allé sur "Design" et j'ai selectionné une image, mais celle ci apparait en mosaique alors que je voudrait qu'elle prenne tout l'écran (comme un fond d'écran en somme)
J'ai beua modifier de façon exponentielle la taille de la photo, rien n'y fait...
quelqu'un a t-il la solution?
merci d'avance
-
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.erog.fr/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.erog.fr/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 ->
-
Répondu par Inconnu - Posté le 25/05/2010 17:38
ouch, tu es rapide
entre temps j'ai réussi à mettre une image fixe (grace à une réponse que tu avais précedemment posté)
Ma question maintenant est : comment décaler cette image de façon à ce la fleur soit sur la droite de l'écran?
merci
-
Mais elle est à droite ! Plus à droite c'est sur la tapisserie du salon.
Tu as vidé ton cache ?
Cliquez ici pour des aides ->
