css

Voici la css d'un potail Mystérieux: (faire un copier coller sur le code css)

/* Propriétés générales de la page */
body {
margin:0;
padding:0;
background-image:url(http://cynthia77.free.fr/A_Packcss/Y_porte/porte2.jpg);
background-color:#191410;
background-repeat:repeat-y;
background-position:center;
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
scrollbar-arrow-color :#000;
scrollbar-3dlight-color :#959595;
scrollbar-highlight-color :#fff;
scrollbar-face-color : #959595;
scrollbar-shadow-color :#fff;
scrollbar-darkshadow-color :#fff;
scrollbar-track-color :#000;
}
/*layout et css by packcss*/
/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:absolute;
width:770px;
height:532px;
background-image:url(http://cynthia77.free.fr/A_Packcss/Y_porte/porte1.jpg);
margin-left:50%;
left:-385px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:Trebuchet MS;
font-size:20px;
left:580px;
bottom:450px;

}
div#logo a {
text-decoration:none;
color:#000;
visibility:hidden;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
left:150px;
bottom:-25px;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:0;
padding:0;
position:absolute;
font-family:Trebuchet MS;
font-style:italic;
font-size:25px;
color:#000;
left:230px;
top:155px;
visibility:hidden;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:35px;
bottom:20px;
color:#000;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
background-color:#000;
color:#fff;

}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
position:absolute;
width:700px;
margin-left:52%;
left:-380px;
top:560px;

}

/* Menu de droite */
div#menu {
margin:0;
padding:0;
width:180px;
float:right;
font-family:Trebuchet MS;
font-size:13px;
color:#000;
text-align:center;

}

/* 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:#000;
text-align:center;
}
div#menu h3 {
margin:0;
padding:0;
font-family:Verdana;
font-size:16px;
width:180px;
text-align:center;
color:#000;
}
div#menu ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#000;
text-align:center;
}
div#menu li {
padding:0;
margin:0;
list-style-type:none;
}
div#menu a {
text-decoration:none;
color:#000;
}
div#menu a:hover {
text-decoration:none;
color:#000;
}
div#menu img {
border:none;
}
/*uty*/
/* Tableau d'affichage des rubriques */
table.microtablo {
width:180px;
font-size:12px;
color:#000;
text-align:center;
}

/* 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:#000;
font-weight:bold;
}

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#contenu {
float:left;
width:460px;
margin-top:3px;

}
div#contenu h3 {
text-align:center;
color:#000;
padding-top:3px;
}
div#contenu img {
border:none;
}

/* Menu pour accéder aux pages */
div.menupage {
width:500px;
text-align:center;
font:15px Amazone BT;
}
div.menupage a {
text-decoration:none;
color:#000;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:underline;
}
div.menupage p {
padding:0;
margin:0;
color:#000;
}

/* Article */
div.article {
background-color:#;
color:#000;
margin:10px;
width:500px;
}
div.article p {
margin:0;
padding:0;
font:13px Arial;
color:#000;
}

/* Titre et pied d'article */
div.title , div.footer {
color:#000;
margin:7px;
}
div.title p {
text-align:center;
margin:0;
padding:0;
padding-left:7px;
font:18px Trebuchet MS;
color:#000;
background-image:url();
border-top:2px solid #;
background-repeat:no-repeat;
}
div.footer p {
margin:0;
padding:0;
padding-right:7px;
text-align:center;
color:#000;
background-image:url();
border-top:2px solid #;
background-repeat:no-repeat;
}
div.footer a {
text-decoration:none;
color:#000;
font:18px Trebuchet MS;
}

div.footer a:hover {
text-decoration:none;
font-weight:bold;
}

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

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

.inter
{
background-image:url();
background-repeat:no-repeat;
background-position:right;
height:30px;
margin-left:150px;
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:400px;
text-align:right;
}
table.album td {
padding:10px;
width:200px;

text-align:right;
}
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);
filter:progid:DXSignature. Microsoft.Important(val=100);
}

div#commentaire {
padding:0px;
margin:0px;
padding-top:20px;
font:11px Verdana;
background-color:#;
background-image:url();
background-repeat:no-repeat;
background-position:bottom center;
padding-bottom:23px;
color:#000;
background-color:#;
}

div#commentaire p {
padding-left:10px;
}

div#commentaire h1 {
padding-left:10px;
margin:0px;
color:#000;
font:16px Trebuchet MS;
font-weight:bold;
}

