Piwigo.org

Sky Roxx · 2011-05-02 13:56:33

Administration demande hébergeur:Free personnalisation

Bonjour à tous,
Je viens de faire un site Piwigo avec le theme STRIPPED et j'ai réussi à tout faire sauf une seule chose : mettre une image de fond pour le site.
Actuellement il y a une couleur de fond que je souhaiterai remplacer par une image ... mais c'est apparemment impossible !! :(

Je ne suis "normalement" pas un débutant, ni en création de site, ni en CSS ..

J'ai modifié ma feuille de style et tout est correctement pris en compte (couleurs, polices , ...etc..), sauf que si j’appelle une image de fond, elle n’apparaît pas (le fond devient blanc) et ça fait concrètement TRES MOCHE .. vu que mon site est très sombre

J'ai essayé avec :

BODY {
background:transparent url(url_de_l_image);
}

BODY {
background:transparent url('url_de_l_image');
}

BODY {
background:transparent url("url_de_l_image");
}

BODY {
background-image url('url_de_l_image');
}

...

rien n'y fait .. :[

Quelqu'un aurait-il une solution à m'apporter svp ?
Ne peut-on pas mettre une image à la place de la couleur en fond sur ce thème en particulier ou j'ai buggé quelque part ?

Merci par avance :p

miko69 · 2011-05-02 18:06:56

As tu essayé par exemple BODY { background: url("http://monsite/monimage.jpg") } ?

Gotcha · 2011-05-02 18:18:48

Sky Roxx a écrit:
J'ai modifié ma feuille de style et tout est correctement pris en compte (couleurs, polices , ...etc..)

Bonjour,
Soit vous avez créait un thème bien à vous et du coup vous travaillez sur votre propre fichier theme.css soit vous utilisez le plugin LocalFiles Editor.
Si rien de tout cela, alors c'est sans doute aussi là qu'est le problème ;-)

Zaphod · 2011-05-02 19:10:49

Sinon, sur quelle page veux-tu mettre l'image de fond ?

Il y a, de base, deux backgrounds sur la page index :
- le background de body en couleur très foncée (#101010)
- le background de #content en gris un peu plus clair (#202020)

Donc il faut jouer sur les deux pour que ton image soit visible.
Mais elle sera toujours cachée par le fond des cadres de miniatures.

miko69 · 2011-05-03 08:00:49

L'image/fond d'arrière plan sur toutes les pages. Effectivement j'ai le même problème si je veux mettre en arrière plan un gif dégradé. Ci jointe capture (j'ai entouré la capture d'un liseret pour bien la voir sur le forum) : effectivement l'arrière plan reste blanc quelles que soient les syntaxes employées.

Dernière modification par miko69 (2011-05-03 08:04:20)

miko69 · 2011-05-03 08:12:19

Bon, j'ai trouvé, ça marche nickel !

La syntaxe est :

Code:

body {background-image: url('fond1.gif');}

Danc ce cas j'ai mis l'image fond1.gif à la racine du thème srtipped.

Ps : dans tes essais, tu a oublié les deux points après background-image.

Dernière modification par miko69 (2011-05-03 08:15:25)

Sky Roxx · 2011-05-03 12:50:52

Re-bonjour à tous et merci d'avoir pris le temps de chercher une solution pour moi !

@miko69: J'ai essayé avec les deux points, sans les deux points, avec des guillemets, sans les guillemets, avec des apostrophes, sans ... etc ...
J'ai aussi testé avec l'image dans le rép racine du thème, à un autre emplacement ... toujours rien !
Ta syntaxe est effectivement correcte si j'en crois mes connaissances en CSS, et j’avais d’ailleurs déjà essayé comme ça, mais ça ne marchait pas chez moi ::(

@Gotcha: J'ai modifié les feuilles via LocalFileEditor ...

@Zaphod: C'est le fond primaire de la page que je souhaitais modifier (background de body donc), avec une semi-transparence sur le conteneur (#content).

Quoi qu'il en soit, j'ai (grâce à vos pistes et quelques heures nocturnes à tapoter sur F5) réussi à trouver la solution :
J'ai modifié via le FTP le fichier "theme.css" directement, et ça fonctionne correctement du coup !!
mais j'ai un peu peur qu'il soit écrasé lors de la prochaine mise a jour du style ... time will tell !!

Un grand merci à tous !

Gotcha · 2011-05-03 12:56:34

La modification que vous avez apporté, il suffit de la repporter dans le fichier stripped-rules.css via LocalFiles Editor.
Attention à l'URL de l'image ;-)

