Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 Un cuicui ? Codeur ?! oO

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Un cuicui ? Codeur ?! oO   Ven 28 Oct 2011 - 13:37

CUICUI-CHAN
”Le cuicui veut être codeur !”

Bonjour, bonjour ! *O*
Mh.. Et bien.. J'aimerais pouvoir avoir des cour de codage pour que plus tard, j'ai un très bon niveau pour pouvoir être codeur. Je pense avoir un assez bon niveau en CSS et en HTML mais il me manque quelques choses à apprendre. Tout ce dont je suis capable, ce sont les tableaux, les messages personnalisés comme celui-ci, les PA en accordéons (Du moins, le javascript m'a été donné.) J'aimerais avoir un professeur qui puisse m'apprendre le code javascript et aussi (petit problème dans un de mes code) mettre la PA en accordéon cliquable parce que la mienne défile toute seule. Voilà, je crois que c'est tout. Enfin, c'est déjà pas mal ^^

Merci beaucoup *O*
Cuicui-chan !

Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Ven 28 Oct 2011 - 14:56

Je peut être ton professeur si tu veut. Quand tu parle d'acordéon, tu parle de quelque chose comme sa?
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Ven 28 Oct 2011 - 15:01

Je veux bien que tu sois mon professeur, et oui, c'est bien de cela que je parle ^^
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Sam 29 Oct 2011 - 16:01

Est-ce que tu as le code de ton menu accordéon histoire que je voit pourquoi sa ne marche pas??
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 30 Oct 2011 - 8:26

Oui, oui, je te le donne :

Mon CSS :

Code:
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ul { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 {color: #fff; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
 
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
 
.accordion li > h2:hover { cursor: pointer; }
 
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
 
/****************************************** Base */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
 
/****************************************** foncé */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
 
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
 
.dark li > h2 span { background: #353535; color: white; }
 
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
 
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }
 
/*************************************** Arrondis */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

Ma généralité :

Code:
    <div id="one" class="accordion">
        <ul>
            <li>
                <h2><span>Onglet 1</span></h2>
                <div><img src="http://img685.imageshack.us/img685/3145/enfer.png">

<table><tr>
<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 150px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 150px" ><br><div class="subnav"><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t1-le-reglement"><font size=1px>LE REGLEMENT</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/t5-groupes"><font size=1>LES GROUPES</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t4-avatars-pris"><font size=1>AVATARS PRIS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t8-le-staff#9"><font size=1>LE STAFF</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t7-fiche-type"><font size=1px>LES PRESENTATIONS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/"><font size=1>DEVENIR PARTENAIRE ?</a></div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 490px" ><center><b>CONTEXTE</b></center></div><div style="padding: 7px;  height: 100px; width: 490px" ><div style="width: 490px;height:100px;overflow:auto;"><div align="justify">Avant toutes choses, je dois vous dire que ce lycée n'a pas toujours été comme il l'est à l'heure actuelle. Bien au contraire. C'était un établissement de très grande renommée. Les élèves étaient des surdoués. Leurs avenir était déjà tout tracés à leurs inscriptions. Certains iraient dans les académies les plus grande, d'autre hériteraient de l'entreprise familiale, etc.. En tout cas, personne pourrait immaginer qu'un tel lycée finirait en "lycée poubelle". Et oui, car maintenant, ce lycée accueil des étudiants rebelles, qui n'ont aucuns savoirs vivre.
Tout cela à débuté à l'arrivée de deux élèves. On se demandait comment ils s'étaient débrouillés pour rentrer dans une école comme celle-ci. Ils étaient brute, sans pitié et montaient les élève contre les autres élèves. Même les dirigeant administratif ne pouvaient rien faire contre leur méchanceté. C'était le duo que tout le monde craignait. Et cinquante ans plus tard, le lycée pouvait vraiment être qualifié de déchetterie humaine. Celui qui s'y inscrit ne doit pas avoir en tête de travailler. Mais surtout se battre.
</div></td>
</tr></table>

</div>
            </li>
            <li>
                <h2><span>Onglet 2</span></h2>
                <div>
<img src="http://img685.imageshack.us/img685/3145/enfer.png">


<center><table><tr>
<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>KYOKUGAISHA</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha#23"><img src="http://img338.imageshack.us/img338/2167/kyokugaisha1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">HIKARU SUICHI</div><div style="text-align: center; font-size: 9px; font-family: Georgia;">Takeru [SuG]</div>
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha#39"><img src="http://img84.imageshack.us/img84/2070/jhtd.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">LEE TAE HYEN</div>Lee Hong Ki
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>SEIJOU</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img812.imageshack.us/img812/456/seijou1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">HONGO KOICHI</div>Hongo Kanata
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#35"><img src="http://img510.imageshack.us/img510/774/kgh.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SHIKI HATSU</div>Reita [The GazettE]
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>KYOURETSU</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t23-kyouretsu#24"><img src="http://img526.imageshack.us/img526/1505/kyouretsu1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">RYUSUKE IKEBA</div>Park Jae Hyeon
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t23-kyouretsu#25"><img src="http://img708.imageshack.us/img708/7598/kyouretsu2.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">PARK SANG MIN</div>Yun Ho [DBSK]
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t23-kyouretsu#38"><img src="http://img85.imageshack.us/img85/2012/kgdh.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">USAMI FUBUKI</div>Yamashita Tomohisa
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t23-kyouretsu#37"><img src="http://img100.imageshack.us/img100/1795/86517499.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">YEONG JIN KI</div>G Dragon [Big Bang]
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t23-kyouretsu#36"><img src="http://img407.imageshack.us/img407/4622/jhd.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">PARK JONG HEE</div>T.O.P [Big Bang]
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>CHIYURITSU</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img521.imageshack.us/img521/7899/chiyuritsu1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">CHAE LEE XUA</div>Jong Jin Yeong
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img337.imageshack.us/img337/9738/chiyuritsu2.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">ERIKA HIKARI</div>Emi Suzuki
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img20.imageshack.us/img20/6104/chiyuritsu3.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">AYUMI KUROGANE</div>Ai Otsuka
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>FUTSUU</b></center></div><div style="padding: 7px;  height: 90px; width: 100px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img197.imageshack.us/img197/3328/futsuu1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">YURI KAZUKI</div>Nana Kitade
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img692.imageshack.us/img692/5954/futsuu2gt.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KIM SUA NIM</div>Lee Yeon Ju [Mikki]
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>ARAI</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img36.imageshack.us/img36/9653/arai1.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">PARK JIN YEONG</div>BoA
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img208.imageshack.us/img208/6409/kyudt.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">MIN CHUN HEI</div>Park Yong Hee
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">P&N</div>Blablabla
</center></span></div></td></tr></table></div></td>
</table></span>

</div>
            </li>
            <li>
                <h2><span>Onglet 3</span></h2>
                <div><img src="http://img685.imageshack.us/img685/3145/enfer.png">
<table><tr><td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 120px" ><center><b>STAFF</b></center></div><div style="padding: 5px; height: 100px; width: 120px" ><center><table><tr><td><div class="infobulle"><img src="http://img687.imageshack.us/img687/2690/guim.png">
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">MIKUO ISHIKA</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Fondatrice</div>
<table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/u1"><font size=2px><div align="right">Profil</div></a>
</div></div></td>

<td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/privmsg?mode=post&u=1"><font size=2px><div align="right">MP</div></a>
</div></div></td></tr></table>

</div></div>

</center></span></div></td><td><div class="infobulle"><img src="http://img534.imageshack.us/img534/2754/keikoe.png">
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">OKAMI KAMEKO</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Administratrice</div>
<table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">Profil</div></a>
</div></div></td>

<td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">MP</div></a>
</div></div></td></tr></table>

</div></div>



</center></span></div></td></tr></table></center></div>
</div></td>


<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 130px" ><center><b>TOP-SITE</b></center></div><div style="padding: 5px; height: 100px; width: 130px" ><center><table><tr><td><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=5200" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17405" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></td></tr></table><table><tr><td><a href="http://www.root-top.com/topsite/blackycalimera/in.php?ID=2949" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></center></div></td></tr></table>
</div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 130px" ><center><b>PARTENAIRES</b></center></div><div style="padding: 5px;  height: 100px; width: 130px" >

<center><table><tr>
<td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td>    <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td></tr></table>
<table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td>
</table></span>
    </div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 248px" ><center><b> NOUVEAUTÉS </b></center></div><div style="padding: 7px;  height: 100px; width: 248px" ><div style="width: 248px;height:100px;overflow:auto;"><div align="justify">Mmh.. Et bien, toujours rien pour le moment ! ><
</div></td>
</tr></table>
</div>
            </li>
        </ul>
    </div>

Et mes deux Javascript :

Code:
/*************************************************
            *
            *  project:    liteAccordion - vertical accordion plugin for jQuery
            *  author:    Nicola Hibbert
            *  url:        http://nicolahibbert.com/horizontal-accordion-jquery-plugin
            *  demo:        http://www.nicolahibbert.com/demo/liteAccordion
            *
            *  Version:    1.1.3
            *  Copyright:    (c) 2010-2011 Nicola Hibbert
            *
            /*************************************************/
            ;(function($) {
           
              $.fn.liteAccordion = function(options) {
                     
                  // defaults
                  var defaults = {
                    containerWidth : 830,
                    containerHeight : 200,
                    headerWidth : 48,
                 
                    firstSlide : 1,
                    onActivate : function() {},
                    slideSpeed : 800,
                    slideCallback : function() {},     
                 
                    autoPlay : false,
                    pauseOnHover : false,
                    cycleSpeed : 6000,
       
                    theme : 'basic', // basic, light*, dark, stitch*
                    rounded : false,
                    enumerateSlides : false
                  },
               
                  // merge defaults with options in new settings object         
                    settings = $.extend({}, defaults, options),
           
                  // define key variables
                    $accordion = this,
                    $slides = $accordion.find('li'),
                    slideLen = $slides.length,
                    slideWidth = settings.containerWidth - (slideLen * settings.headerWidth),
                    $header = $slides.children('h2'),
                 
                  // core utility and animation methods
                    utils = {
                        getGroup : function(pos, index) {   
                          if (this.offsetLeft === pos.left) {
                              return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth });
                          } else if (this.offsetLeft === pos.right) {
                              return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) });
                          }             
                        },
                        nextSlide : function(slideIndex) {
                          var slide = slideIndex + 1 || settings.firstSlide;
       
                          // get index of next slide
                          return function() {
                              return slide++ % slideLen;
                          }
                        },
                        play : function(slideIndex) {
                          var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure
                              start = function() {
                                $header.eq(getNext()).click();
                              };
                       
                          utils.playing = setInterval(start, settings.cycleSpeed);     
                        },
                        pause : function() {
                          clearInterval(utils.playing);
                        },
                        playing : 0,
                        sentinel : false
                    };   
               
                  // set container heights, widths, theme & corner style
                  $accordion
                    .height(settings.containerHeight)
                    .width(settings.containerWidth)
                    .addClass(settings.theme)
                    .addClass(settings.rounded && 'rounded');
               
                  // set tab width, height and selected class
                  $header
                    .width(settings.containerHeight)
                    .height(settings.headerWidth)
                    .eq(settings.firstSlide - 1).addClass('selected');
               
                  // ie :(
                  if ($.browser.msie) {
                    if ($.browser.version.substr(0,1) > 8) {
                        $header.css('filter', 'none');
                    } else if ($.browser.version.substr(0,1) < 7) {
                        return false;
                    }
                  }
               
                  // set initial positions for each slide
                  $header.each(function(index) {
                    var $this = $(this),
                        left = index * settings.headerWidth;
                     
                    if (index >= settings.firstSlide) left += slideWidth;
                 
                    $this
                        .css('left', left)
                        .next()
                          .width(slideWidth)
                          .css({ left : left, paddingLeft : settings.headerWidth });
                 
                    // add number to bottom of tab
                    settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');     
       
                  });
                     
                  // bind event handler for activating slides
                  $header.click(function(e) {
                    var $this = $(this),
                        index = $header.index($this),
                        $next = $this.next(),
                        pos = {
                          left : index * settings.headerWidth,
                          right : index * settings.headerWidth + slideWidth,
                          newPos : 0
                        },
                        $group = utils.getGroup.call(this, pos, index);
                                 
                    // set animation direction
                    if (this.offsetLeft === pos.left) {
                        pos.newPos = slideWidth;
                    } else if (this.offsetLeft === pos.right) {
                        pos.newPos = -slideWidth;
                    }
                 
                    // check if animation in progress
                    if (!$header.is(':animated')) {
       
                        // activate onclick callback with slide div as context   
                        if (e.originalEvent) {
                          if (utils.sentinel === this) return false;
                          settings.onActivate.call($next);
                          utils.sentinel = this;
                        } else {
                          settings.onActivate.call($next);
                          utils.sentinel = false;
                        }
       
                        // remove, then add selected class
                        $header.removeClass('selected').filter($this).addClass('selected');
                 
                        // get group of tabs & animate     
                        $group
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) })
                          .next()
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed);
                           
                    }
                  });
                 
                  // pause on hover     
                  if (settings.pauseOnHover) {
                    $accordion.hover(function() {
                        utils.pause();
                    }, function() {
                        utils.play($header.index($header.filter('.selected')));
                    });
                  }
                     
                  // start autoplay, call utils with no args = start from firstSlide
                  settings.autoPlay && utils.play();
               
                  return $accordion;
               
              };
           
            })(jQuery);

