Voilà je viens de finir les CSS de val, sylvain et Anne...

je vais me remettre au boulot pour moi...

si vous avez des sites où l'on peut se procurer des logiciels gratuits pour faire des glitters ou bien des curseurs animés...

ce serait sympa de partager

Bisous à tout le monde.

Kiti (elle1961)

Voilà Sylvain, comme promis je viens de finir ta CSS, j'espère qu'elle va te plaire et correspondre à tes attentes (hiver + fêtes)

Bises et donne moi ton avis bien sur !!!

*-*-*-*-*-*

/* Mise en page

Quelques informations sur les balises :
- a : lien
- a:hover : lien survolé
- img : image
- p : paragraphe
- h1 : titre (ici, sections du menu)
- h3 : titre (ici, affichage de la catégorie visitée)
- ul : menu (contient des listes)
- li : listes (à l'intérieur d'un ul)
*/

/* Propriétés générales de la page */
body {
margin:0;
padding:0;
background-image:url(http://img172.imageshack.us/img172/1345/kitinaefondsilvinhv8.gif);
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
}

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:absolute;
width:770px;
border-left:1px solid #000080;
border-bottom:1px solid #000080;
border-right:1px solid #000080;
border-top:1px solid #000080;
height:140px;
background-image:url(http://img237.imageshack.us/img237/4017/bannieresilvinparkitizm7.gif);
margin-left:50%;
left:-385px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:Trebuchet MS;
font-size:30px;
left:10px;
}
div#logo a {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
right:10px;
top:10px;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:75px 0px 0px 10px;
padding:0;
font-family:Trebuchet MS;
font-style:italic;
font-size:0px;
color:#ffffff;
font-weight:bold;
}
p.name a {
text-decoration:none;
color:#FF0080;
}
p.name a:hover {
text-decoration:underline;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:10px;
bottom:0px;
color:#FFFFFF;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
position:absolute;
width:770px;
margin-left:50%;
left:-385px;
top:160px;
background-image:url(http://img519.imageshack.us/img519/8549/kitinaefondhivergifud7.gif);
}

/* Menu de droite */
div#menu {
margin:0;
padding:0;
width:180px;
float:right;
border-left:2px solid #000080;
border-bottom:2px solid #000080;
border-right:1px solid #000080;
border-top:1px solid #000080;
background-image:url(http://img519.imageshack.us/img519/8328/kitinaenuagebleugifcb6.gif);
font-family:Trebuchet MS;
font-size:13px;
color:#000080;
}

/* Avatar */
div#avatar {
padding:0;
margin:0;
width:180px;
text-align:center;
margin-top:10px;
}
div#menu p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#000080;
font-weight:bold
}
div#menu h3 {
margin:0;
padding:0;
font-family:Verdana;
font-size:16px;
border-top:1px dashed #000080;
border-bottom:1px dashed #000080;
width:180px;
text-align:center;
color:#000080;
font-weight:bold;
background-color:#ffffff;
}
div#menu ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#000080;
font-weight:bold;
}
div#menu li {
padding:0;
margin:0;
list-style-type:none;
}
div#menu a {
text-decoration:none;
color:#000080;
font-weight:bold;
}
div#menu a:hover {
text-decoration:underline;
}
div#menu img {
border:none;
}

/* Skyscraper (pub) dans le menu de droite */
div#pubsky {
width:180px;
text-align:center;
padding-top:10px;
}

/* Pied du menu de droite */
div#foot {
text-align:center;
}

/* Lien de prévention d'un abus */
a.prevent {
text-decoration:none;
padding-left:5px;
color:#000080;
font-weight:bold;
}

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#contenu {
float:left;
width:570px;
border-left:1px solid #000080;
border-bottom:1px solid #000080;
border-right:1px solid #000080;
background-image:url(http://img519.imageshack.us/img519/8549/kitinaefondhivergifud7.gif);
margin-top:15px;
color:#000080;
}
div#contenu h3 {
text-align:center;
color:#FFFFFF;
padding-top:3px;
}
div#contenu img {
border:none;
}
h1.titrerub, h1.titrealb {
font-size:14px;
margin:0;
padding:0;
color:#FFFFFF;
}
p.descrrub, p.descralb {
color:#FFFFFF;
}

/* Menu pour accéder aux pages */
div.menupage {
width:570px;
border-top:1px solid #000080;
border-bottom:1px solid #000080;
text-align:center;
font:12px Tahoma;
background-color:#ffffff;
}
div.menupage a {
text-decoration:none;
color:#000080;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:underline;
}
div.menupage p {
padding:0;
margin:0;
color:#000080;
}

/* Article */
div.article {
border:1px solid #000080;
margin:10px;
background-image:url(http://img519.imageshack.us/img519/8328/kitinaenuagebleugifcb6.gif);
color:#000080;
width:548px;
}
div.article p {
margin:0;
padding:0;
font:13px Arial;
color:#000080;
}
blockquote {
border:1px solid #000080;
padding:10px;
}

/* Titre et pied d'article */
div.title {
border:1px solid #000080;
background-color:#FFFFFF;
color:#000080;
margin:7px;
padding:3px;
}
div.title a {
text-decoration:none;
color:#00a0ff;
}
div.title a:hover {
text-decoration:underline;
}
div.title h1, div.title h2 {
display:inline;
color:#000080;
font-size:12px;
}
div.footer {
border:1px solid #000080;
background-color:#FFFFFF;
color:#000080;
margin:7px;
}
div.footer a:hover {
text-decoration:underline;
}
div.title p {
margin:0;
padding:0;
padding-left:7px;
font:14px Trebuchet MS;
color:#000080;
}
div.footer p {
margin:0;
padding:0;
padding-right:7px;
text-align:right;
color:#000080;
}
div.footer a {
text-decoration:none;
color:#000080;
font:14px Trebuchet MS;
}

/* Contenu de l'article */
div.content {
margin:7px;
}
div.content a {
color:#000080;
}
div.content a:hover {
text-decoration:none;
}

div.spacer {
height:1px;
clear:both;
}

.inter
{
background-image:url(http://img251.imageshack.us/img251/9793/silvinglitterkitinaemz2.gif);
background-repeat:no-repeat;
background-position:center;
height:40px;
margin:auto;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

/* Formulaire d'identification pour les rubriques privées */
.bigpass {
text-align:center;
font-size:32px;
width:200px;
margin-top:5px;
}

/* Tableau d'affichage des albums photos */
table.album {
width:570px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
background-color:#000080;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
text-align:center;
}
table.album img {
border:none;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
table.album a:hover img {
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

ul.detailsimg {
padding:0;
margin:0;
color:#FFFFFF;
}
ul.detailsimg li {
list-style-type:none;
}
ul.detailsimg .titre {
font-weight:bold;
}
ul.detailsimg .poids {
font-size:10px;
font-style:italic;
color:#FFFFFF;
display:inline;
}
ul.detailsimg .dimensions {
font-size:10px;
font-style:italic;
color:#FFFFFF;
display:inline;
}
ul.detailsimg .dimensions:before {
content: "- ";
}

ul.rsslist .nouveauxarticles {
background:url(http://www.lexode.com/style/icones/rss.gif) bottom left no-repeat;
padding-left:20px !important;
height:16px;
}
.current {
font-weight:bold;
}

/* Les commentaires */
table.tablosigna {
width:100%;
border-collapse:collapse;
}
table.tablosigna td {
padding:7px;
}
td.firstd {
width:68px;
}
table.tablosigna a {
color:#FFFFFF;
text-decoration:none;
}
table.tablosigna a:hover {
text-decoration:underline;
}

/* Pied de page */

div#pieddepage {
display:none;
}
span.date {
        padding-left:5px;
}

Voilà Mademoiselle Anne  

Je t'ai fait cette CSS aux couleurs de l'hiver... j'espère que tu vas aimer... sincèrement j'ai pris plaisir à la préparer pour toi.

Chaque fond, chaque gif est une création perso faite spécialement pour toi... alors voilà ci-dessous le texte de la css, il te suffit de le recopier pour le mettre dans ton thème graphique...

Je te fais un gros bisou et j'attend ton avis avec impatience.

/* Mise en page

Quelques informations sur les balises :
- a : lien
- a:hover : lien survolé
- img : image
- p : paragraphe
- h1 : titre (ici, sections du menu)
- h3 : titre (ici, affichage de la catégorie visitée)
- ul : menu (contient des listes)
- li : listes (à l'intérieur d'un ul)
*/

/* Propriétés générales de la page */
body {
margin:0;
padding:0;
background-image:url(http://img184.imageshack.us/img184/3616/annegifkitinaewq9.gif);
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
}

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:absolute;
width:770px;
border-left:2px solid #ffffff;
border-bottom:2px solid #ffffff;
border-right:1px solid #000080;
border-top:1px solid #000080;
height:160px;
background-image:url(http://img98.imageshack.us/img98/2817/kitinaebanniereannegifrt7.gif);
margin-left:50%;
left:-385px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:Trebuchet MS;
font-size:40px;
left:10px;
}
div#logo a {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
right:10px;
top:10px;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:75px 0px 0px 10px;
padding:0;
font-family:Trebuchet MS;
font-style:italic;
font-size:0px;
color:#ffffff;
font-weight:bold;
}
p.name a {
text-decoration:none;
color:#FF0080;
}
p.name a:hover {
text-decoration:underline;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:10px;
bottom:0px;
color:#FFFFFF;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
position:absolute;
width:770px;
margin-left:50%;
left:-385px;
top:160px;
background-image:url(http://img148.imageshack.us/img148/1033/kitinaebanniereanne2ei4.gif);
}

/* Menu de droite */
div#menu {
margin:0;
padding:0;
width:180px;
float:right;
border-left:2px solid #ffffff;
border-bottom:2px solid #ffffff;
border-right:1px solid #000080;
border-top:1px solid #000080;
background-image:url(http://img148.imageshack.us/img148/1033/kitinaebanniereanne2ei4.gif);
font-family:Trebuchet MS;
font-size:13px;
color:#000080;
}

/* Avatar */
div#avatar {
padding:0;
margin:0;
width:180px;
text-align:center;
margin-top:10px;
}
div#menu p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#000080;
font-weight:bold
}
div#menu h3 {
margin:0;
padding:0;
font-family:Verdana;
font-size:16px;
border-top:1px dashed #000080;
border-bottom:1px dashed #000080;
width:180px;
text-align:center;
color:#000080;
font-weight:bold;
background-color:#fffff;
}
div#menu ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#000080;
font-weight:bold;
}
div#menu li {
padding:0;
margin:0;
list-style-type:none;
}
div#menu a {
text-decoration:none;
color:#000080;
font-weight:bold;
}
div#menu a:hover {
text-decoration:underline;
}
div#menu img {
border:none;
}

/* Skyscraper (pub) dans le menu de droite */
div#pubsky {
width:180px;
text-align:center;
padding-top:10px;
}

/* Pied du menu de droite */
div#foot {
text-align:center;
}

/* Lien de prévention d'un abus */
a.prevent {
text-decoration:none;
padding-left:5px;
color:#000080;
font-weight:bold;
}

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#contenu {
float:left;
width:570px;
border-left:1px solid #000080;
border-bottom:1px solid #000080;
border-right:1px solid #000080;
background-image:url(http://img148.imageshack.us/img148/1033/kitinaebanniereanne2ei4.gif);
margin-top:15px;
color:#000080;
}
div#contenu h3 {
text-align:center;
color:#FFFFFF;
padding-top:3px;
}
div#contenu img {
border:none;
}
h1.titrerub, h1.titrealb {
font-size:14px;
margin:0;
padding:0;
color:#FFFFFF;
}
p.descrrub, p.descralb {
color:#FFFFFF;
}

/* Menu pour accéder aux pages */
div.menupage {
width:570px;
border-top:1px solid #000080;
border-bottom:1px solid #000080;
text-align:center;
font:12px Tahoma;
background-color:#ffffff;
}
div.menupage a {
text-decoration:none;
color:#000080;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:underline;
}
div.menupage p {
padding:0;
margin:0;
color:#000080;
}

