Annonce

  •  » Styles
  •  » [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

#1 2008-03-31 20:37:58

ph7
Membre
2008-03-13
41

[Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

Bonjour!

ma barre de menu est horizontale. Cela me pose un problème lorsque je déroule les menus car les menus déroulés se superposent avec mes miniatures.

Pour mes pages thumbnail, j'ai mis un "espace" plus grand entre le bas de la barre menu et le haut de ma première ligne de miniatures en entrant le code suivant dans CSS/template-common/local-layout.css : #content ul.thumbnails  { margin:6em; }
ça marche!
J'aimerai faire la même chose pour ma page galleries et les pages sous-catégories mais je n'arrive pas à entrer un code correct. J'ai contourné le problème en créant des catégories et des sous-catégories "invisible"  que je place en premier pour créer ces espaces mais il doit y avoir mieux à faire.
Si quelqu'un pouvait me conseiller.

Merci.

Dernière modification par ph7 (2008-03-31 23:47:03)

Hors ligne

#2 2008-03-31 20:44:45

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

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

On pourra te conseiller avec un lien...
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

#3 2008-03-31 20:50:36

ph7
Membre
2008-03-13
41

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

Merci de votre demande.
voila l'adresse du site
http://herve.boutet.free.fr/phpwebgallery

quand vous allez regarder le code vous allez grimper au rideau : je suis "sanglier" avec le code (j'y connais pas grand chose)
cordialement.

Hors ligne

#4 2008-03-31 21:56:50

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

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

ph7 a écrit:

quand vous allez regarder le code vous allez grimper au rideau : je suis "sanglier" avec le code (j'y connais pas grand chose)
cordialement.

Pas méchant, et le résultat est sympa.
Pourtant, il faut commencer par corriger des détails...

./template/yoga/thumbnails.tpl

  <li class="{thumbnails.line.thumbnail.CLASS}">
    <span class="wrap1">
      <span class="wrap2">
        <a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
            <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
        alt="{thumbnails.line.thumbnail.IMAGE_ALT}"

            <!-- GIGI EMPECHER LES BULLES D IMAGES DE S AFFICHER -->
        <!-- title="{thumbnails.line.thumbnail.IMAGE_TITLE}"> -->
            <!-- FIN MODIF -->
        </a>
      </span>
...

on remplace avec
  <li class="{thumbnails.line.thumbnail.CLASS}">
    <span class="wrap1">
      <span class="wrap2">
        <a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
            <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
        alt="{thumbnails.line.thumbnail.IMAGE_ALT}">

            <!-- GIGI EMPECHER LES BULLES D IMAGES DE S AFFICHER -->
        <!-- title="{thumbnails.line.thumbnail.IMAGE_TITLE}"> -->
            <!-- FIN MODIF -->
        </a>
      </span>

Mais j'ai surtout besoin de screenshoots modifiés pour voir ce que tu veux obtenir...
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

#5 2008-03-31 22:27:22

ph7
Membre
2008-03-13
41

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

merci de votre réponse et de votre appréciation.

j'ai fait le remplacement demandé. Merci

Je pense que ce serait plus simple pour moi que je vous explique en écriture et que vous regardiez en même temps les pages du site, si vous le voulez bien.

Sur la page galleries, actuellement entre la barre "Accès membre - Galeries" et la première catégorie visible (Portraits) j'ai été obligé de créer une catégorie invisible pour qu'il y ait de l'espace. C'est pas très correct. Je voudrais pouvoir supprimer cette catégorie invisible (facile à faire) et créer de l'espace afin que les divers menus déroulants ne viennent pas empiéter sur les vignettes.

Sur la page "Travaux personnels" (elle n'a pas de sous-catégorie invisible), je voudrais faire la même chose que ci-dessus pour les sous-catégorie.

La largeur de ces espaces devrait identique à celle que j'ai faite pour les thumbnails ( margin : 6em).

J'espère que j'ai été assez clair.

Cordialement.

Hors ligne

#6 2008-03-31 23:23:27

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

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

("Sur la page galleries, actuellement ... ": Dans nos galeries, aucune page n'est appelée galleries. index, admin, picture, mais pas de galleries).


Supprimez votre catégorie fantôme...

Puis à la fin de votre theme.css (./template/yoga/theme/hk-3/theme.css ou d'un local-layout.css) ajoutez:

#content ul.thumbnailCategories {
  padding:120px 0px 0px 0px;
}

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

#7 2008-03-31 23:46:11

ph7
Membre
2008-03-13
41

Re: [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

Merci VDigital pour ce code. C'est exactement ce que je voulais.

C'est magique ; On est confronté à un problème, on passe l'après-midi dessus sans le résoudre et le père noël passe par la cheminée et dépose dans vos petits souliers le code que l'on ne trouvait pas.

Merci père noël !!!

Et bien, mon site avance et il ne me reste plus que 2 ou 3 petits détails à règler.

Je vais abuser de votre diligence et faire un nouveau post pour l'agencement des miniatures.

Bonne fin de soirée et encore merci

Hors ligne

  •  » Styles
  •  » [Résolu] Yoga hk-3 : espace entre barre de menus et vignettes

Pied de page des forums

Propulsé par FluxBB

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