Sky Roxx · 2011-05-03 13:19:01

Gotcha a écrit:
La modification que vous avez apporté, il suffit de la repporter dans le fichier stripped-rules.css via LocalFiles Editor.
Attention à l'URL de l'image ;-)

Oui oui !! :)

en fait, il suffit de mettre son image dans le rep racine du theme et d'appeler uniquement l'image ... comme l'a fait Miko69 ...

chrisncy · 2011-06-19 20:42:25

Hello
Tu pourrais nous mettre le lien du site, qu'on voie le résultat ?

randos · 2012-09-05 08:36:54

Bonjour

cette discussion m'intéresse fortement mais je ne suis pas aussi calé que vous.

Pouvez-vous donc faire un pas à pas pour l'explication sur la technique à utiliser pour changer le background noir de fond en une photo.

J'ai retenu donc :

* il suffit de mettre son image dans le rep racine du theme et d'appeler uniquement l'image
=> via le ftp à quel endroit exactement ?

* fichier stripped-rules.css via LocalFiles Editor.
Attention à l'URL de l'image

=> pouvez-vous être un peu plus précis, j'ai encore jamais utilisé LocalFiles Editor ?

Merci d'avance, c'est 1 des 2 problèmes qui me reste avant de pouvoir lancer ma galerie.

MC

Gotcha · 2012-09-05 09:20:23

* il suffit de mettre son image dans le rep racine du theme et d'appeler uniquement l'image
=> via le ftp à quel endroit exactement ?

Le thème s'appel "stripped". Il y a un répertoire du même nom dans ./piwigo/themes/

* fichier stripped-rules.css via LocalFiles Editor.
Attention à l'URL de l'image
=> pouvez-vous être un peu plus précis, j'ai encore jamais utilisé LocalFiles Editor ?

Dans LocalFiles Editor, onglet CSS, sélectionnez le fichier concernant le thème Stripped et vous collez le code que vous avez trouvé.
Il faut adapter l'URL pour ce que le fichier image corresponde à votre fichier.

randos · 2012-09-05 09:31:39

Ok, je vais voir si je m'en sors avec ces infos et je reviens vers vous si besoin.

merci

randos · 2012-09-05 12:46:30

j'ai pas réussi...

l'URL peut-être ? ça se présenterai comment ?

j'ai mis ça :

body {background-image: url('imagesbackg2.jpg');}

Gotcha · 2012-09-05 14:37:03

Code:

body {background-image: url('http://www.monsite.com/piwigo/theme/mon-theme/imagesbackg2.jpg');}

Piwigo.org

Annonce

#1 2011-05-02 13:56:33

[Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#2 2011-05-02 18:06:56

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#3 2011-05-02 18:18:48

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

Sky Roxx a écrit:

#4 2011-05-02 19:10:49

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#5 2011-05-03 08:00:49

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#6 2011-05-03 08:12:19

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

Code:

#7 2011-05-03 12:50:52

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#8 2011-05-03 12:56:34

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#9 2011-05-03 13:19:01

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

Gotcha a écrit:

#10 2011-06-19 20:42:25

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#11 2012-09-05 08:36:54

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#12 2012-09-05 09:20:23

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#13 2012-09-05 09:31:39

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#14 2012-09-05 12:46:30

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

#15 2012-09-05 14:37:03

Re: [Résolu] Theme STRIPPED et Image de fond - PIWIGO 2.2.1

Code:

Pied de page des forums