•  » Styles
  •  » [1.7.1] Images de fond edito menubar

#1 2008-11-22 09:32:33

Viperscott.fr
Membre
2008-06-28
9

[1.7.1] Images de fond edito menubar

Bonjour,

Version : PhpWebGallery 1.7.1
Thème : Viper, copie et modif de p0w0

      Je viens de mettre en place l'édito et après plusieurs tentatives, recherche sur le forum et wiki..
je n'arrive pas à afficher l'image de fond sous Viperscott.fr, le dégradé bleu vers blanc comme
celui de l'accueil en dessous...
A première vue la css est prise sur le menu d'après la police d'écriture...
J'ai retourné tout les fichiers css et autre .. que j'ai modifier pour mettre l'édito et pas moyen de trouvé
ou je dois insérer mon background-image...

  Si quelqu'un peu m'éclairer ?  :/

Hors ligne

#2 2008-11-22 09:44:51

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: [1.7.1] Images de fond edito menubar

dans theme.css tu as écrit:

#edito {
background-color:#EEEEFF;
}

et si tu codais:

#edito {
background-color:transparent;
}


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#3 2008-11-22 14:05:16

Viperscott.fr
Membre
2008-06-28
9

Re: [1.7.1] Images de fond edito menubar

Non cela ne fonctionne pas, ça agit sur la couleur de fond sous le texte de présentation de mon édito dans le tableau et pas dans le bandereau édito (ici renommé en Viperscott.fr)

Wiki,edito a écrit:

* éditer le fichier theme\p0w0\theme.css et changer :

Code:

/******************************************************************************/
/* Backgrounds Only */
BODY { background: #cde; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
#content, DIV.content { background-color: #dfe8ff; }

en :

Code:

/******************************************************************************/
/* Backgrounds Only */
BODY { background: #cde; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
#content, DIV.content, #edito { background-color: #dfe8ff; }

Donc j'en est fais un copier/coller

Pour afficher mon image sous les catégorie j'ai codé un truc du style :

Code:

  #menubar DT, #content H2 {
  => background-image: url(images/button-bg.png); <=
  border: 0px;
  margin-bottom: 3px;
}

Créer un Edito

Dans le index.tpl on crée un div edito

Code:

<div id="edito">
  <div>
    <h2>Edito</h2>
  {EDITO_CONTENT}
  </div>
</div>

J'ai tenté donc de mettre dans le même esprit pour agir sur le h2

Code:

/******************************************************************************/
/* Backgrounds Only */
BODY { background: #cde; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
#content, DIV.content, => DIV.edito <= ,#edito { background-color: #dfe8ff; }

Mais apparemment aucun impact sur le site...

'content' correspond à quoi ?

'MenuBar' c'est l'intitulé de la catégorie ?

#edito, fait référence directement au fichier edito.html ?

(désolé je ne connais pas le php, je 'bidouille' avec mon niveau html css et avance en voyant le résultat..)

Dernière modification par Viperscott.fr (2008-11-22 14:52:28)

Hors ligne

#4 2008-11-22 15:21:21

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: [1.7.1] Images de fond edito menubar

Il n'y a pas une ligne de php dans ce que tu nous montres (ou demandes) mais uniquement du css.


Remets comme c'était avant:

/* Backgrounds Only */
BODY { background: #cde; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
#content, DIV.content { background-color: #dfe8ff; }

puis ajoute juste:

#edito h2 { background: url(images/button-bg.png) repeat scroll 0 0; }


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#5 2008-11-22 15:21:50

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: [1.7.1] Images de fond edito menubar

F5 ensuite pour rafraichir le cache.
8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#6 2008-11-22 17:21:19

Viperscott.fr
Membre
2008-06-28
9

Re: [1.7.1] Images de fond edito menubar

VDigital a écrit:

Il n'y a pas une ligne de php dans ce que tu nous montres (ou demandes) mais uniquement du css.

Je sais bien, je parlais des autres étapes de l'installation, je pensais avoir fait une erreur :P

La formule gagnante est :

Code:

/* Backgrounds Only */
BODY { background: #cde; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
#content, DIV.content, #edito { background-color: #eeeeff; } /* Backgrounds tableau des miniatures + edito */

#edito h2 { background: url(images/button-bg.png) repeat scroll 0 0; } /* Backgrounds intitulié edito */

Merci beaucoup VDigital :D
Et aussi un grand merci à toutes l'équipes pour la galerie :)

Dernière modification par Viperscott.fr (2008-11-22 17:21:54)

Hors ligne

#7 2008-11-22 17:23:57

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: [1.7.1] Images de fond edito menubar

On n'utilise plus l'édito mais PWG Stuffs

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#8 2008-11-22 17:35:40

Viperscott.fr
Membre
2008-06-28
9

Re: [1.7.1] Images de fond edito menubar

Je l'ai installé, je l'ai trouvé pendant mes recherches sur le forum,
mais bêbête comme je suis, je viens de capté que pour l'installer il suffit
juste de mettre le fichier dans plugin pour qu'il apparaisse dans l'administration,
Lol j'ai encore beaucoup à apprendre lol

Je vois ça ces prochains jours, merci encore

Dernière modification par Viperscott.fr (2008-11-22 17:37:52)

Hors ligne

  •  » Styles
  •  » [1.7.1] Images de fond edito menubar

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact