Page d'accueil RPG

Ven 1 Avr 2011 - 6:59

Ziktaon

Age : 32Messages : 843

Ven 1 Avr 2011 - 6:59

Page D'accueil RPG

Yop, voila comme j'ai visité beaucoup de forum, j'ai pu voir que la plupart utilisé une même et identique PA ( page d'accueil ). Alors je me suis dis, pourquoi ne pas proposé a mon tour une PA qui sera directement relié a Never Utopia, et donc de ce fait j'en ai réaliser une et je vais la poster a la suite.

IMPORTANT

Je vous demanderai juste de ne pas enlevé le lien qui relie la PA a Never UTOPIA, et c'est la seul condition a respecter, et je pense que ce n'est pas beaucoup Wink

Voila a présent le codage :

Code:: <table style"width: 50%; border-collapse: collapse;"> <tr> <td><div style="background-color: #a7b8c7; width: 400px; height: 30px; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px; text-align: center;"> Bienvenue sur Le nom Du Forum </div><br><div style="background-color: #a7b8c7; width: 400px; height: 30px; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> Contenu de la description ( Si menu déroulant, rajouter overflow: auto dans la div ) </div> <br><br><center><div style="background-color: #a7b8c7; width: 400px; height: 30px; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> Le Staff </div></center> <br><center><div style="background-color: #a7b8c7; width: 400px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> A vous de mettre ce que vous voulez ( infobulle ou simple image ) </div></center> </td> <td><div style="background-color: #a7b8c7; width: 200px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> New Annonce </div><br><div style="background-color: #a7b8c7; width: 200px; height: 30px;; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px; overflow: auto;"> Aujourd'hui Ziktaon nous a fait une PA pour la première fois, c'est sa deuxième Pa avec succés, en deux jours il a appris a codé, pas croyable hein. Enfin je raconte ma vie xD </div> <br><br><div style="background-color: #a7b8c7; width: 200px; height: 30px; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> TOP SITE </div> <br><div style="background-color: #a7b8c7; width: 200px; height: 30px; -moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> Naruto Vs Sasuke, manga top site, top site 50 rpg .... </div> <td><div style="background-color: #a7b8c7; width: 200px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> CONTENU5.8 </div> <br><div style="background-color: #a7b8c7; width: 200px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> CONTENU5.9 </div> <br><br><div style="background-color: #a7b8c7; width: 200px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"> Crédit. </div> <br><div style="background-color: #a7b8c7; width: 200px; height: 30px;-moz-border-radius: 20px; border-left: 2px solid #59738b; border-right: 2px solid #59738b; border-top: 4px solid #59738b; border-bottom: 4px solid #59738b; padding: 5px;"><div style="font-size:10px;text-align:right;padding-right:15px;margin-top:-20px;"><a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow">CRÉDIT - NEVER UTOPIA</a></div> Remerciement a Ziktaon et Alfred, qui je ne sais pas c'est qui xD </div> </td> </tr> </div> </center> </div></td> </table>

Aperçu Direct :

Edit A-Lice : Le "fond" vert de l'aperçu ne fait pas parti du code.

Si vous avez des problèmes avec ce LS, venez poster ici.

Vos commentaires et remerciements sont toujours bienvenus ^^

‘ Le codage est la logique, Le graphisme est le savoir faire ‘

Mar 5 Avr 2011 - 19:07

Léo

Age : 25Messages : 158

Mar 5 Avr 2011 - 19:07

Merci beaucoup pour ce partage!

Mar 5 Avr 2011 - 20:23

Invité

Mar 5 Avr 2011 - 20:23

Mar 5 Avr 2011 - 20:37

Ziktaon

Age : 32Messages : 843

Mar 5 Avr 2011 - 20:37

Tout d'abord merci beaucoup,

mais par " manière de présenter " tu veux dire quoi ?

Mar 5 Avr 2011 - 20:39

Invité

Mar 5 Avr 2011 - 20:39

Je parlais des trois colonnes, puis des petits "blocs" pour mettre diverses infos.

Mar 5 Avr 2011 - 20:51

Ziktaon

Age : 32Messages : 843

Mar 5 Avr 2011 - 20:51

Je ne suis que débutant, je m'améliore rapidement, donc quand j'aurai des choses sympa sous la main je posterai directement Razz

Sam 18 Juin 2011 - 0:27

Elyna

Age : 28Messages : 28

Sam 18 Juin 2011 - 0:27

Merci du partage ! =D
Vu que je suis nulle en codage pour le moment (j'ai commencé à apprendre le html récemment) et que je n'aie pas vraiment envie d'embêter les membres pour me faire une magnifique page d'accueil qui gère la fougère pour un fofo rp que je vais tout juste créer, je vais me servir de ton modèle jusqu'à ce que je sache coder correctement pour pouvoir faire moi-même une belle PA. Même si cette présentation est basique, moi j'aime beaucoup ^^.

Sam 18 Juin 2011 - 11:41

Ziktaon

Age : 32Messages : 843

Sam 18 Juin 2011 - 11:41

Hey voila pourquoi je fais ce genre de PA Very Happy

Merci.

Mer 19 Oct 2011 - 18:19

Sakura Sumeragi

Age : 34Messages : 62

Mer 19 Oct 2011 - 18:19

Merci pour cette astuce =)

Mar 13 Mar 2012 - 17:09

Bleufi

Age : 29Messages : 311

Mar 13 Mar 2012 - 17:09

Merci beaucoup

Mar 13 Mar 2012 - 19:58

Sano

Age : 36Messages : 18

Mar 13 Mar 2012 - 19:58

Remerciement

Vraiment sympa, bon c'est sur que comme PA sa reste basique, mais c'est classe c'est organisé et agréable à voir. Et pour débuter le codage ainsi que ouvrir un forum c'est super ^^

Merci beaucoup du partage en tout cas!

(je sais, j'étais pas obligé de reprendre le code, mais c'était pour tester le changement de taille et montrer que ton aide m'a été bénéfique!)