Piwigo.org

Philindy26 · 2013-06-04 20:42:40

Bonjour à tous,

J'aimerais modifier le fond (body) d'un thème en ajoutant une photo.
Dans Configuration / Options, j'ai ajouter :

Code:

<style type="text/css">
        body {
        background-image:url(./local/perso/fond_ecran_01.png);
        }
</style>

Cela fonctionne, mais ce n'est pas formidable en programmation et c'est la même image pour tous les thèmes...

J'ai essayé en css dans le fichier rule du thème avec :

Code:

html, body {
       margin: 0;
       padding: 0;
     }

body {
       background-image:url(./local/perso/fond_ecran_01.png);
    }

et j'ai testé avec #theCategoryPage et #the_page

Mais cela ne fonctionne pas... Je doit manquer quelque chose, mais quoi.....
Après moult recherches sur le wiki et le forum, je n'y arrive pas

Merci pour votre aide et super bravo pour ce travail au quotidien que vous réalisez.

Cordialement,
Philindy26

Dernière modification par Philindy26 (2013-06-04 20:55:35)

flop25 · 2013-06-04 21:12:07

Bonjour
un lien? Est vous sûr du chemin ? Vous devriez utiliser Firebug (cg notre Doc à propos du CSS)

Philindy26 · 2013-06-04 21:23:37

Bonjour Flop25

Ma galerie : www.photos-dromoises.fr

Le chemin est correct...

J'ai essayé avec Firebug, mais cela doit être la syntaxe du code que je ne sais pas...

background-color: white; fonctionne très bien, mais pas background-image:url( ); pour une image

Philindy26

flop25 · 2013-06-04 21:26:16

body {
background-image: url("./local/perso/fond_ecran_01.png");
}
marche très bien. Vous avez certainement un pb de cache de votre navigateur

Philindy26 · 2013-06-04 21:41:48

Flop25 a écrit:
body {
background-image: url("./local/perso/fond_ecran_01.png");
}
marche très bien. Vous avez certainement un pb de cache de votre navigateur

Alors pourquoi cela ne fonctionne pas en CSS...
J'ai essayé sous IE, Chrome, Opéra, Firefox....

Philindy26

flop25 · 2013-06-04 21:47:09

Voys utilisez bien Localfiles Editor ?
Déjà supprimez votre balise style, metter la règle dans Localfiles pour Elegant et ensuite on pourra regarder ensemble

Philindy26 · 2013-06-05 14:10:23

Bonjour Flop25

J'utilise bien Localfiles Editor pour modifier les fichiers en css.

Sur le thème Elegant, j'ai donc rajouté dans le fichier : local/css/elegant-rules.css.

Code:

/* Fond du thème */
html, body {
 margin: 0;
 padding: 0;
 }
body {
      background-image:url(./local/perso/fond_ecran_01.png);
   }

Résultat : cela ne fonctionne pas, je devrais avoir un fond "marbré " en gris et il y a le fond noir original.

Merci beaucoup pour ce temps passé
Cordialement,
Philindy26

flop25 · 2013-06-05 14:19:05

Exactement ce que j'avais dit: le chemin n’est pas bon.
Utilisez firebug! Localfiles enregistre dans local/css/elegant-rules.css donc prenez ce ficher comme réf

Philindy26 · 2013-06-05 18:35:14

Bonjour Flop25

Cela fonctionne après avoir mis le fichier image directement dans le dossier local/css et avec :

Code:

background-image:url(fond_ecran_01.png);

Super je viens d'apprendre 2 choses : en CSS, mettre directement les fichiers image dans le dossier où se trouve le fichier .css et dans le code, ne pas noter le chemin...

Merci beaucoup, je vais pouvoir continuer à tester pour trouver un style...
Super travail, restez toujours comme vous êtes et à bientôt sur le forum.

Cordialement,
Philindy26

Ps: je clôture le sujet.

Dernière modification par Philindy26 (2013-06-05 18:35:49)

flop25 · 2013-06-05 18:37:51

Perso je vous conseillerais de faire un thème enfant

Sinon sans changer l'emplacement de l'image vous auriez pu changer le chemin tout simplement

Philindy26 · 2013-06-05 18:45:53

Mais le chemin que j'avais mis ciblé bien le dossier où était situé l'image...

Code:

background-image:url(./local/perso/fond_ecran_01.png);

Là je ne comprends plus; j'aurais dû mettre le chemin en entier...

Cordialement,
Philindy26

flop25 · 2013-06-05 18:51:18

petit cours express:
/local
____/perso/fond_ecran_01.png
____/css/elegant-rules.css

donc on doit sortir du dossier courant et de /css
Donc ../../perso/fond_ecran_01.png

Philindy26 · 2013-06-05 19:01:29

Super...

Code:

background-image:url(.././perso/fond_ecran_01.png);

Encore une fois merci beaucoup pour tout le temps que vous donnez.

Cette fois-ci le sujet est complet
Cordialement,
Philindy26

Piwigo.org

Annonce

#1 2013-06-04 20:42:40

[Résolu] Ajouter photo en fond de thème

Code:

Code:

#2 2013-06-04 21:12:07

Re: [Résolu] Ajouter photo en fond de thème

#3 2013-06-04 21:23:37

Re: [Résolu] Ajouter photo en fond de thème

#4 2013-06-04 21:26:16

Re: [Résolu] Ajouter photo en fond de thème

#5 2013-06-04 21:41:48

Re: [Résolu] Ajouter photo en fond de thème

Flop25 a écrit:

#6 2013-06-04 21:47:09

Re: [Résolu] Ajouter photo en fond de thème

#7 2013-06-05 14:10:23

Re: [Résolu] Ajouter photo en fond de thème

Code:

#8 2013-06-05 14:19:05

Re: [Résolu] Ajouter photo en fond de thème

#9 2013-06-05 18:35:14

Re: [Résolu] Ajouter photo en fond de thème

Code:

#10 2013-06-05 18:37:51

Re: [Résolu] Ajouter photo en fond de thème

#11 2013-06-05 18:45:53

Re: [Résolu] Ajouter photo en fond de thème

Code:

#12 2013-06-05 18:51:18

Re: [Résolu] Ajouter photo en fond de thème

#13 2013-06-05 19:01:29

Re: [Résolu] Ajouter photo en fond de thème

Code:

Pied de page des forums