Le style de GuppY - Ordre alphabétique

GÉNÉRAL

Outils
- Webdevelopper
Structure

INDEX

Blocs

Boîtes latérales

Menu Extra (Ajoute-menu)

Ordre alphabétique

Trucs et astuces

Lien dans titre d'article

À noter

Calendrier

Préférences

Se reconnecter
---

40 membres

Connectés :

( personne )

Visites

118332 visiteurs

8 visiteurs en ligne

Ordre alphabétique - Calendrier

Cet article est disponible en format standard RSS pour publication sur votre site web:
http://cssguppy.astrographisme.com/data/artfr.xml

.cal { /*tout le calendrier*/
border-collapse: separate;
border: 1px solid #0F0F0F;
border-spacing: 1px;
color:inherit;
background-color: #FFFFCC;
}
.cal a { /*couleur du lien du calendrier*/
color: #FFFFCC;
}
.cal a:hover { /*couleur du lien survolé du calendrier*/
color: #800000;
}
tr.cal { /* mois */
font: 12px Arial, Helvetica, sans-serif;
color: #0033FF;
background-color: #0F0F0F;
text-align: center;
}
td.cals { /* jours de la semaine - lettres*/
font: 12px Arial, Helvetica, sans-serif;
color: #0033FF;
background-color: #FFFFCC;
width: 14%;
text-align: center;
}
td.cal0 { /*cellules vides*/
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #FFFFFF;
width: 14%;
text-align: center;
}
td.cal1 { /*jours - chiffres */
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #FF99CC;
width: 14%;
text-align: center;
}
td.cal2 { /*aujourd'hui */
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #FF00CC;
width: 14%;
text-align: center;
}
td.cal3 { /*dimanche ou jour férié */
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0F0F0F;
width: 14%;
text-align: center;
}
td.cal4 { /*aujourd'hui si dimanche ou jour férié */
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #FFCC33;
width: 14%;
text-align: center;
}
td.calevt { /*événement*/
font: bold 12px Arial, Helvetica, sans-serif;
color: #0033FF;
background-color: #FF0033;
text-decoration: underline;
text-align: center;
width: 14%;
}

On peut encadrer une cellule, par exemple, les jours où il y a un événement.

Dans td.calevt, ajouter la ligne :

border : 1px outset #000000;

Voir ici les possibilités de bordures

Date de création : 07/10/2007 @ 22:49
Dernière modification : 12/10/2007 @ 22:19
Catégorie : Ordre alphabétique
Page lue 1600 fois

Prévisualiser Imprimer l'article