test

Iyame

<table style="margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;" border="0">
<tbody>
<tr>
<th>                    
<div style="width: 150px; height: 40px; text-align: center; background-color: #6080d1; border-radius: 10px 10px 0px 0px;"><a href="#ONGLET1">Image du jour</a></div>
               </th><th>                    
<div style="width: 150px; height: 40px; text-align: center; background-color: #6080d1; border-radius: 10px 10px 0px 0px;"><a href="#ONGLET2">Webcomic du jour</a></div>
               </th><th>                    
<div style="width: 150px; height: 40px; text-align: center; background-color: #6080d1; border-radius: 10px 10px 0px 0px;"><a href="#ONGLET3">Liste de Webcomics</a></div>
               </th><th>                    
<div style="width: 150px; height: 40px; text-align: center; background-color: #6080d1; border-radius: 10px 10px 0px 0px;"><a href="#ONGLET4">A venir</a></div>
               </th>
</tr>
</tbody>
</table>
<div style="width: 605px; height: 750px; text-align: center; overflow: hidden; margin: auto; position: relative; z-index: auto; background-color: #6080d1;">
Salut les sailors ! :D
 Que je vous fasse une petite présentation histoire de savoir de quoi ça cause par ici, huhuhu ! Dans ce club, on aura une partie jeu où je vous posterais une image tirée d'un film, d'une série ou même d'un dessin animé/anime, et ce sera à vous de trouver le titre de l'&oelig;uvre en question ! Pour voir l'image, il suffit de cliquer sur le petit onglet "Image du jour". A vous de jouer ! ;D Il va y avoir aussi une petite partie découverte, où je vous ferais une rapide présentation d'un webcomic (c'est une BD en ligne, lisible gratuitement, pour ceux qui ne connaissent pas :3). Pour cette partie, les nouveautés seront postés plus aléatoirement, mais si vous en ratez une, pas de problèmes, les webcomics déjà présentés seront listés dans le 3e onglet avec un lien vers celui-ci ! Ce n'est pas un concours, juste un petit jeu ! Il n'y a donc pas de lots à la clé. Peut-être que cela changera dans le futur, mais ce n'est pas pour tout de suite ! 
 Bien sûr, en tant que membre du club, vous pouvez me proposer des images à faire deviner aux autres sailors, ou bien des lectures que vous avez aimez et que vous voulez partager, je les afficherais alors sur la page de présentation du club ! (Cela signifiant que la partie "découverte de webcomic" pourra s'élargir à d'autres type de lecture, par exemple : manga, romans, fanfiction, ect...) 
 Sur ce, bon jeu et bonne découverte ! =D
 
<img src="http://www.gifmania.fr/Gif-Animes-Films/Animations-Elements-De-Cinema/Images-Movie-Theaters/Movie-Theaters-82068.gif" alt="" width="412" height="290" /> 
 
<table style="margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;" border="0">
<tbody style="position: relative; z-index: auto;">
<tr style="position: relative; z-index: auto;">
<td style="position: relative; z-index: auto;">               
<div style="width: 605px; height: 800px; text-align: center; overflow: auto; margin: auto; scrolling: auto; position: relative; z-index: auto; background-color: #6080d1;">                                  <a name="ONGLET1"></a> Aloooors ? Saurez-vous deviner d'où vient cette image ?! Donnez votre réponse en commentaire sur le club ! ;D <img src="https://i.ytimg.com/vi/QVaD0Uxm8ho/hqdefault.jpg" alt="" width="600" height="338" /> Liste des films/séries ayant déjà été trouvé : Gangsta (trouvé par luna1802) Le Secret de Terabithia (Aria2neige) Gravity (mllefricadelle) Doctor Who (mllefricadelle) Le Jour d'Après (mllefricadelle) Coeur de Dragon (Helvelina) Cloverfield (Helvelina) Batman : The Dark Knight (Helvelina) Le Voyage de Chihiro (Helvelina) Captain America : First Avenger (sagittaire25) World War Z (mllefricadelle) Durarara! (Helvelina) Million Dollar Baby (sagittaire25) Open Range (Yokosama) Agents très spéciaux : Code U.N.C.L.E (sagittaire25) Hentai Kamen (Yokosama) Baccano (Helvelina) Enemy Mine (Yokosama) Hunger Games (mllefricadelle) Sacrée Graal (sagittaire25) Babar (Yokosama) La Planète des singes (Yokosama) Fear the walking dead (mikiyo) Percy Jackson : le voleur de foudre (Alecto) I, Frankestein (Achinyan) Vampire Diaries (Iyame)Poccahontas (mllefricadelle)La Momie (Achinyan)Le Seigneur des Anneaux : le retour du roi (mllefricadelle)Zootopie (mllefricadelle)Being Human (Alecto) Death Parade (Iyame) Harry Potter (mllefricadelle) Zak et Crysta (Iyame)</div>
                           </td>
</tr>
<tr style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<td style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<div style="width: 605px; height: 800px; text-align: center; overflow: auto; margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: #6080d1;">
 <a name="ONGLET2"></a> 
<img src="https://40.media.tumblr.com/bcc2ce3ac30f891f1e6e24b5a632a0b5/tumblr_inline_npl0jfHrV91qzpe2a_540.jpg" alt="" /> 
WILDE LIFE
C'est l'histoire d'un gars, Oscar, qui loue une vieille maison dans un coin bien paumé pour être sûr d'être tranquille. Sauf que voilà, tout les gens qui cherchent la discrétion et la traquillité viennent vivre par là on dirait ! Des "gens" ?
Dès son arrivée il constate que la maison est hantée, se retrouve avec un loup devant sa porte, et il n'est pas au bout de ses surprises ! Peut-êre pas si tranquille que ça cet endroit...
 
Bref, si vous aimez les créatures fantastiques et les gamins un peu râleur (je t'aime Clifford &hearts; xD), je vous recommande de lire ce web comic !
 
En anglais et tout public
[en cours de publication]
 
<a href="http://www.wildelifecomic.com/comic/1">Lien web comic</a>
<a href="https://www.facebook.com/wildelifecomic/?fref=ts">Lien facebook</a>
 
<img src="https://scontent-cdg2-1.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/36855_129667437066533_4620093_n.jpg?oh=08568b8d2372fa02260024c93de26794&oe=57024480" alt="" width="537" height="368" />
</div>
            THE COCKROACH, INC.
Alors voilà comment l'auteur résume sa BD : 
"Ils sont jeunes, ils sont beaux et ils sont un peu con. Ziprian et son ami Ovide vivent des aventures débiles avec leurs improbables acolytes, entre Starbucks Coffee et les cours à la fac (de Jussieu)." 
C'est un bon résumé xD Un web comic bien sympa, mêlant références geek, beaucoup d'humour, un peu d'amour (&hearts;) et de rateaux XD Enfin bref, on lit dans la bonne humeur et les rires ! Avec du Boy's Love en prime pour ceux qui aime <3
Et je dirais que ce web comic a un petit plus par rapport aux autres, en effet, il "cache" des effets dans certaines de ses pages ! Des images s'animent, on peut cliquer dessus pour avoir accès à des vidéos youtubes ou des screens de conversations skype, ect... !
Je l'ai lu il y a longtemps, je crois que je vais me le relire  !!
 
En français et tout public
[TERMINé !]
<a href="http://cockroach-inc.blogspot.fr/2008/08/bravery.html">Lien web comic</a>
<a href="https://www.facebook.com/Cockroach-Inc-129667307066546/timeline">Lien facebook</a>
</td>
</tr>
<tr style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<td style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">               
<div style="width: 605px; height: 800px; text-align: left; overflow: auto; margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: #6080d1;">                    <a name="ONGLET3"></a> ICI CEST LONGLET NUMERO TROIS                                                    </div>
           </td>
</tr>
<tr style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<td style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">               
<div style="width: 605px; height: 800px; text-align: center; overflow: auto; margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: #6080d1;">                                  <a name="ONGLET4"></a> ICI CEST LONGLET NUMERO QUATRE                                                                    </div>
           </td>
</tr>
</tbody>
</table>
</div>

à 22:46 le 09/07/2016

Iyame

Salut ,
Désoler si je derange mais si tu as le temps je voudrais que tu corrige ce code c'est pour un club qui m'a demandais de le faire dpuis longtemps mais je n'arrivais pas grand chose donc voila :I

- Mettre un autre onglet pour l'Accueil
- Scroll bar dans chaque partie

Et voila ça sera tout je m'excuse si je te derange :I
Je te donne le code dans le prochain commentaire si tu es d'accord ou pas tu pourras me prevenir s'il te plait :D ?

Sorry :I

à 22:46 le 09/07/2016

jaewon

de rien ^^

à 17:49 le 07/06/2016

Iyame

Oki merci :DD

à 17:46 le 07/06/2016

jaewon

le voilà demande moi si tu as besoin d'aide

à 17:29 le 07/06/2016

jaewon

<div style="width: 670px overflow; border: 4px double #DBA901; background-color: #cee3f6;">
 <img src="http://img.over-blog-kiwi.com/1/35/36/69/20160213/ob_a9f834_image.gif" alt="" width="50" height="37" />     Exposition d'art des sailors      <img src="http://img.over-blog-kiwi.com/1/35/36/69/20160213/ob_a9f834_image.gif" alt="" width="50" height="37" /> <a style="font-family: georgia, palatino;" href="#1"><img src="http://www.cjoint.com/doc/16_05/FEztjiS7s1M_111.png" alt="" width="91" height="60" /></a> <a style="font-family: georgia, palatino;" href="#2"></a><a style="font-family: georgia, palatino;" href="#2"><img src="http://www.cjoint.com/doc/16_05/FEztkK8FaTM_111.png" alt="" width="91" height="60" /></a> <a style="font-family: georgia, palatino;" href="#3"><img src="http://www.cjoint.com/doc/16_05/FEztnchxYRM_111.png" alt="" width="91" height="60" /></a> <a style="font-family: georgia, palatino;" href="#4"><img src="http://www.cjoint.com/doc/16_05/FEztn3azVtM_111.png" alt="" width="91" height="60" /></a> <a style="font-family: georgia, palatino;" href="#5"><img src="http://www.cjoint.com/doc/16_05/FEztoMWhXUM_111.png" alt="" width="91" height="60" /> </a><img src="http://www.cjoint.com/doc/16_05/FEztrh6x3JM_111.png" alt="" width="91" height="60" /> <a style="font-family: georgia, palatino;" href="#6"></a><a style="font-family: georgia, palatino;" href="#6"><img src="http://www.cjoint.com/doc/16_05/FEztpN1SU2M_111.png" alt="" width="91" height="60" /></a>
<div style="opacity: 0.9; border-right: 3px solid #DBA901; box-shadow: 0px 0px 5px pink, 0px 0px 5px 
gray inset; border-left: 3px solid #DBA901; background-color: rgba(255, 255, 255, 0.6); width: 500px; height: 300px; margin: auto; overflow: hidden;">
<table style="width: 500px; margin: auto;" border="0">
<tbody>
<tr>
<td><a name="1"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Home 
 
 
 
</div>
</td>
</tr>
<tr>
<td><a name="2"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Présentation</div>
</td>
</tr>
<tr>
<td><a name="3"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Règles</div>
</td>
</tr>
<tr>
<td><a name="4"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Staff</div>
</td>
</tr>
<tr>
<td><a name="5"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Exposition</div>
</td>
</tr>
<tr>
<td><a name="6"></a> 
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Autre</div>
</td>
</tr>
<tr>
<td><a name="6"></a>
<div style="width: 450px; height: 250px; padding: 25px; margin: auto; overflow: auto; text-align: center;">Turotiel</div>
</td>
</tr>
</tbody>
</table>
</div>
 
<div style="height: 430px; overflow: auto; background-color: #73d47a;">
<div style="border-bottom: 3px double #DBA901; border-top: 3px double #DBA901; text-align: center;"><img src="http://a.deviantart.net/avatars/p/o/pokemon-1.gif?1" alt="" width="50" height="50" />Concours d'oeuvre d'Art !!<img style="color: #000000; text-align: start;" src="http://orig12.deviantart.net/f4ed/f/2013/082/7/2/fennekin_animated_by_n_kin-d5yz4jm.gif" alt="" width="50" height="50" /> Ici est est une sorte de compétition afin d'évaluer votre âme d'artiste Ce concours débutera dès qui y aura 3 participant ou plus  et se finira quand je juge que les dessins sont assez nombreux pour départager . Je jugerais malgrès moi  (ça veut dire que je suis pas confiante de mon jugement) vos oeuvre . Le Thème de ce concours est "Saison" Le thème est vaste , on a le droit de faire tout ce qu'on veut  mais en respectant les règles et le thème bien évidemment :D Si vous voulez savoir qui participe au concours ou bien vous renseignez sur les récomenses   et bien allez dans la partie "Autres" Sur ce je vous dis "Que la ou le meilleure gagne" Dessins participant(e)s : <img src="http://image.noelshack.com/fichiers/2016/21/1464102776-manga.png" alt="" width="305" height="380" /> </div>
</div>
 
<img style="margin-top: -410px; margin-left: 495px;" src="http://image.noelshack.com/fichiers/2016/20/1463919586-bokai.png" alt="" width="200" height="177" />
code html by jaewon
</div>

à 17:29 le 07/06/2016