Décryptage

Citation

* {
margin: 0;
padding: 0;
}

body {
margin: auto;
background-color: #5b5a5b;
width: 1000px;
font-family: "arial";
font-size: 10pt;
color: white;
}

#header {
background-image: url("design/header.png");
width: 1000px;
height: 200px;
}

#page {
margin: auto;
width: 1000px;
clear: both;
overflow: auto;
background: url("design/background.png") repeat;
}


#bloc_menu {
width: 165px;
float: left;
margin-left: 15px;
text-align: center;
}


#menu ul {
background: url("design/menu.png") no-repeat;
width: 126px;
padding: 45px 32px 50px 0;
list-style-type: none;
text-align: right;
float: left;
margin-bottom: 20px;
}

#bloc_central {
width: 635px;
float: left;
margin-top: 20px;
}

#navigation {
width: 150px;
float: left;
}



#footer {
background: url("design/footer.png") no-repeat;
clear: both;
width: 1000px;
height: 50px;
padding-top: 25px;
text-align: center;
font-size: 0.9em;
}

/* ICI ON MET TOUT LES GENERIQUES */

a img {
border: 0;
}

a {
color: white;
text-decoration: none;
}
a:hover {
color: #a5a5a5;
text-decoration: none;
}

p {
margin: 5px 0 10px 0;
text-indent: 5px;
font-size: 0.9em;
}

p.center {
text-align: center;
width: 100%;
font-size: 0.9em;
}

.center {
text-align: center;
}


p.upper {
text-transform: uppercase;
font-size: 0.8em;
}

.clear {
clear: both;
}

.color2 {
color: #d2d2d2;
}
.color3 {
color: #c96d1b;
}

.jaimeFB {
margin: -30px 0 0 17px;
position: relative;
}

/* Bloc_normal */
.bloc_normal {
width: 590px;
margin: 30px 0 0 15px;
clear: both;
}
.bloc_normal h3 {
font-size: 11pt;
background: url("design/titre_bloc.png") no-repeat;
width: 100%;
height: 10px;
padding: 16px 0 25px 0;
text-indent: 35px;
clear: both;
font-weight: bold;
}
.bloc_normal .contenu {

}

.bloc_normal .footer {
}

.bloc_normal .legende {
width: 95%;
text-align: right;
clear: both;
font-size: 0.8em;
}


/* bloc petit */
.bloc_petit {
background: url("design/menu_droite.png") no-repeat top right;
width: 150px;
padding: 12px 0px 30px 0;
list-style-type: none;
text-align: right;
float: left;
}
.bloc_petit h3 {
background: url("design/puce.png") no-repeat;
background-position: 18px 0px;
width: 132px;
padding: 0 18px 3px 0;
text-align: left;
text-indent: 35px;
font-weight: bold;
font-size: 11pt;
}
.bloc_petit .contenu {
padding: 0 15px 5px 13px;
width: 122px;
font-size: 0.75em;
}

.bloc_petit .footer {
background: url("design/bloc_petit_footer.jpg") repeat-y;
width: 150px;
height: 12px;
clear: both;
}

#menu ul a, .bloc_petit a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
}
#menu ul a:hover, .bloc_petit a:hover {
color: #a5a5a5;
}



/*
* Liens en ligne
*/
.retour {
float: left;
margin: 0 0 8px 10px;
font-size: 0.9em;
color: #fff;
}
.suivprec {
float: right;
text-align: right;
margin: 0 20px 8px 0;
font-size: 0.9em;
color: #fff;
}
.pagination {
float: right;
text-align: right;
margin: 0 20px 8px 0;
color: #fff;
font-size: 0.9em;
}


/*
** Galerie
*/
ul.liste {
/*overflow: auto;*/
padding: 5px 0px 0 30px;
width: 535px;
}

ul.liste li {
margin: 0 5px 0 6px;
width: 122px;
height: 150px;
text-align: center;
float: left;
list-style-type: none;
color: white;
font-weight: bold;
}

ul.liste li img {
border: 1px #b7b7b7 solid;
width: 120px;
height: 120px;
}
ul.liste li img:hover {
border: 1px #d6d5d6 solid;
}



/* Les divs commentaires */
#commentaire {
padding: 0 10px 0 10px;
font-size: 0.9em;
}
#commentaire .texte {
padding: 5px 0 5px 0;
text-align: justify;
}
#commentaire .separateur {
border-top: 1px #d2d2d2 dotted;
padding: 0 0 5px 0;
}
#commentaire textarea {
width: 400px;
margin: 8px 0 8px 80px;
padding: 1px 5px 1px 5px;
border: 1px #d0cfcf solid;
-moz-border-radius: 7px;
font-family: arial;
color: #606060;
font-size: 12px;
}
#commentaire input {
margin: 8px 0 0px 80px;
padding: 2px 2px 2px 2px;
border: 1px #d0cfcf solid;
-moz-border-radius: 7px;
font-family: arial;
color: #606060;
font-size: 12px;
}

