By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.

SKINS TUTO

GuppY Help Center


PRESENTATION
BOXES
SERVICES
JQUERY
BULK
EXAMPLES
Currently...

 121884 visitors

 1 visitor online

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

Associated keywords

Creation date : 24/08/2013 15:19
Last update : 20/07/2014 10:52
Page read 3455 times


You are here :   Home » Photos