•  » Styles
  •  » Enlever cadre de la lightbox

#1 2016-07-09 23:11:29

clairefond
Membre
2013-02-08
10

Enlever cadre de la lightbox

Bonsoir,

J'ai essayé de suivre les instructions de cette page:
http://fr.piwigo.org/doc/doku.php?id=ut … alites:css

Donc j'ai installé le plugin Firebug pour mon Firefox.

Ensuite, j'ai ouvert une image avec la lightbox, puis trouvé le cadre.
le css à droite était comme suit:

#theImgHighContainer {
    border-radius: 6px;
    padding: 8px !important;
}

Je l'ai modifié en mettant la valeur 0 à padding, ce qui donne cela:

#theImgHighContainer {
    border-radius: 6px;
    padding: 0px !important;
}

Et ça marchait! Il ne me restait plus qu'à intégrer cette modif dans le css de mon thème.
J'ai donc collé ces dernières lignes dans le css de mon thème par defaut (Stripped) à l'aide du plugin LocalFiles editor. (dans :  local/css/stripped-rules.css ). J'ai plus exactement écrit ceci:

// Avec ce code je cache le cadre blanc de la lightbox
 
#theImgHighContainer {
    border-radius: 6px;
    padding: 0px !important;
}

Puis j'ai enregistré les modifications (voir image).

Et là, surprise! Aucun changement sur la galerie, à croire que je n'avais rien fait.
Je crois que j'ai besoin d'un avis éclairé.
D'avance merci
Fabien

Version de Piwigo: 2.8
Version de PHP:
Version de MySQL:
URL Piwigo: http://clairefond.piwigo.com/

Hors ligne

#2 2016-07-30 18:55:11

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Enlever cadre de la lightbox

bonjour,

je dirais d'essayer

#theImgHighContainer {
    border-radius: 0px;
    padding: 0px !important;
   border:0px;
}


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2016-07-31 11:13:55

clairefond
Membre
2013-02-08
10

Re: Enlever cadre de la lightbox

merci beaucoup de la réponse rapide!
cela ne marche toujours pas
j'essaie maintenant de modifier l'arrondi du cadre blanc au lieu de le supprimer.
(comme ça je ne change qu'un seul paramètre)

#theImgHighContainer {
    border-radius: 0px;
    padding: 8px !important;
}

C'est encore la même chose: J'ai mis la valeur  border-radius à 0px, mais la modif, qui marche bien visiblement dans l'inspecteur avec firebug, n'est pas prise en compte lorsque je la copie dans la fenêtre de local file editor.
Pourtant j'ai pensé à enregistrer, à vider le cache de firefox, et à rafraichir les pages.

J'aimerais aussi que le zoom passe en plein écran, mais toutes les modifications seront inutiles tant que je ne comprend pas pourquoi je n'arrive pas à les intégrer pour de bon avec local files editor! si je n'arrive pas à faire ne serait ce qu'une petite modif, c'est que quelque chose d'évident m'échappe?

Dernière modification par clairefond (2016-07-31 12:43:01)

Hors ligne

#4 2016-08-01 12:04:46

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Enlever cadre de la lightbox

Bonjour,

Je dirais que le commentaire faisait que le fichier complet n'était pas lu.
Je viens de changer le commentaire


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2016-08-02 01:31:32

clairefond
Membre
2013-02-08
10

Re: Enlever cadre de la lightbox

Merci pour votre intervention, le cadre n'est plus arrondi!
Mais je n'ai pas compris ce que vous entendiez par "commentaire".
(Du coup je ne comprend pas votre réponse)

Et je ne comprend toujours rien... En effet, j'essaie la modification ci-dessous pour virer le cadre et faire un zoom plein écran :

/* met le zoom lightbox en plein écran (sauf que la couleur du cadre lightbox reste blanche avant zoom)
#theImgHigh {
    position: absolute;
}


/* vire la couleur parasite du cadre lightbox à droite
#theImgHighContainer {
    background: rgba(0, 0, 0, 0) url("/themes/stripped/icon/processing.gif") no-repeat scroll 82px 42px;
    height: 80px;
    position: absolute;
    width: 160px;
}

Or, ça marche avec l'inspecteur, mais ça refuse encore de s'intégrer au site pour de vrai.
Pourquoi la première modif a t'elle fini par passer, et pas cette dernière?

Hors ligne

#6 2016-08-03 07:56:36

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Enlever cadre de la lightbox

Bonjour,

Dans un fichier css les commentaire commence par /* et finisse par */

vous commencez un commentaire /*
vous ne le fermez pas
conclusion tout votre code est considéré comme un commentaire

je viens de mettre à jour votre fichier


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#7 2016-08-04 00:33:56

clairefond
Membre
2013-02-08
10

Re: Enlever cadre de la lightbox

J'ai compris!
Je vais dorénavent respecter cette grammaire.

Peut-être sera-t-il utile pour d'autres de corriger le commentaire donné en exemple en bas de cette page dans la documentation, car sa ponctuation serait susceptible d'induire en erreur:
http://fr.piwigo.org/doc/doku.php?id=ut … alites:css

Merci beaucoup ddtddt pour l'explication et l'intervention rapides, bonne journée.

Dernière modification par clairefond (2016-08-04 10:50:32)

Hors ligne

#8 2016-11-16 04:39:32

celine12
Membre
2016-06-12
10

Re: Enlever cadre de la lightbox

Merci pour les explications j'avais également la même problématique

Hors ligne

  •  » Styles
  •  » Enlever cadre de la lightbox

Pied de page des forums

Propulsé par FluxBB

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