div#commentaire h2 {
padding:10px;
margin:0px;
color:#000;
font:14px Trebuchet MS;
font-weight:normal;
}

div#commentaire hr {
background-repeat:repeat-x;
background-position:top left;
height:1px;
border:2px solid #;
background-color:#;
}

div#commentaire input , div#commentaire textarea {
border:2px solid #;
background-color:#;
color:#000;
}

div#commentaire fieldset {
border:2px solid #;
color:#000;
background-color:#;
margin:7px;
}

div#commentaire legend {
border:2px solid #;
background-color:#;
color:#000;
}

div#commentaire fieldset p {
padding:10px;

}

div#commentaire a {
color:#000;
text-decoration:none;
}

div#commentaire form {
color:#000;
}
.name a { text-decoration:none; }
.name a:hover { text-decoration:underline; }

div.title a { text-decoration:none; }
div.title a:hover { text-decoration:underline; }
div.title h2, div.title h1 { display:inline;font-size:12px;margin:0;padding:0; }
span.date { padding-left:5px; }

h1.titrerub, h1.titrealb { font-size:14px;margin:0;padding:0; }

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

table.tablosigna { width:100%; border-collapse:collapse; }
table.tablosigna td { padding:7px; }
td.firstd { width:68px; }
table.tablosigna a { text-decoration:none; }
table.tablosigna a:hover { text-decoration:underline; }

h1.titrerub, h1.titrealb { font-size:14px;margin:0;padding:0; }

div.content ul { padding-left:15px !important; margin:0 !important; }
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 {
        margin:0;
        padding:0;
        margin-bottom:3px;
        margin-top:5px;
}
div.content hr { height:1px; border:none;background-color:silver; }
div.content blockquote { padding:10px;border:1px solid silver; }
    div#pieddepage {
display:none;
}

span.date {
        padding-left:5px;
}

Voici la css de Linkin Park: (faire un copier coller de la css)

/* 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-color:#46392B;
background-image:url(http://cfcel.bloxode.com/images/116973666432.jpg);
background-attachment:attached;
background-repeat:repeat-y;
background-position:center;
font:13px arial;
cursor:url(http://www.diamondrains.com/cursors/blackcursor.cur),pointer;
}

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:absolute;
width:810px;
height:545px;
background-image:url(http://cfcel.bloxode.com/images/11697363884.jpg);
margin-left:50%;
left:-405px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:comic sans MS;
font-size:13px;
left:10px;
visibility:hidden;
}
div#logo a {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#B07819;
}

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

/* Nom du blog */
p.name {
margin:0;
padding:0;
font-family:arial;
font-size:18px;
position:absolute;
top:120px;
left:160px;
}

p.name a {
text-decoration:none;
color:#221E15;
}
p.name a:hover {
text-decoration:none;
border-top: dotted 1px #221E15;
border-bottom: dotted 1px #221E15;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:6px;
top:2px;
color:#ffffff;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
border: solid 1px #221E15;
background-color:#74694A;
color:#221E15;
}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
position:absolute;
width:760px;
margin-left:50%;
left:-385px;
top:480px;
}

/* Menu de droite */
div#menu {
margin:0;
padding:0;
width:165px;
float:right;
color:#46392B;
text-align:center;
font-family:arial;
font-size:13px;
}

/* Avatar */
div#avatar {
padding:0;
margin:0;
width:170px;
text-align:center;
margin-top:10px;
}
div#menu p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#46392B;
}
div#menu h3 {
margin:0;
padding:0;
font-family:arial;
text-align:center;
font-size:15px;
width:170px;
color:#221E15;
}

div#menu ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#46392B;
}
div#menu li {
padding:0;
margin:0;
list-style-type:none;
}
div#menu a {
text-decoration:none;
color:#46392B;

}
div#menu a:hover {
text-decoration:none;
font-weight:bold;
border-top: dotted 1px #46392B;
border-bottom: dotted 1px #46392B;
}
div#menu img {
border:none;
}

ul.taglist {
text-align:center;
font-size:13px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
font-size:13px !important;
}

p.taglisthoriz {
display: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:#46392B;
font-weight:bold;
}

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#contenu {
float:left;
width:550px;
margin-top:55px;
color:#46392B;
}
div#contenu h3 {
text-align:center;
color:#46392B;
font:13px arial;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
}
div#contenu img {
border:none;
}
h1.titrerub, h1.titrealb {
font-size:15px;
margin:0;
padding:0;
color:#46392B;
text-align:center;
}
p.descrrub, p.descralb {
color:#46392B;
text-align:center;
}