Code:
$(document).ready(function(){
            $('#one').liteAccordion({
                          onActivate : function() {
                              this.find('figcaption').fadeOut();
                          },
                          slideCallback : function() {
                              this.find('figcaption').fadeIn();
                          },
                          autoPlay : true,
                          pauseOnHover : true,
                          theme : 'dark',
                          rounded : true,
                          enumerateSlides : true           
                    }).find('figcaption:first').show();
            });

Voilà. Bon, si il y a un problème autre que l'accordéon, c'est tout à fait normal, je ne l'ai pas encore fini.

Merci beaucoup ^^
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 30 Oct 2011 - 15:56

Arf, j'ai vu que tu utilisais jquery, dans ce cas, je ne vais pas pouvoir t'aider beaucoup étant donné que je n'y connais rien... Je peut t'aider pour le javascript pur, bien sur, mais pour ce code je ne pourrais pas, désolé... :s
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 30 Oct 2011 - 19:15

D'accord, ce n'est pas grave.
Et je veux bien que tu m'apprenne le javascript pur ^^
Merci beaucoup *O*
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 16:30

Qu'est-ce que tu connais en javascript??
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 16:38

Euh rien du tout, justement.. ^^'
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 16:52

Ah d'accord ^^.
Tu connais un peu ce qu'est le langage Javascript ou non?
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 19:25

Non pas du tout, je n'ai jamais toucher du javascript de ma vie mise à part des codes tout prêt ><
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 20:22

Bon, alors on va commencer par un peu de vocabulaire alors:
Le javascript est un langage client, c'est à dire qu'il est lu du côté du navigateur de l'utilisateur. Si l'utilisateur à un navigateur web où le javascript n'est pas activé, ou trop vieux, sa ne marcheras donc pas.
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 20:38

D'accord, pour le moment c'est tout simple. D'après se que j'ai compris, si mon forum est optimisé pour Google Chrome, on n'aura pas le javascript sur Mozilla par exemple.
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 20:40

Si, car le javascript est le même pour tous les navigateurs. Par contre si tu met du javascript qui marche pour la dernière version de Google Chrome, sa ne marcheras pas forcément sur la première version d'Internet Explorer.
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 20:41

Ah d'accord ! J'ai compris ^^
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 20:47

Bien, alors avant d'attaquer, je vais te dire où placer le code dans la page.Il faut le mettre entre les balises script comma sa:
Code:
<script type="text/javascript">Code javascript</script>
Ou encore dans un fichier .js
comme sa:
Code:
<script type="text/javascript" src="lien.js"></script>
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mar 1 Nov 2011 - 21:15

Mh.. Oui, d'accord.
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Mer 2 Nov 2011 - 15:23

