Code Source ...

Que se cache-t-il donc derière ces mots ?

Le code source c'est le code d'un programme, d'une application, ou encore d'une page web.
Et alors? me direz-vous ...
Ben, rien ! C'était juste pour introduire ce qui suit, regardez comme c'est beau ! Voici le code source du fichier CSS de Strugglers MusicBox :

(le fichier css c'est ce qui détermine la façon dont le navigateur doit afficher le site, ça gère l'aspect visuel et mise en page, positionnement des éléments et autres propriétés qui peuvent leur être attribuées)

Code:


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url(img/bg_body.png);
    background-color: #483D8B;
}

#global {
    background-color: white;
    display: block;
    width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0;
    font-family: arial, verdana, sans-serif;
    font-size: small;
    color: Black;
    border: 3px solid #D0D0F4;
}

#header {
    background-color: transparent;
    background-image: url(img/bg_header2.png);
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    margin: 0;
    padding: 0;
    border: 1px solid black;
}

#navbar {
    background-color: transparent;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */
.menu {
    padding: 0 0 0 1em;
    margin: 0;
    list-style: none;
    height: 35px;
    background: url(img/pro_four0.gif);
}
.menu li {
    float: left;
    font-variant: small-caps;
    letter-spacing: 2px;
}
.menu li a {
    display: block;
    float: left;
    height: 35px;
    line-height: 33px;
    color: #aaa;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    text-align: center;
    padding: 0 0 0 14px;
    cursor: pointer;
    font-size: 11px;
}
.menu li a b {
    float: left;
    display: block;
    padding: 0 28px 0 14px;
}
.menu li.current a {
    color: #fff;
    background: url(img/pro_four2.gif);
}
.menu li.current a b {
    background: url(img/pro_four2.gif) no-repeat right top;
}
.menu li a:hover {
    color: #fff;
    background: url(img/pro_four1.gif);
}
.menu li a:hover b {
    background: url(img/pro_four1.gif) no-repeat right top;
}
.menu li.current a:hover {
    color: #fff;
    background: url(img/pro_four2.gif);
}
.menu li.current a:hover b {
    background: url(/img/pro_four2.gif) no-repeat right top;
}

#centre {
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 15px;
    border: 1px solid black;
}

#left {
    background-color: transparent;
    border: 1px solid black;
    display: block;
    margin-bottom: 5px;
    position: relative;
    float: left;
    width: 200px;
    height: 120px
    text-align: center;
    padding: 3px;
}

.leftboxes {
    background-color: #D0D0F4;
    border: 1px solid black;
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #483D8B;
    font-size: small;
    text-align: justify;
}

.leftboxes p {
    background-color: #D0D0F4;
    display: block;
    background-image: url(img/bg_footer.gif);
    height: 20px;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: small;
}

#right {
    background-color: transparent;
    margin-left: 220px;
    display: block;
    height: auto;
    min-height: 200px;
    font-size: small;
}

#footer {
    background-color: Black;
    background-image: url(img/bg_footer.gif);
    text-align: center;
    clear: both;
    height: 18px;
    color: White;
    padding-top: 4px;
    font-size: x-small;
}

#footer a {
    color: #DAA520;
    text-decoration: none;
}

#footer a:hover {
    color: #A9A961;
    text-decoration: none;
}

h1 {
    color: #191970;
    font-size: x-large;
    background-color: #D0D0F4;
    padding: 0;
    padding-left: 5px;
    margin: 0;
    border: 1px solid black;
}

h2 {
    color: #483D8B;
    font-size: large;
    border-bottom: 1px solid #A2A3E9;
    padding-left: 32px;
}

h3 {
    color: #A2A3E9;
    font-size: medium;
    font-style: italic;
    padding-left: 16px;
}

h1, h2 {
    font-variant: small-caps;
}

h2, h3 {
    margin-top: 3;
    padding-top: 0px;
    padding-bottom: 0px;
}

