Images en arrière plan

[claude258]

Bonjour,

Savez-vous comment faire pour avoir des image en arrière plan comme sur ce site?
http://www.bushpilotbiking.com/gallery/index.php

Comment mettre des images en arrière plan? Est-ce possible avec le theme Eyeball? Est-ce possible avec d'autre themes?

Merci.
claudebriere.net

[cl9m]

Bonjour,

oui je sais comment faire
c'est possible avec tout les thèmes

Voila j'espère que j'ai répondu à ta question 

alors dans ton thème tu édites le .css tu rajoutes dans la balise body

Code Select Expand

background: #couleur url(chemin/imadedefond.jpg) no-repeat left top fixed;

après ça tu risque de poser la question de la transparence, il y a plusieurs solutions
dans le cas du site pris en exemple c'est du .png transparent répété sur l'axe y
pour faire du png transparent il te faut un éditeur image type the gimp, photoshop, corel draw, paintshop pro, ...

Code Select Expand


#navigation {
float: left;
width: 748px;
background:url(images/container-bkg.png) repeat-y left;
padding-left:130px;
color:#FFF;
}


[claude258]

Merci pour la réponse.

Mais j'ai ajouté le code au style.css de Eyeball et rien n'apparait en image de fond.

J'ai ajouté le code sous Body de la façon suivante. Ai-je fais une erreur?

Code Select Expand

body
background: #couleur url(http://claudebriere.net/coppermine/IMG_3330-1.JPG) no-repeat left top fixed;
{
        font-size : 12px;
        margin: 0px;
}
h1{
        font-weight: normal;
        font-size: 24px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #EEEEEE;
        margin: 0px;
}

[François Keller]

essaye avec ça

Code Select Expand

body

{
        color : #FFFFFF;
        background-image :url(http://claudebriere.net/coppermine/IMG_3330-1.JPG) no-repeat left top fixed;
        font-size : 12px;
        margin: 0px;
}
h1{
        font-weight: normal;
        font-size: 24px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #EEEEEE;
        margin: 0px;

[cl9m]

si ce que te donne François ne marche tjrs pas test ça
met ton image de fond dans themes/eyeball/images

Code Select Expand


body

{
        color : #FFFFFF;
        background-image :url(images/imagebackground.jpg) no-repeat left top fixed;
        font-size : 12px;
        margin: 0px;
}



[edit by PYAP] Double URL supprimée [/edit]

[claude258]

Merci beaucoup pour vos suggessions, je les essai dès que possible.

Question: je crois que ceci donnera toujours la même image en arrière plan. Comment faire pour avoir des images différentes sur chaques pages comme sur le site que j'ai donné en exemple? http://www.bushpilotbiking.com/gallery/index.php

Claude

[claude258]

OK, j'ai essayé les modifications que vous avez mentionnées et même quelques autres mais rien ne change. J'ai même effacé completement le fichier style.css et rien ne change. Tout fonctionne normalement et comme si de rien n'était. 

Est-ce bien le fichier style.css du theme Eyeball que je dois modifier?

Je suis confus....

Claude

[François Keller]

oui, normalement c'est bien ce fichier qu'il faut modifier.
Maintenant, il faut vérifier qu'il n'y ait pas aussi des indications "en dur" dans le code du fichier template.html au niveau de la balise body

[claude258]

Maintenant, il faut vérifier qu'il n'y ait pas aussi des indications "en dur" dans le code du fichier template.html au niveau de la balise body

François, qu'est-ce que ''en dur''? Une ligne de code? Le fichier template.html est simplement celui du theme Eyeball. Est-ce qu'il y aurait des indications ''en dur'' dans ce fichier?

J'ai aussi essayé de modifier le fichier style.css du theme Digital Red mais ça n'apporte aucun changement également.

Claude

[François Keller]

En fait je viens de faire un essai en local chez moi et ça semble plus compliqué:
il faut commencer par rendre transparent toutes les tables qui ont actuellement un fond noir.
ensuite ça devrait pourvoir coller,
pour ça c'est dans la section /* Background colors definition */ qu'il faut travailler en plaçant background-color: transparent; dans les classes. Chez moi ça marche

[claude258]

J'ai réussi à mettre une image de fond mais j'ai du mal à rendre le tableau principal un peu transparent. Si j'utilise la fonction OPACY ça rend bien le fond du tableau transparent mais le texte et les images sont également transparents.  (voir image joint)
Est-ce possible, par exemple, de rendre le fond du tableau principale 50% transparent avec le texte et les images sans aucune transparence?

Voici ce que j'ai utilisé dans style.css (modification du theme Anabolica):

.maintable {
background-color: #87CEFA;
border: 1px solid #D1D7DC;
color: #000000;
filter: alpha(Opacity=50, FinishOpacity=40, Style=1, StartX=100, StartY=0, FinishX=0, FinishY=0);
}

[cl9m]

dans l'exemple précédent que tu nous a montré la transparence est fait avec du png (à transparent à  60%) en arrière plan des cellules du tableau.
sinon il y a ça aussi : http://www.mandarindesign.com/opacity.html

[fil6718]

Je trouve cette discussion très intéressante et je vais voir comment mettre en place cet effet sur ma galerie. Le top serai d'avoir un photo aléatoire prise dans la galerie...

[Pascal YAP]

Le script compagnon de Coppermine CpmFetch peut vous y aider, mais les transparences ne seront pas possibles puisque vos images ne sont pas transparentes autant que je saches