Tu peut aussi l'insérer dans une balise, comme par exemple dans un lien.
Code:
<a href="#" onClick="//code javascript">Clique</a>

Tu peut aussi faire :
Code:
<a href="javascript: //code javascript">Clique</a>
Mais je te le déconseille fortement.

Je vais t'apprendre maintenant comment se présente le javascript.
Il y a des instructions, et chaque instruction se termine par un point virgule!!
Tu peut retourner à la ligne où pas, mettre des espaces, sa ne changeras rien, mais ton code sera plus clair.

Tu peut aussi mettre des commentaires, qui ne seront visible quand dans le fichier où il y a ton javascript, mais qui n'affecteront pas les instructions.
Tu peut mettre un commentaire sur un ligne en le faisant précédant de deux slashs ( // ).
Code:
//Début du script
instruction; //Mon instruction
//Fin du script
Ou sur plusieurs ligne en le faisant commencer par /* et en le faisant terminer par */.
Code:
/* Voici un commentaire.
Il est sur plusieurs lignes. */
instruction; /* On peut aussi le mettre sur une seule ligne */
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Sam 5 Nov 2011 - 9:49

Ah oui, c'est un peu comme le CSS, c'est assez simple à comprendre ^^
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 6 Nov 2011 - 15:11

Bon, on va commencer par les variables.
Les variables sont des espaces de stockages. Tu peut y enregistrer des nombres comme des lettre et d'autres choses que nous verront plus tard.
Tout d'abord, il faut déclarer la variable, c'est à dire de la créer. Pour sa, il faut lui donner un nom.Tu peut utiliser toutes les lettres de l'alphabet, les nombres de 0 à 9, le dollar ("$"), l'underscore ("_"), mais tu ne peut pas faire commencer le nom de ta variable par un chiffre.
Pour déclarer ta variable, tu as juste à mettre le nom que tu à choisis précédé du mot-clé var, comme sa :
Code:
var nom_dema_Variable;
Tu peut ensuite lui donner une valeur comme sa :
Code:
var nom_dema_Variable;
nom_dema_Variable = 6;
Tu peut aussi faire:
Code:
var nom_dema_Variable = 6;
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 6 Nov 2011 - 15:47

Huh.. C'est quoi les valeurs ?
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 6 Nov 2011 - 16:33

Ce que tu veut que ta variable "retienne" (un nombre, une phrase...).
Tu peut aussi déclarer plusieurs variables en une seule fois comme ceci:
Code:
var variable1, variable2 ="Bonjour", variable3 = 4;
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Dim 6 Nov 2011 - 18:10

Ah !
C'est, par exemple, quand on veut faire un tableau, et que dans ta variable on met "bonjour", sa affiche "bonjour", non ?
Revenir en haut Aller en bas
avatar
vaati

Prof HTML - CSS }
Masculin Messages : 95
Age : 20
Date d'inscription : 13/08/2011
Système d'exploitation : Windows XP

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Lun 7 Nov 2011 - 17:45

