Image de Fond

Pour vos questions au sujet de la personnalisation du script, des skins... - About customizing the script.

Modérateurs : boulmontjj, Pierre G., Malabar, Otomatic

Règles du forum
Pensez à effectuer une recherche et à consulter la FAQ, la réponse à votre question a de grandes chances d'avoir déjà été donnée ;-).
Dans votre message, n'oubliez pas de mentionner l'URL vers votre livre d'or, cela nous permet de vous aider bien plus efficacement :super:.
raivig
Messages : 7
Inscription : Lun 10 Mars 2014, 10:01

Image de Fond

Messagepar raivig » Mar 11 Mars 2014, 10:38

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
Admin
Admin
Messages : 4072
Inscription : Lun 07 Août 2006, 09:46
Localisation : Lorient
Contact :

Re: Image de Fond

Messagepar Malabar » Mar 11 Mars 2014, 12:38

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
}
Le mâle à barre (Maxime)

raivig
Messages : 7
Inscription : Lun 10 Mars 2014, 10:01

Re: Image de Fond

Messagepar raivig » Mar 11 Mars 2014, 15:07

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
Messages : 7
Inscription : Lun 10 Mars 2014, 10:01

Re: Image de Fond

Messagepar raivig » Mar 11 Mars 2014, 18:49

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
Admin
Admin
Messages : 4072
Inscription : Lun 07 Août 2006, 09:46
Localisation : Lorient
Contact :

Re: Image de Fond

Messagepar Malabar » Mer 12 Mars 2014, 09:21

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 :D ).

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)

raivig
Messages : 7
Inscription : Lun 10 Mars 2014, 10:01

Re: Image de Fond

Messagepar raivig » Mer 12 Mars 2014, 11:35

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
Admin
Admin
Messages : 4072
Inscription : Lun 07 Août 2006, 09:46
Localisation : Lorient
Contact :

Re: Image de Fond

Messagepar Malabar » Mer 12 Mars 2014, 15:52

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;
}
Le mâle à barre (Maxime)

raivig
Messages : 7
Inscription : Lun 10 Mars 2014, 10:01

Re: Image de Fond

Messagepar raivig » Mer 12 Mars 2014, 18:53

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 !


Revenir vers « Personnalisation - tuning »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités