Css categorie phoca galerie

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Css categorie phoca galerie

    Bonjour,
    je suis à la recherche d'une méthode pour mettre en forme l'affichage de mes catégories phoca. je vous joint une image pour une meilleur compréhension. Le bas de l'image est le résultat auquel je voudrais arriver.

    J'ai remplacé l'image "icon-folder-medium.png" par celle que je voulais, et je voulais savoir, s'il était possible à l'aide du css de superposer le titre de la catégorie sur l'image "icon-folder-medium.png" (voir le fichier joint). Je ne sais pas quelle class de "Phoca" renseigner.

    Est ce la bonne méthode ? y à t'il une autre solution plus simple ?
    J'ai regardé dans les nombreuses options de Phoca mais sans succès.

    merci d'avance de vos conseils.
    Fichiers joints
    Dernière édition par El Pedro à 08/05/2012, 01h43

  • #2
    Re : Css categorie phoca galerie

    Je viens de mettre en ligne une version provisoire du site, ce sera peu etre plus simple, c'est par ici

    Commentaire


    • #3
      Re : Css categorie phoca galerie

      Si j'étais toi, je ne gèrerai pas ça en css. Je ne connais pas phoca galerie mais dans l'idée, je pense qu'il vaut mieux mettre une image de fond sur ta div "pg-cat-img-detail small" et supprimer le tableau avec l image existante...
      Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
      Des tutos et astuces sur mon blog www.lestutosdelucho.fr

      Commentaire


      • #4
        Re : Css categorie phoca galerie

        merci lucvillalba,
        pour ton aide, je mets ci-dessous le bout de code si cela peux aider d'autres personnes dans mon cas.
        Tu m'a aiguillé et en fait, il fallait régler les paramètres des catégories phoca sur images seulement et ajouter le code ci dessous dans le css.

        Code:
        /***********************************/
        ul.pg-cats-list li {
            background: url("../../../images/bg-cat-phoca.png") no-repeat scroll left top transparent;
            font-size: 30px;
            height: 150px;
            padding: 56px 20px 20px 41px;
        }
        
        .pg-cats-box-float {
            float: left;
            left: 85px;
            position: relative;
            top: 50px;
        }
        /***********************************/
        Dernière édition par El Pedro à 09/05/2012, 06h42

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X