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
Image de Fond
Modérateurs : boulmontjj, Pierre G., Malabar, Otomatic
-
- Admin
- Messages : 4073
- Inscription : Lun 07 Août 2006, 09:46
- Localisation : Lorient
- Contact :
Re: Image de Fond
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
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
}
Le mâle à barre (Maxime)
Re: Image de Fond
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 !
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 !
Re: Image de Fond
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 ??
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 ??
-
- Admin
- Messages : 4073
- Inscription : Lun 07 Août 2006, 09:46
- Localisation : Lorient
- Contact :
Re: Image de Fond
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
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.
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.
Le mâle à barre (Maxime)
Re: Image de Fond
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 ...
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 ...
-
- Admin
- Messages : 4073
- Inscription : Lun 07 Août 2006, 09:46
- Localisation : Lorient
- Contact :
Re: Image de Fond
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
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;
}
Le mâle à barre (Maxime)
Re: Image de Fond
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 !
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 !
Revenir vers « Personnalisation - tuning »
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités