LighBox avec GMapFP

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

  • LighBox avec GMapFP

    Bonjour,

    Aujourd'hui je me suis attaqué au module GMapFP, il me reste une petite interrogation concernant la LightBox (lorsque l'on clique sur le marqueur, une fenetre s'ouvre je suppose que c'est la LightBox - site http://pro.gmapfp.org/fr/le-filtre-et-litineraire, site tres bien fait pour les débutant avec ce module) ...

    Bref, mon probleme vient de la mise en page, elle n'est pas tres belle par défaut, j'ai travaillé dans la partie des Paramètres de gestion et d'affichage de GMapFP (parametres-Affichage), j'ai réussi à la diminuer.

    Ce que je voudrais c'est de mettre une couleur de fond et de faire disparaitre les lignes grises qui se situent autour de mon texte, ensuite aligner le nom B - Brasserie et l'adresse en dessous (Voir fichier joint- J'ai du la diminuer de bcp pour atteindre 19K -désolé)

    je pense que je dois modifier mon fichier CSS (ci dessous) pour obtenir de meilleurs résultats.

    Merci de me donner un coup de main si possible

    Code:
    .gmapfp tr, .gmapfp td {
    	border:none !important;
    }
    label.invalid {
    	color:red !important;
    }
    .gmapfp_article_listing_1 {
    	background-color: #eee;
    }
    .gmapfp_article_listing_1 span{
    	cursor: pointer;
    }
    .gmapfp_article_listing_ span{
    	cursor: pointer;
    }
    .gmapfp_marqueur span {
    	font-weight:bold;
    	font-size: 150%;
    }
    .gmapfp_marqueur img {
    	margin: 10px 10px 0px 0px;
    	float: left;
    }
    .gmapfp_marqueur h4 {
    	font-style: italic;
    	font-weight: bolder;
    }
    .gmapfp_detail h4 {
            display: none;
    	
    }
    .gmapfp_taille1{
    	width: 200px;
    }
    .gmapfp_taille2{
    	width: 200px;
    }
    .gmapfp img {
    	border-style: none;
    	max-width: none;
    }
    .clr, .clearboth {
    	clear: both;
    }
    #gmapfp_print h1{
    	text-align: center;
    }
    #gmapfp_print h4{
    	font-style: italic;
    	font-weight: bolder;
    }
    .main_image{
    	width: 300px;
    }
    
    #gmapfp_print label{
    	font-weight: bold;
    }
    .colonne1 {
    	width:50%;
    }
    .colonne2 {
    	width:50%;
    }
    Fichiers joints
    Dernière édition par zepelin57 à 08/02/2013, 16h33 Raison: Pière d'utiliser la balise code

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X