Image de Fond

[raivig]

Bonjour,
Problème probablement déjà vu et corrigé.... mais je n'ai rien trouvé.
J'ai ajouté une image dans mon skin (sur le serveur) [agp/templates/skin/aguestNew/img]
Cette img mesure 2000x1126px pour remplir mon écran.
C'est celle que j'utilise en fond pour mon site...

A présent, je voudrai juste faire apparaître cette image sous mon livre d'or...
Quel code dois-je ajouter et où ??
je suppose que c'est dans la "Feuille de style" ??

Merci d'avance

[Malabar]

Quand vous dites "sous votre livre" vous voulez dire derrière ? En arrière-plan ?
C'est effectivement à faire dans la feuille de style. Pour faciliter l'intégration et limiter les conflits de styles , tout le livre d'or est placé dans un calque (balise div) appelé alexguestbook. Dans le CSS, mettez le fond d'écran dans le style correspondant à ce div

Code : Tout sélectionner

#alexguestbook{
Ajoutez ici votre style
}


[raivig]

Merci pour votre réponse...
Malheureusement, je n'y connais rien en programmation...
J'ai repéré l'endroit à modifier:

#alexguestbook {
/* background color - you can update it */
background-color: #FFFFFF;

Je suppose que c'est à la place de "you can update it"
Pour y mettre une image, quel serait la ligne de commande...
Merci plein de fois pour cette aide !

[raivig]

Je ne dois pas être très loin du compte...?

body {
margin: 0;
}

#alexguestbook {
background
<p>
<br />
<img src="agb/images/img/fond24.jpg" alt="Photo de montagne" />
</p>
background-color: #dfdada;

C'est quoi qui cloche ??

[Malabar]

Là ce n'est plus du ressort de notre forum... Vous ne connaissez pas les CSS, je vous invite à lire ces cours : http://fr.openclassrooms.com/informatique/css/cours et http://www.alsacreations.com/tuto/lire/ ... tiple.html

Dans le code que vous donnez, vous insérez du HTML dans le CSS. Chacun utilise son propre langage (sinon tout s’appellerait du CSS ).

Pour ajouter un fond d'écran, utilisez le code

Code : Tout sélectionner

background-image: url("/dossier/dossier2/image1.jpg");
background-repeat: no-repeat;

L'instruction no-repeat évite que l'image ne soit répétée en mosaïque : par défaut si l'image est plus petite que la taille de la fenêtre du navigateur, ce dernier va automatiquement l'afficher plusieurs fois pour que tout le fond de la page soit couvert avec l'image.

[raivig]

Merci encore une fois pour votre aide... j'ai suivi vos instructions mais cette sacrée image ne veut pas apparaître !
Voici ce que j'ai mis:

body {
margin: 0;
}

#alexguestbook {
background-image: http://www.monsite.fr ("/agb/images/fond24.jpg);
background-repeat: no-repeat;

font-family: Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 0.7em;
}

Je me suis aussi renseigné sur le site que vous m'avez indiqué...
Vraiment, je ne trouve pas ce qui cloche ...

[Malabar]

url ne doit pas être remplacé par votre URL. Il s'agit d'un mot-clé. Bizarre qu'en suivant les exemples sur les sites que je vous ai donnés vous n'ayez pas trouvé la réponse.
Cela donne donc

Code : Tout sélectionner

#alexguestbook {
background-image: url("/agb/images/fond24.jpg");
background-repeat: no-repeat;

font-family: Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 0.7em;
}

[raivig]

Merci encore une fois.
Enfin ça marche, j'ai mon fond comme il faut !
J'ai eu un peu de mal jusqu'au moment où j'ai remarqué qu'il manquait le " après le image.jpg
Nickel !