a {
    color: Red;
    text-decoration: none;
}

a:hover {
    color: Red;
    text-decoration: underline;
}

img {
    border: 0;
    caption-side: top;
}

hr {
    color: #191970;
    background-color: #D0D0F4;
    height: 0px;
    border: 1px dotted;
    clear: both;
}

.modules {
    background-color: transparent;
    border: 1px solid black;
    display: block;
    margin: 0;
    margin-top:  5px;
    padding: 1px;
    text-align: center;
    clear: both;
}

.modules table {
    border: medium solid white;
    border-collapse: collapse;
    display: block;   
}

.modules th {
    background-color: #696969;
    background-image: url(img/bg_footer.gif);
    border-bottom: 3px solid #3E3E3E;
    border: 1px solid #3E3E3E;
    padding: 2px;
    color: White;
    text-align: center;
    font-size: small;
    width: 300px;
    height: 20px;
}

.modules td {
    border: thin solid #3E3E3E;
    padding: 2px;
    text-align: center;
    width: 300px;
}

.modules td:hover {
  border: 1px dashed #3E3E3E;
}

.strugglerboxright {
    background-color: #D0D0F4;
    background-image: url(img/bg_footer.gif);
    background-repeat: repeat-x;
    background-position: top;
    border: 1px solid black;
    float: right;
    width: 200px;
    margin-left: 5px;
    padding: 3px;
    margin-bottom:  5px;
}

.strugglerboxleft {
    background-color: transparent;
    text-align: left;
    padding-bottom: 5px;
    text-align: justify;
   
}

.strugglerboxright h3 {
    color: White;
    text-align: center;
    font-weight: bold;
    font-size: small;
    padding: 0px;
    margin-top: 0px;
}

.strugglerboxright p {
    color: black;
    text-align: left;
    font-size: small;
    padding: 0px;
    border-bottom: 1px solid #483D8B;
    font-weight: bold;
}

#register {
    background-color: transparent;
    border: 1px dotted black;
    width: 430px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

#search {
    background-color: transparent;
    display: block;
    float: right;
    text-align: center;
    margin-top: 0px;
}

#toolbar {
    background-color: transparent;
    display: block;
    border-top: 1px solid;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 72%;
    font-size: 11px;
    font-family: "Times New Roman", Times, serif;
}

#toolbarboxleft {
    background-color: transparent;
    border-right: 1px solid black;
    display: block;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    width: 120px
}

#toolbarboxright {
    background-color: transparent;
    background-image: url(img/bg_footer.gif);
    display: block;
    border-right: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 124px;
    color: #A9A9A9;
}

#toolbarboxright a {
    color: #F0E68C;
    text-decoration: none;
    padding-right: 5px;
}

#toolbarboxright a:hover {
    color: #FFD700;
    text-decoration: none;
}

a.info{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #00BFFF;
    text-decoration: none;
    cursor: crosshair;
}

a.info:hover{z-index:28;}

a.info span{display: none}

a.info:hover span{
    /*the span will display just on :hover state*/
    display: block;
    width: 200px;
    position: absolute;
    border: 1px solid black;
    background-color: transparent;
    background-image: url(img/bg_tooltip.png);
    color: White;
    text-align: justify;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    margin-top: 5px;
}


Alors, cool! non?!

Oé grave !

Hep, un ch'ti délire que j'me suis tapé avé "ouindoz mouvi maikeure":

Bon j'vais continuer à palabrer seul sur un sujet qui n'intéresse personne... Si si, j'le vois bien vous en avez rien à cirer d'mes codes sources et logiciels, et tout l'tintouin, c'est pas grav, j'm'amuse tout seul. Et là pour m'amuser encore plus j'me suis offert trois bouquin:




-----------------------


--------------------


----------------------

hihi

