En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

TUTO SKINS

Centre d'Aide GuppY


PRÉSENTATION
SERVICES
JQUERY
EN VRAC
EXEMPLES
En ce moment...

 121886 visiteurs

 1 visiteur en ligne

La 1ère page PHOTOS est construite sur ce modèle :

photos.png

/***********************************************/

.phrubr { /* catégories des galeries */
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #c00000;
    background: transparent;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
}
.phrubr2 { /*titre galerie*/
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: transparent;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 0px;
    border: 0px;
    cursor: pointer;
}
.phrubr2 a { /*lien du titre de la galerie*/
    color: #000;
}
.phsubrubr { /*titre galerie et nombre photos*/
    text-align: justify;
    padding-left: 35px;
    background: #ffcc00; /*jaune*/
}
.phitem2 { /*position de la puce du titre de la galerie*/
    float: left;
    text-align: right;
    margin-left: 20px !important;
    margin-left: 12px;
    height: 15px;
}
.phcomment { /*commentaires de la galerie*/
    font: bold 15px Verdana, Arial, Helvetica, sans-serif;
    color: #c00000; /*rouge*/
    padding: 0 10px;
}
.phimgs { /*ensemble des photos - cadre exterieur*/
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    margin: 5px;
    background-color: #058741; /*vert*/
    padding: 10px 5px 5px 5px;
}
.phimgs2 { /*ensemble des photos - cadre interieur*/
  padding-left: 4px;
  background: #000; /*noir*/
}
.phimg { /*fond des photos par colonne*/
    background: #1e8fff; /*bleu*/
}
.phcpt { /*indication du nombre de photos dans le titre*/
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    float: right;
    font-weight: normal;
    padding: 0px 6px;
}
.phtitlebox { /*titre de la galerie dans le photorama*/
  text-align:center;
  margin-bottom:6px;
}

/******************************************/

La page suivante, où sont visibles les vignettes des photos, est uniquement composée de la classe .rep

Mots-clés associés

Date de création : 24/08/2013 15:19
Dernière modification : 20/07/2014 10:52
Page lue 3456 fois


Vous êtes ici :   Accueil » Photos