Décryptage

5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 13:52
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.
14003
Graphiste
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 14:20

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

Héritiers des techniques interdite de la lignée, je suis Link IIIème du nom de l'ordre des chevaliers.
(Modérateur)
3988
Membre
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 14:45
...
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.
Episode 1 rocks.
14003
Graphiste
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 14:50
Non c'est du CSS
Héritiers des techniques interdite de la lignée, je suis Link IIIème du nom de l'ordre des chevaliers.
Mercredi 13 Juillet 2011 à 15:46
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.
Qu'est-ce que la vie ?
C'est la lumière d'un luciole dans la nuit.
C'est le souffle du bison en hiver.
C'est une petite ombre qui court dans l'herbe et va se perdre dans le coucher de soleil...

Patte de Corbeau, Pied-Noir
(Administrateur)
2514
Mercenaire Solitaire
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 15:58
#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

Je suis le mercenaire solitaire, combattant étranger aux parties en conflit, je suis recruté par le royaume d’Eddinbear des archipels sud pour une mission secrète, la seul chose de sur c’est que je suis payé à 3 millions de pièces d’or. Je suis toujours là pour aider en cas de besoin.
5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 16:05

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

Tant pis ça peux toujours servir ^^

5590
Membre
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 16:35
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.
"Jamais dans la tendance, toujours dans la bonne direction."

Loutre !
5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 16:42
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.
(Modérateur)
10811
Membre
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 16:50
Essaye déjà de faire quelque chose en html, le CSS c'est beaucoup plus complexe.
J'ai été mystifié comme un Twix ! (comprenne qui voudra)
~
"I believe that even Jesus has a way to kill"
~
"Les vrais amis se font rares comme les pucelles rue Saint-Denis"
5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 16:56
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.
13531
Graphiste
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 18:17
Le nom est marqué juste au dessus (pour la minorité) du CSS...
5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 18:22

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

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 ?

13531
Graphiste
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 18:39
Quand c'est tout blanc, reprends le design de départ !
5971
Sentinelle du Zénith
Dragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest SlimeDragon Quest Slime
Mercredi 13 Juillet 2011 à 18:41
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 ^^