#commentaire input.envoi {
cursor: pointer;
margin: 8px 0 0px 0px;
}

.form_petit input, .form_petit textarea {
font-size: 1.1em;
margin: 5px 0 0px 0;
}
.form_petit textarea {
width: 120px;
}

.message_shoutbox {
border-bottom: 1px #d2d2d2 dotted;
padding-bottom: 5px;
margin-bottom: 5px;
}



/**
** JCAROUSEL
** GALERIE DEFILANTE SUR LA PAGE D ACCUEIL
**/
.jcarousel-skin-folio .jcarousel-container {

}

.jcarousel-skin-folio .jcarousel-container-horizontal {
width: 500px;
height: 135px;
padding: 0 60px 0px 40px;
margin: 10px 0 20px 10px;
}

.jcarousel-skin-folio .jcarousel-clip-horizontal {
width: 520px;
height: 100%;
}

.jcarousel-skin-folio .jcarousel-item {
margin: 5px 0 0 0;
width: 120px;
height: 120px;
border: 1px #b7b7b7 solid;
text-align: center;
}

.jcarousel-skin-folio .jcarousel-item:hover {
}

.jcarousel-skin-folio .jcarousel-item-horizontal {
margin-right: 10px;
}



.jcarousel-skin-folio .jcarousel-item-placeholder {
}

/**
* Horizontal Buttons
*/
.jcarousel-skin-folio .jcarousel-next-horizontal {
position: absolute;
top: 50px;
right: 00px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url("design/next.png") no-repeat 0 0;
}

.jcarousel-skin-folio .jcarousel-next-horizontal:hover {
background-position: -32px 0;
}

.jcarousel-skin-folio .jcarousel-next-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-folio .jcarousel-next-disabled-horizontal,
.jcarousel-skin-folio .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-folio .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}




.jcarousel-skin-folio .jcarousel-prev-horizontal {
position: absolute;
top: 50px;
left: 00px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url("design/prev.png") no-repeat 0 0;
}

.jcarousel-skin-folio .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}

.jcarousel-skin-folio .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-folio .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-folio .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-folio .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
** FIN DU JCAROUSEL
**/

Pouvez-vous m'aider à décrypter s'il-vous plait ? Je suis ignorant en la matière, et j'aurai besoin de modifier ça pour le design de mon folio.

C'est du CSS, attend je vais demander a ma prof 

...
1) Qu'est ce que ce que tu as.
2) Qu'est ce que tu veux

Par ce ce que vu comme c'est parti, il te faut surtout un cours d'html.

Non c'est du CSS

Oui c'est du CSS, mais avant de passer au CSS faut déjà maitriser l'HTML et là ca à pas l'air d'être le cas. D'où la réponse de K2R.

#header {
background-image: url("design/header.png");
width: 1000px;
height: 200px;
}


ce qui est sur c'est qu'ici c'est ton logo en haut de page

body {
margin: auto;
background-color: #5b5a5b;
width: 1000px;
font-family: "arial";
font-size: 10pt;
color: white;
}

ici la couleur de ton fond de page

Merci pour vos réponses Bon bah je uis bon pour apprendre le css alors ><

Tant pis ça peux toujours servir ^^

Ouais c'est du CSS, c'est assez facile à apprendre t'inquiète, et c'est marrant à manipuler =)

Voici un lien sympa:

http://www.siteduzero.com/tutoriel-3-13517-mettre-en-place-le-css.html

Par contre je sais pas ce que tu veux faire mais il va falloir sûrement apprendre le html.

En fait, pour faire un design entièrement personalisé, on me propose un champ de css, remplit par défaut avec ce que j'ai copié plus haut. En le remplissant, je modifierai la page.

Essaye déjà de faire quelque chose en html, le CSS c'est beaucoup plus complexe.

Je ne comprend absolument rien, tant pis je garderai le skin par défaut T_T
Merci de votre aide, messieurs les modos vous pouvez disposer.

Le nom est marqué juste au dessus (pour la minorité) du CSS...

Bah explique moi tout alors Je suis vraiment ignare sur ce point, alors si tu sais comment ça marche, dis-le !

Pour moi ça bugue complétement, si je passe pas design intermédiaire, tout est blanc, et si je passe pas design pro avec le code css, ça me met les toutes premiers trucs que j'avais mit dans design intermédiare, et pas moyen de les enlever. Ce serait pas réservé au comptes premium la customisation ?

Quand c'est tout blanc, reprends le design de départ !

C'est ce que j'ai fait, mais ça ne change rien, quand je recommence, c'est à nouveau blanc. Et puis j'ai vu que tu n'avais pas personalisé ton design non plus, donc je doute que tu puisse m'aider cette fois. Tant pis, les skins ne sont pas si moches que ça ^^