Code Source ...

REGGAE STRUGGLE :: REGGAE GEEK :: BINAIRE & CO.

Page 1 sur 2 • 1, 2  Suivante

Voir le sujet précédent Voir le sujet suivant Aller en bas

Code Source ...

Message par Stef le Ven 21 Déc - 18:51

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

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 ! Very Happy 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?! Laughing Cool

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par Tsina le Ven 21 Déc - 19:12

Oh putain tu deviens grave là stef...

Tsina
Struggler Moderator BX 4000
Struggler Moderator BX 4000

Messages : 2811
Inscrit le : 31 Mar 2006
Age : 19
rêves, buts : voyager
Forum de référence : Atelier Zik

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Ven 21 Déc - 19:35

Oé grave !

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Dim 23 Déc - 22:16

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




Dernière édition par le Mer 30 Jan - 12:42, édité 1 fois

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Sam 5 Jan - 17:46

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
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par Ramon TAFREZ le Sam 5 Jan - 22:43

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

lol! lol! lol! lol!
-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.

Ramon TAFREZ
Struggler Loquace

Messages : 971
Inscrit le : 27 Déc 2007
Age : 50
départ et arrivée : Champagne et Ardennes
activités : Boomerang & Roller
Forum de référence : Atelier Zik

Revenir en haut Aller en bas

Re: Code Source ...

Message par patate powa' le Dim 6 Jan - 15:24

pitié...arrètez essayer au moins d'agir en personne normalement constituée...
(R) é V O L u T i O N

patate powa'
Struggleuse Toupi

Messages : 1371
Inscrit le : 07 Nov 2007
Age : 95
départ et arrivée : dans la friteuse
Forum de référence : Broz Reggae Tabs style

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Lun 7 Jan - 5:24

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


C'est à dire ma patatoune?

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par patate powa' le Lun 7 Jan - 14:01

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?! Laughing Cool "


hum...t'as déja vu ce genre de truc sur un autre forum que celui-ci ? xD
(R) é V O L u T i O N

patate powa'
Struggleuse Toupi

Messages : 1371
Inscrit le : 07 Nov 2007
Age : 95
départ et arrivée : dans la friteuse
Forum de référence : Broz Reggae Tabs style

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Lun 7 Jan - 14:05

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

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par Tsina le Lun 7 Jan - 20:53

Justement patate, c'est ça qui fait toute l'originalité de ce forum...
Il est tout à l'image de son créateur

Tsina
Struggler Moderator BX 4000
Struggler Moderator BX 4000

Messages : 2811
Inscrit le : 31 Mar 2006
Age : 19
rêves, buts : voyager
Forum de référence : Atelier Zik

Revenir en haut Aller en bas

Re: Code Source ...

Message par new_wave le Lun 7 Jan - 20:55

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 !!!
lift up your conscience !!

new_wave
Struggler Raggamuffin

Messages : 1750
Inscrit le : 28 Mar 2006
Age : 33
départ et arrivée : region parisienne
Forum de référence : Atelier Zik

Revenir en haut Aller en bas

Re: Code Source ...

Message par Tsina le Lun 7 Jan - 21:01

Ben on va dire que tu n'as même pas les codes que stef il a pour tout trafiquer à sa guise...donc question création stef est LE créateur...mais je ne remets pas en cause ton rôle de modérator.
Tu nous as débarassé d'une invasion de pubs à toi tout seul...

Tsina
Struggler Moderator BX 4000
Struggler Moderator BX 4000

Messages : 2811
Inscrit le : 31 Mar 2006
Age : 19
rêves, buts : voyager
Forum de référence : Atelier Zik

Revenir en haut Aller en bas

Re: Code Source ...

Message par Stef le Lun 7 Jan - 21:34

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 ... Shocked

Stef
Zion Struggler

Messages : 1991
Inscrit le : 28 Mar 2006
Age : 38
départ et arrivée : d'ici-bas jusque dans l'éternité
activités : musique
rêves, buts : m'envoler, voir le soleil partout
Forum de référence : Tous

Revenir en haut Aller en bas

Re: Code Source ...

Message par patate powa' le Mar 8 Jan - 16:33

"chelou"

ahah ! une dédicasse pour la patate je suppose ? ça t'as marqué ça hein ? Razz
(R) é V O L u T i O N

patate powa'
Struggleuse Toupi

Messages : 1371
Inscrit le : 07 Nov 2007
Age : 95
départ et arrivée : dans la friteuse
Forum de référence : Broz Reggae Tabs style

Revenir en haut Aller en bas

Page 1 sur 2 • 1, 2  Suivante

Voir le sujet précédent Voir le sujet suivant Revenir en haut

REGGAE STRUGGLE :: REGGAE GEEK :: BINAIRE & CO.

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum