SGS : Système de Gestion de Site
Manuel du graphiste
Bloc.css & Bloc_Spe.css
Ces css permettent de définir les caractéristiques des cadres et des boutons qui apparaissent en mode Ajout et Edition.

Voici celle de ce site :

.Bloc_tab Définit la bordure haute & gauche des cadres
{
margin:1px;
border-top: 1px solid red;
border-left: 1px solid red;
}

.Bloc_cell_g Définit la bordure du dessous, la couleur de fond de la cellule qui contient les outils de chaque bloc
{
border-bottom: 1px solid red;
background-color:lightgreen;
text-align:left;
}

.Bloc_cell_d Définit la partie droite de la cellule qui contient les outils de chaque bloc
{
width:100%;
border-bottom: 1px solid red;
border-right: 1px solid red;
background-color:lightgreen;
text-align:right;
}

.Bloc_cell_g_bas Définit la bordure qui ferme le cadre autour de chaque bloc
{
border-bottom: 1px solid red;
}

.Bloc_nom Définit la typo du nom du bloc dans son cadre outil
{
color:black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

.Bloc_txt
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: gray;
font-size: 10px;
float:left;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

.Bloc_action Définit la typo des bouton [Editer] et [-]
{
color: green;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

a.Bloc_action:hover Définit la typo en survol des bouton [Editer] et [-]
{
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

.Bloc_ajout Définit la typo des boutons d'ajout de bloc
{
color: indigo;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

a.Bloc_ajout:hover Définit la typo en survol des boutons d'ajout de bloc
{
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

.Bloc_bouton Définit la typo des boutons Fermer et Valider des fenêtres de création et d'édition des blocs
{
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

a.Bloc_bouton:hover Définit la typo en survol des boutons Fermer et Valider des fenêtres de création et d'édition des blocs
{
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none;
}

.Bloc_saisie Définit les caractéristiques des champs de saisie des fenêtres de création & d'édition des blocs
{
color:white;
border: 1px solid yellow;width:100%;padding:1px;
}
Bloc_Spe.css
Les caractéristiques sont exactement les mêmes que pour Bloc.css, elles définissent celles des outils lorsque la case En ligne est décochée. Ceci permet en mode édition, si les couleurs sont différentes pour les deux fichiers, de savoir d'un seul coup d'œil si les pages ou les blocs sont en ligne ou non.

A moins d'un incompatibilité totale avec la charte graphique de votre site, je vous conseille de ne pas toucher à ces deux fichiers, leurs couleurs ne sont pas belles mais permettent un bonne vision des outils.
Haut de page
SGS  ©2004 - Manuel en ligne