Annonce

  •  » Plugins
  •  » [Résolu] Random Header : peut on centrer horizontalement l'image

#1 2011-10-21 16:13:48

scalp77
Membre
Dettwiller
2011-04-29
106

[Résolu] Random Header : peut on centrer horizontalement l'image

Bonjour,

Ma question doit paraitre bête, mais est il possible de centrer l'image de la bannière dans le sens horizontale.
Car, selon le niveau de zoom ou la résolution du navigateur ou de l'écran, l'image reste toujours à gauche.
Alors que le texte du header de la galerie, lui reste toujours centré.

J'ai essayer de saisir 2 - 3 truc dans les cases proposées dans la config du plugin mais sans succès.
Faut dire que je n'y connais rien en langage (CSS, HTML ou autre), j'essaie mais je manque de temps...

J'utilise Piwigo 2.1.6 (très bientôt 2.3)
FAI : Free
Random Header v2.1.2
Thèmes : clear, dark, wipi

Merci d'avance
Cordialement

Dernière modification par scalp77 (2011-10-21 18:53:41)


Une mauvaise vue ne doit pas vous empêcher de faire ce que vous aimez : dans mon cas, de la photo !..
http://scalp77.fr/photo/

Hors ligne

#2 2012-03-03 13:50:18

websigns
Membre
Montpellier
2010-05-27
66

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Je ne sais pas comment Random Header affiche les images d'en-tête et ça peut poser problème.
Ce plugin pause beaucoup de problème d'ailleurs il semble.

En tout cas pour centrer horizontalement quelque chose le mieux est de passer par la règle de style "text-align:center;" que tu applique à l'objet qui contient ce que tu veux centrer.
Au besoin tu peux créer un objet container exprès pour.
Exemple :
<span style="width:100%;text-align:center;"><img src=" chemin/vers/ton/image.ext"></span>
Là "width" permet d'occuper toute la largeur disponible et "text-align" de centrer le contenu.

Si tu connais l'ID du container tu peux passer par l'ajout d'une règle dans la feuille de style via Localfiles Editor. Mais là ca devient plus délicat ;)
Donne nous plutôt l'adresse de ton site, j'y jetterais un coup d'oeil.

Hors ligne

#3 2012-03-03 17:13:39

scalp77
Membre
Dettwiller
2011-04-29
106

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Merci pour ces infos.

J'avais tenté quelque chose du genre  "text-align:center;" mais sans succès.
C'est directement dans le plugin que l'on indique le dossier ou se trouve les photos à afficher.
A moins de modifier le plugin dans "local file editor" (et la je suis trop nul pour le faire) je pense que l'on ne peut pas autrement.

Mais si vous voulez jetter un oeil :
http://scalp77.free.fr/photo/

Merci de votre interet.

Cordialement


Une mauvaise vue ne doit pas vous empêcher de faire ce que vous aimez : dans mon cas, de la photo !..
http://scalp77.fr/photo/

Hors ligne

#4 2012-03-05 21:53:51

websigns
Membre
Montpellier
2010-05-27
66

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Alors à priori c'est très simple :
il faut coller ce qui suit dans la feuille CSS de Localfiles Editor

#theHeader{background-position:50% 0%;}

à la place des % on peut utiliser "center top"

En effet le plugin semble composer une image à partir de plusieurs thumbnails et l'attribuer au fond de bloc d'en-tête #theHeader.
Heureusement on peut le positionner ou on veut

Y'a plus qu'à ;)

Hors ligne

#5 2012-03-05 23:33:38

scalp77
Membre
Dettwiller
2011-04-29
106

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Bonsoir,

Merci pour cette estuce mais qui ne convient malheureusement pas dans mon cas.
Cette formule fonctionne uniquement si je lui fait placer l'image avant ou après le text mais pas en fond.
(en même temps je m'y attendais un peu, comme indiqué dans le plugin "#RandomImage : inactif en image de fond").
C'est pour cela que ça devient trop compliqué pour moi. Il faudrait pouvoir le modifier via local file editor je pense.
Mais bon, à terme je pense ma rabatre sur votre soluce.

PS: ce n'est pas le plugin qui composer une image à partir de plusieurs thumbnails, mais moi qui est créé un dossier avec plusieur patchwork pour donner cette impression.

Encore merci
Cordialement


Une mauvaise vue ne doit pas vous empêcher de faire ce que vous aimez : dans mon cas, de la photo !..
http://scalp77.fr/photo/

Hors ligne

#6 2012-03-06 12:45:05

repie38
Former Piwigo Team
grenoble
2006-05-23
678

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

websigns a écrit:

Ce plugin pause beaucoup de problème d'ailleurs il semble.

ah bon ? lesquels ?


scalp, en mode image de fond :

Style CSS additionnel :
#theHeader :

Code:

background-position:center;

Hors ligne

#7 2012-03-06 14:43:49

websigns
Membre
Montpellier
2010-05-27
66

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

heu je ne comprends pas Scalp ...
As tu bien collé la ligne de code CSS que je t'ai indiqué dans la page CSS du plugin Localfiles editor ?
Parceque j'ai testé par un autre moyen mais identique  dans le résultat et ça marche très bien.

@repie38
Ca ne me revient pas comme ça mais j'ai parcourus les derniers messages du forum et ce plugin est cité plusieurs fois lors de problèmes divers.
Du coup j'hésite franchement à l'installer pour tester ^^

Hors ligne

#8 2012-03-06 18:45:04

scalp77
Membre
Dettwiller
2011-04-29
106

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Bonjour,

Merci à tous les deux !
Ça FONCTIONNE !!! -:)

websigns : Désolé, mais quand j'ai essayé hier soir, je sais pas ce que j'ai foutu, mais ça passait pas...
Je ne devais plus être très frais vu l'heure...

repie38 : désolé pour le dérangement, c'était si simple.

Il va vraiement falloir que je bosse le PHP et le CSS...

Sinon en ce qui concerne ce plugin, je l'utilise depuis sa sortie (rev 0.1) à l'époque sur phpwebgallery 1.7 et je n'ai jamais eu de problèmes avec ni conflits avec d'autres plugins.

Encore Merci à vous 2

Cdlt
Scalp


Une mauvaise vue ne doit pas vous empêcher de faire ce que vous aimez : dans mon cas, de la photo !..
http://scalp77.fr/photo/

Hors ligne

  •  » Plugins
  •  » [Résolu] Random Header : peut on centrer horizontalement l'image

Pied de page des forums

Propulsé par FluxBB

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