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...

 131320 visiteurs

 2 visiteurs en ligne

Photos

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 3630 fois


Vous êtes ici :   Accueil » Photos