Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Images en arrière plan  (Read 11858 times)

0 Members and 1 Guest are viewing this topic.

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Images en arrière plan
« on: May 03, 2009, 05:19:22 pm »

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
Logged

cl9m

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 118
Re: Images en arrière plan
« Reply #1 on: May 04, 2009, 07:36:14 am »

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  ;D

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

Code: [Select]
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]
#navigation {
float: left;
width: 748px;
background:url(images/container-bkg.png) repeat-y left;
padding-left:130px;
color:#FFF;
}
Logged

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Re: Images en arrière plan
« Reply #2 on: May 05, 2009, 03:55:47 am »

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]
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;
}
Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9094
  • aka Frantz
    • Ma galerie
Re: Images en arrière plan
« Reply #3 on: May 05, 2009, 07:25:15 am »

essaye avec ça

Code: [Select]
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;
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

cl9m

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 118
Re: Images en arrière plan
« Reply #4 on: May 05, 2009, 07:48:18 am »

si ce que te donne François ne marche tjrs pas test ça
met ton image de fond dans themes/eyeball/images
Code: [Select]
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]
« Last Edit: May 05, 2009, 10:45:50 am by Pascal YAP »
Logged

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Re: Images en arrière plan
« Reply #5 on: May 05, 2009, 07:18:04 pm »

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

Logged

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Re: Images en arrière plan
« Reply #6 on: May 06, 2009, 04:32:07 am »

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
Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9094
  • aka Frantz
    • Ma galerie
Re: Images en arrière plan
« Reply #7 on: May 06, 2009, 07:14:38 am »

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
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Re: Images en arrière plan
« Reply #8 on: May 06, 2009, 07:04:16 pm »

Quote
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

Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9094
  • aka Frantz
    • Ma galerie
Re: Images en arrière plan
« Reply #9 on: May 06, 2009, 09:36:54 pm »

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
« Last Edit: May 06, 2009, 09:43:20 pm by François Keller »
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

claude258

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 150
    • Album photos Brière
Re: Images en arrière plan
« Reply #10 on: May 09, 2009, 06:02:48 am »

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):
Quote
.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);
}
Logged

cl9m

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 118
Re: Images en arrière plan
« Reply #11 on: May 11, 2009, 10:44:25 am »

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
Logged

fil6718

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 34
Re: Images en arrière plan
« Reply #12 on: May 13, 2009, 02:20:33 pm »

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...
Logged

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Images en arrière plan
« Reply #13 on: May 13, 2009, 03:11:33 pm »

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 ;)
Logged
Pages: [1]   Go Up
 

Page created in 0.026 seconds with 20 queries.