/* Article */
div.article {
border:1px solid #000080;
margin:10px;
background-color:#ffffff;
color:#000080;
width:548px;
}
div.article p {
margin:0;
padding:0;
font:13px Arial;
color:#000080;
}
blockquote {
border:1px solid #000080;
padding:10px;
}

/* Titre et pied d'article */
div.title {
border:1px solid #000080;
background-color:#FFFFFF;
color:#000080;
margin:7px;
padding:3px;
}
div.title a {
text-decoration:none;
color:#00a0ff;
}
div.title a:hover {
text-decoration:underline;
}
div.title h1, div.title h2 {
display:inline;
color:#000080;
font-size:12px;
}
div.footer {
border:1px solid #000080;
background-color:#FFFFFF;
color:#000080;
margin:7px;
}
div.footer a:hover {
text-decoration:underline;
}
div.title p {
margin:0;
padding:0;
padding-left:7px;
font:14px Trebuchet MS;
color:#000080;
}
div.footer p {
margin:0;
padding:0;
padding-right:7px;
text-align:right;
color:#000080;
}
div.footer a {
text-decoration:none;
color:#000080;
font:14px Trebuchet MS;
}

/* Contenu de l'article */
div.content {
margin:7px;
}
div.content a {
color:#000080;
}
div.content a:hover {
text-decoration:none;
}

div.spacer {
height:1px;
clear:both;
}

.inter
{
background-image:url(http://img148.imageshack.us/img148/657/glitteranneyb3.gif);
background-repeat:no-repeat;
background-position:center;
height:40px;
margin:auto;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

/* Formulaire d'identification pour les rubriques privées */
.bigpass {
text-align:center;
font-size:32px;
width:200px;
margin-top:5px;
}

/* Tableau d'affichage des albums photos */
table.album {
width:570px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
background-color:#000080;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
text-align:center;
}
table.album img {
border:none;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
table.album a:hover img {
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

ul.detailsimg {
padding:0;
margin:0;
color:#FFFFFF;
}
ul.detailsimg li {
list-style-type:none;
}
ul.detailsimg .titre {
font-weight:bold;
}
ul.detailsimg .poids {
font-size:10px;
font-style:italic;
color:#FFFFFF;
display:inline;
}
ul.detailsimg .dimensions {
font-size:10px;
font-style:italic;
color:#FFFFFF;
display:inline;
}
ul.detailsimg .dimensions:before {
content: "- ";
}

ul.rsslist .nouveauxarticles {
background:url(http://www.lexode.com/style/icones/rss.gif) bottom left no-repeat;
padding-left:20px !important;
height:16px;
}
.current {
font-weight:bold;
}

/* Les commentaires */
table.tablosigna {
width:100%;
border-collapse:collapse;
}
table.tablosigna td {
padding:7px;
}
td.firstd {
width:68px;
}
table.tablosigna a {
color:#FFFFFF;
text-decoration:none;
}
table.tablosigna a:hover {
text-decoration:underline;
}

/* Pied de page */

div#pieddepage {
display:none;
}
span.date {
        padding-left:5px;
}

Petit essai de CSS hivernale pour mon amie AnneDauphin

bises à tout le monde

Elle1961 (ou Kitinaé)

J'ai décidé d'apprendre à faire des css, alors ne soyez pas étonné de ne rien voir ici... à part des changements de décor pour l'instant... dès que je me serai familiarisée avec la css pro, je ferai en sorte de publier beaucoup de choses

amitiés à vous.