Stef a écrit:Bon j'vais continuer à palabrer seul sur un sujet qui n'intéresse personne... Si si, j'le vois bien vous en avez rien à cirer d'mes codes sources et logiciels, et tout l'tintouin, c'est pas grav, j'm'amuse tout seul. Et là pour m'amuser encore plus j'me suis offert trois bouquin:




-----------------------


--------------------


----------------------

hihi

-Là alors là sérieux j'crois que tu vas t'amuser tout seul!!!!!!!!
________________________________
Oh combien de marins combien de capitaines ont sombré d'ennui dans des pages mathématiciennes.

pitié...arrètez essayer au moins d'agir en personne normalement constituée...

patate powa' a écrit:pitié...arrètez essayer au moins d'agir en personne normalement constituée...

C'est à dire ma patatoune?

c'est à dire ???!


"

Code:

html, body { margin: 0; padding: 0; height: 100%; background-image: url(img/bg_body.png); background-color: #483D8B; } #global { background-color: white; display: block; width: 900px; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 15px; padding: 0; font-family: arial, verdana, sans-serif; font-size: small; color: Black; border: 3px solid #D0D0F4; } #header { background-color: transparent; background-image: url(img/bg_header2.png); background-repeat: no-repeat; display: block; height: 120px; margin: 0; padding: 0; border: 1px solid black; } #navbar { background-color: transparent; border-left: 1px solid black; border-right: 1px solid black; } /*Credits: CSSpplay */ /*URL: http://www.cssplay.co.uk/menus/pro_four */ .menu { padding: 0 0 0 1em; margin: 0; list-style: none; height: 35px; background: url(img/pro_four0.gif); } .menu li { float: left; font-variant: small-caps; letter-spacing: 2px; } .menu li a { display: block; float: left; height: 35px; line-height: 33px; color: #aaa; text-decoration: none; font-family: arial, verdana, sans-serif; text-align: center; padding: 0 0 0 14px; cursor: pointer; font-size: 11px; } .menu li a b { float: left; display: block; padding: 0 28px 0 14px; } .menu li.current a { color: #fff; background: url(img/pro_four2.gif); } .menu li.current a b { background: url(img/pro_four2.gif) no-repeat right top; } .menu li a:hover { color: #fff; background: url(img/pro_four1.gif); } .menu li a:hover b { background: url(img/pro_four1.gif) no-repeat right top; } .menu li.current a:hover { color: #fff; background: url(img/pro_four2.gif); } .menu li.current a:hover b { background: url(/img/pro_four2.gif) no-repeat right top; } #centre { background-color: transparent; display: block; margin: 0; padding: 15px; border: 1px solid black; } #left { background-color: transparent; border: 1px solid black; display: block; margin-bottom: 5px; position: relative; float: left; width: 200px; height: 120px text-align: center; padding: 3px; } .leftboxes { background-color: #D0D0F4; border: 1px solid black; display: block; padding-left: 2px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; color: #483D8B; font-size: small; text-align: justify; } .leftboxes p { background-color: #D0D0F4; display: block; background-image: url(img/bg_footer.gif); height: 20px; margin: 0; padding-top: 2px; padding-bottom: 2px; text-align: center; color: white; font-weight: bold; font-size: small; } #right { background-color: transparent; margin-left: 220px; display: block; height: auto; min-height: 200px; font-size: small; } #footer { background-color: Black; background-image: url(img/bg_footer.gif); text-align: center; clear: both; height: 18px; color: White; padding-top: 4px; font-size: x-small; } #footer a { color: #DAA520; text-decoration: none; } #footer a:hover { color: #A9A961; text-decoration: none; } h1 { color: #191970; font-size: x-large; background-color: #D0D0F4; padding: 0; padding-left: 5px; margin: 0; border: 1px solid black; } h2 { color: #483D8B; font-size: large; border-bottom: 1px solid #A2A3E9; padding-left: 32px; } h3 { color: #A2A3E9; font-size: medium; font-style: italic; padding-left: 16px; } h1, h2 { font-variant: small-caps; } h2, h3 { margin-top: 3; padding-top: 0px; padding-bottom: 0px; } a { color: Red; text-decoration: none; } a:hover { color: Red; text-decoration: underline; } img { border: 0; caption-side: top; } hr { color: #191970; background-color: #D0D0F4; height: 0px; border: 1px dotted; clear: both; } .modules { background-color: transparent; border: 1px solid black; display: block; margin: 0; margin-top: 5px; padding: 1px; text-align: center; clear: both; } .modules table { border: medium solid white; border-collapse: collapse; display: block; } .modules th { background-color: #696969; background-image: url(img/bg_footer.gif); border-bottom: 3px solid #3E3E3E; border: 1px solid #3E3E3E; padding: 2px; color: White; text-align: center; font-size: small; width: 300px; height: 20px; } .modules td { border: thin solid #3E3E3E; padding: 2px; text-align: center; width: 300px; } .modules td:hover { border: 1px dashed #3E3E3E; } .strugglerboxright { background-color: #D0D0F4; background-image: url(img/bg_footer.gif); background-repeat: repeat-x; background-position: top; border: 1px solid black; float: right; width: 200px; margin-left: 5px; padding: 3px; margin-bottom: 5px; } .strugglerboxleft { background-color: transparent; text-align: left; padding-bottom: 5px; text-align: justify; } .strugglerboxright h3 { color: White; text-align: center; font-weight: bold; font-size: small; padding: 0px; margin-top: 0px; } .strugglerboxright p { color: black; text-align: left; font-size: small; padding: 0px; border-bottom: 1px solid #483D8B; font-weight: bold; } #register { background-color: transparent; border: 1px dotted black; width: 430px; margin-left: auto; margin-right: auto; padding: 5px; } #search { background-color: transparent; display: block; float: right; text-align: center; margin-top: 0px; } #toolbar { background-color: transparent; display: block; border-top: 1px solid; border-bottom: 1px solid black; border-left: 1px solid black; text-align: left; margin-left: auto; margin-right: auto; margin-top: 8px; margin-bottom: 8px; width: 72%; font-size: 11px; font-family: "Times New Roman", Times, serif; } #toolbarboxleft { background-color: transparent; border-right: 1px solid black; display: block; float: left; padding-left: 2px; padding-right: 2px; text-align: center; width: 120px } #toolbarboxright { background-color: transparent; background-image: url(img/bg_footer.gif); display: block; border-right: 1px solid black; padding-left: 5px; padding-right: 5px; margin-left: 124px; color: #A9A9A9; } #toolbarboxright a { color: #F0E68C; text-decoration: none; padding-right: 5px; } #toolbarboxright a:hover { color: #FFD700; text-decoration: none; } a.info{ position: relative; /*this is the key*/ z-index: 24; color: #00BFFF; text-decoration: none; cursor: crosshair; } a.info:hover{z-index:28;} a.info span{display: none} a.info:hover span{ /*the span will display just on :hover state*/ display: block; width: 200px; position: absolute; border: 1px solid black; background-color: transparent; background-image: url(img/bg_tooltip.png); color: White; text-align: justify; font-size: small; font-family: Arial, Helvetica, sans-serif; padding: 5px; margin-top: 5px; }

Alors, cool! non?! "


hum...t'as déja vu ce genre de truc sur un autre forum que celui-ci ? xD

ho oki, j'avais point compris ta phrasounette tite patatounette, sorry baby chou

comment "SON" createur ????

héééééhoooooooo, le niou est un artiste complet je rapelle, j ai participé aussi moi.

mdr putain j vais passer pour une tete enflée a force HAHAHA !!!

Tous les génies ne sont reconnu qu'après leur trépas... Il va de même pour moa!
De leur vivant on dit qu'ils sont "zarb, chelou, fou, etc" puis après on dit tout le contraire ...

"chelou"

ahah ! une dédicasse pour la patate je suppose ? ça t'as marqué ça hein ?