/* Menu pour accéder aux pages */
div.menupage {
width:550px;
text-align:center;
font:12px arial;
}
div.menupage a {
text-decoration:none;
color:#46392B;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:none;
border-top: dotted 1px #46392B;
border-bottom: dotted 1px #46392B;
}
div.menupage p {
padding:10px;
margin:0;
color:#46392B;
}

/* Article */
div.article {
color:#46392B;
margin:10px;
width:535px;
}
div.article p {
margin:0;
padding:0;
font:13px arial;
color:#46392B;
}

/* Titre et pied d'article */
div.title {
font-family:arial;
text-align:center;
font-size:13px;
font-weight:bold;
color:#221E15;
margin:7px;
padding:3px;
}
div.title a {
text-decoration:none;
font-size:14px;
color:#221E15;
}
div.title a:hover {
text-decoration:none;
border-top: dotted 1px #221E15;
border-bottom: dotted 1px #221E15;
}
div.title h1, div.title h2 {
display:inline;
color:#221E15;
font-size:13px;
}
div.title p {
margin:0;
padding:0;
padding-left:7px;
font:13px arial;
font-weight:bold;
color:#221E15;
}
div.footer p {
text-align:center;
margin:0;
padding-right:7px;
color:#221E15;
padding-bottom:4px;
}
div.footer a {
text-decoration:none;
color:#221E15;
font:13px arial;
font-weight:bold;
text-align:center;
}
div.footer a:hover {
text-decoration:none;
border-top: dotted 1px #221E15;
border-bottom: dotted 1px #221E15;
}

/* Contenu de l'article */
div.content {
margin:7px;
}
div.content a {
text-decoration:underline;
color:#46392B;
}
div.content a:hover {
text-decoration:none;
border-top: dotted 1px #46392B;
border-bottom: dotted 1px #46392B;
}

div.spacer {
height:1px;
clear:both;
}
.inter
{
background-image:url(http://cfcel.bloxode.com/images/116973458174.jpg);
background-repeat:no-repeat;
background-position:center;
height:100px;
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;
}

/* Tableau d'affichage des albums photos */
table.album {
width:560px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
text-align:center;
}
table.album img {
border:none;
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
table.album a:hover img {
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

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

.current {
font-weight:bold;
}

/* Les commentaires */
table.tablosigna {
width:97%;
border-collapse:collapse;
}

table.tablosigna td {
border-bottom: solid 4px #74694A;
padding:7px;
}
td.firstd {
width:68px;
}
table.tablosigna a {
color:#46392B;
text-decoration:none;
}
table.tablosigna a:hover {
text-decoration:none;
}
table.tablocomments {
width:97%;
border-collapse:collapse;
margin-right:-20px;
}
table.tablocomments td {
border-bottom: solid 8px #74694A;
padding:7px;
}
table.tablocomments a {
color:#46392B;
text-decoration:none;
}
table.tablocomments a:hover {
text-decoration:none;
font-weight:bold;
}

td.firstd {
background:url(http://cfcel.bloxode.com/images/116973579273.jpg) no-repeat center ;
width:68px;
}

.commentaire {
min-height:68px;
}

tr.itsamember td.firstd {
background:none !important;
}

h1.titrerub, h1.titrealb {
font-size:14px;
margin:0;
padding:0;
}

#divcomments label {
color:#46392B;
font-size:13px;
margin-bottom:10px;
position:relative;
top:-10px;
}
#divcomments label.facultatif {
top:-5px !important;
}

#divcomments label input , #divcomments textarea {
border: solid 1px #221E15;
background-color:#46392B;
color: #74694A;
padding:2px 3px;
}

#divcomments p input.ibtn {
margin-top:10px;
text-align:center;
border: solid 1px #46392B;
background-color:#74694A;
color: #221E15;
margin-left:140px;
}
#divcomments p input.ibtn:hover {
margin-top:10px;
text-align:center;
border: dotted 1px #46392B;
background-color:#74694A;
color: #221E15;
margin-left:140px;
}

tr.commentbyowner .comtitle {
background:url(http://cfcel.bloxode.com/images/116974129976.jpg) no-repeat right;
height:40px;
}

#divcomments .footer {
font-size:13px;
text-align:center;
}

/* Pied de page */

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

Voici la css de Harry Potter et la coupe de feu!!!

/* 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)
*/