C'est le principe oui :).
Avec le javascript, tu peut aussi faire des calculs.
Il y a 5 opérateurs, l'addition (+), la soustraction (-), la multiplication (*), la division (/) et le modulo (%).
Le modulo est le reste d'une division.

Pour faire un calcul, c'est simple, il suffit de faire :
Code:
var calcul1  = 3 + 5; //calcul1 sera égal à 8
var calcul2  = 6 / 2; //calcul2 sera égal à 3

Tu temps en temps, tu devras faire:
Code:
var calcul  = 1;
calcul  = calcul +1; //calcul sera égal à 2
Tu peut le simplifier en :
Code:
var calcul = 1;
calcul += 1; //rajoute 1 à calcul, qui sera égal à 2

Tu peut faire pareil avec les autres calcul (+=, -=, *=, /=, %=).
Revenir en haut Aller en bas
avatar
Cuicui-chan

Elève }
Féminin Messages : 40
Age : 21
Date d'inscription : 26/10/2011
Système d'exploitation : Windows 7

MessageSujet: Re: Un cuicui ? Codeur ?! oO   Ven 11 Nov 2011 - 19:08

Ah, c'est trop bien *O*
C'est vachement pratique comme truc !
Revenir en haut Aller en bas
Contenu sponsorisé


MessageSujet: Re: Un cuicui ? Codeur ?! oO   

Revenir en haut Aller en bas
 

Un cuicui ? Codeur ?! oO

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: Travaux encadrés-
Sauter vers: