ImcNantesLog
Table of content :
Log du boulot sur le nouveau site.
13/12/06 sieste, karacole, bertagaz
- ajout du module agenda géré par style.css
/* Ce qui gere la mise en page du bloc agenda */
div.agenda
{
padding: 2px 2px 2px 2px;
margin: 80px 0px 0px 0px;
color: #000000;
background-color: #eff1f1;
border: 1px solid #d8dcdc; /* solid veut dire continu */
}
/* le titre agenda */
H4.agenda
{
color : #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 2px 0px 4px 0px;
margin: 0px 0px 0px 0px;
border: 2px 2px 2px 2px;
float: none;
background-color: #eff1f1;
border-bottom: 1px #CC0000 dashed;
}
/* gestion des liens */
A.agenda:link {
COLOR: #000000;
TEXT-DECORATION: none;
font-size: 12px;
}
A.agenda:visited {
COLOR: #000000;
TEXT-DECORATION: none;
}
A.agenda:hover {
COLOR: #000000;
TEXT-DECORATION: underline;
}
A.agenda:active {
COLOR: #000000;
TEXT-DECORATION: none;
}
12/12/06 sieste, karacole, bertagaz
- relooke l'affichage de la desciption de l'article en colonne centrale
common.css
div.feature-title
{
margin: 0px 0px 7px 0px;
padding: 0px 0px 10px 0px; <- espace un peu le titre et les infos de date/auteurice
..
}
div.feature-subtitle
{
margin: 2px 0 8px 0; <- espace les infos date/auteurice de la description de l'article
}
div.feature-content{
padding: 0px 10px 10px 15px; <- marge a gauche et a droite des bords du cadre
text-align: justify;
text-justify: newspaper;
font-family: Trebuchet;
font-size: 13px;
}
- Bien mis les boites avec des espaces identique
common.css
BODY {
MARGIN: 0px; ; MARGIN-LEFT: 0px; MARGIN-RIGHT: 15px; PADDING: 0px; ..... <- marge a droite de la page
}
styles.css
td.indypagebody{
MARGIN: 0px 0px 0px 0px;
PADDING: 5px 45px 0px 15px; <- espace la colonne centrale de la barre du haut et colonne de droite
...
}
table.indyrightcolumn-gallery{
margin-top: 15px; <- espace colonne de droite et barre du haut
}
- Agrandi un peu la colonne de droite (stles.css)
td.indyrightcolumn{
WIDTH: 250px;
...
}
div.indyrightcolumn
{
MARGIN: 0;
padding: 0px 4px 20px 10px; <- marges colonne de droite
}
- Plus de rouge en colonne centrale et dans le newswire
A.indyrightcolumn:link { <- lien vers /titre de l'article dans le newswire
COLOR: #000000;
TEXT-DECORATION: none;
font-weight: bold; <- gras
font-size: 12px; <- taille
}
H4.indyrightcolumn{
...
border-bottom: 1px #CC0000 dashed; <- bordure sous le titre du newswire
}
.indyrightcolumnauthor { <- auteurice de l'article dans le newswire
...
COLOR: #CC0000; <- en rouge
}
.indyrightcolumncomments { <- nombre de commentaires dans le newswire
...
COLOR: #CC0000 <- en rouge
}
.feature-details { <- date/auteurice/commentaire en bas de l'article dans la colonne centrale
...
COLOR: #CC0000; <- en rouge
}
A.feature-readmore:link { <- liens vers article complet dans la colonne centrale
...
color: #CC0000; <- en rouge
}
- Espace entre le bandeau et les liens dessous
table.banner-left
{
width: 100%;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-bottom: 8px; <- ajout de cette espace
}
tr.banner-left{
width: 100%;
height: 100%;
margin-bottom: 8px; <- ajout de cette espace
}
td.banner-left{
text-align: center;
margin-bottom: 8px; <- ajout de cette espace
}
- Lien publier sous le bandeau (style.css)
li.publier
{
display: inline;
text-decoration: none;
position: relative;
float: none;
padding: 2px 0px 2px 3px;
list-style-type: none;
border-right: 2px solid;
}
.publier
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
color: #000000;
background-color: #eff1f1; <-- changé en FFFFFF par valk le 12/12/06
border: 1px #bebebe solid;
font-size: 13px; <-- changé en 14px par valk le 12/12/06
text-decoration: none;
}
A.publier:link
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
color: #000000; <-- changé en CC0000 par valk le 12/12/06
font-size: 13px; <-- changé en 14px par valk le 12/12/06
text-decoration: none;
}
a.publier:visited
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
font-size: 13px; color: #4F4F4F; <-- changé en 14px et CC0000 par valk le 12/12/06
text-decoration: none;
}
a.publier:active
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px; font-size: 12px; <-- changé en 14px par valk le 12/12/06
text-decoration: none;
}
a.publier:hover
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
font-size: 13px; <-- changé en 14px par valk le 12/12/06
background-color: #4F4F4F;
color: #fff;
text-decoration: none;
}
- Eclairci un peu la couleur de fond de la colonne centrale et de la colonne de droite:
div.indyrightcolumn
{
...
/* background-color: #bebebe; */ <- ancienne
background-color: #d8dcdc; <- nouvelle
}
div.editor-option <- boite d'action des moderateurices
{
background-color: #d8dcdc;
...
}
div.feature
{
...
/* background-color: #E7E7E7; */ <- ancienne
background-color: #eff1f1; <- nouvelle
}
11/12/06 karacole, sieste, bertagaz
Css et mise en page de la page d'acceuil
- Barre entre les elements de la barre sous le bandeau (style.css)
ul.indyheader{
...
border-left: 2px solid; <- une bordure a gauche de toute la barre
}
li.indyheader
{
...
border-right: 2px solid; <- et une a droite de chaque element pour refermer le tout
}
- Police de la barre de liens sous le bandeau (style.css)
ul.indyheader{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
- Re-modification de la police dans la barre :
a.indyheader:visited
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
font-size: 14px; <--- remplacé par 12px
color: #000; <--- remplacé par #4F4F4F
text-decoration: none;
}
a.indyheader:active
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px; font-size: 14px;<--- remplacé par 12px
text-decoration: none;
}
a.indyheader:hover
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
font-size: 14px; <--- remplacé par 12px
background-color: #4F4545; <---remplacé par #4F4F4F
color: #fff;
text-decoration: none;
}
- Lien visité en dessous du bandeau en noir
a.indyheader:visited
{
padding-bottom: 3px;
padding-top: 2px;
padding-right: 6px;
padding-left: 6px;
font-size: 14px;
color: #031bd0; <- remplacer par #000000
text-decoration: none;
- creer la classe publier qui contient l'image cliquable publier dans style.css
.publier{
background-color:#FFFFFF;
vertical-align: top;
margin: 0;
}
- creer les boites de la colonne centrale avec div.feature dans common.css
div.feature
{
border: #000000 1px solid;
margin: 1em 1em 1em 0em;
padding: 1em 0em 1em 1em;
WIDTH: 100%;
background-color: #E7E7E7;
}
- Et placer celle ci correctement dans la page (style.css)
td.indypagebody{
MARGIN: 0px 0px 0px 0px;
PADDING: 0px 35px 0px 20px; <- ici les marges droites et gauches
VERTICAL-ALIGN: TOP;
background-color: #FFFFFF;
}
- Pointiller autour des infos de l'article de feature dans common.css:
.feature-details {
...
border-top: #000000 1px dashed;
border-bottom: #000000 1px dashed;
...
- Fond blanc du module de recherche sous le bandeau dans style.css:
li.header-right
{
...
background-color: #FFFFFF;
}
- Pointille sous les titres des colones du newswire (style.css):
H4.indyrightcolumn{
...
border-bottom: 1px dashed;
}
- Barre de liens sous le bandeau centree dans la page (style.css):
INPUT.indyheader
{
background-color: #CFCFCF; <--- remplacé par "FFFFFF" le 12/12/06 par valk
border: 1px solid; <--- remplacé par "0px" le 12/12/06 par valk
border-color: #000000;
text-align: right; <--- remplacé par "center" le 12/12/06 par valk
vertical-align: middle;
width: 12em;
color: #1F1F1F;
padding: 0.2em 0.4em 0em 0.4em;
font-size: 0.9em;
height: 1.4em;
margin-top: 1px;
margin-bottom: 1px;
}
td.indyheader{
...
text-align: center;
}
to top
