AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Page d'accueil RPG

    Partagez
    Ziktaon
    MasculinAge : 24Messages : 843

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






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

    Léo
    MasculinAge : 17Messages : 158

    le Mar 5 Avr 2011 - 19:07

    Merci beaucoup pour ce partage!



    Halloween
    FémininAge : 22Messages : 9733

    le Mar 5 Avr 2011 - 20:23

      Cette manière de présenter était très présente il y a un moment, personnellement je m'en suis lassée.

      Mais c'est gentil, peut-être que d'autres en auront besoin =D



    Je mets les voiles, que le vent te soit favorable matelot !
    Ziktaon
    MasculinAge : 24Messages : 843

    le Mar 5 Avr 2011 - 20:37

    Tout d'abord merci beaucoup,

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






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

    Halloween
    FémininAge : 22Messages : 9733

    le Mar 5 Avr 2011 - 20:39

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



    Je mets les voiles, que le vent te soit favorable matelot !
    Ziktaon
    MasculinAge : 24Messages : 843

    le 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






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

    Elyna
    FémininAge : 20Messages : 28

    le 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 ^^.




    Ziktaon
    MasculinAge : 24Messages : 843

    le Sam 18 Juin 2011 - 11:41

    Hey voila pourquoi je fais ce genre de PA Very Happy Merci.






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

    Sakura Sumeragi
    FémininAge : 26Messages : 60

    le Mer 19 Oct 2011 - 18:19

    Merci pour cette astuce =)
    Bleufi
    FémininAge : 21Messages : 311

    le Mar 13 Mar 2012 - 17:09

    Merci beaucoup



    Sano
    MasculinAge : 29Messages : 18

    le 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!)






    Jodisney
    FémininAge : 23Messages : 5

    le Dim 1 Avr 2012 - 21:45

    Merci énormément !
    OMJ
    FémininAge : 26Messages : 85

    le Lun 2 Avr 2012 - 22:29

    Merci
    Kun
    MasculinAge : 23Messages : 49

    le Dim 22 Avr 2012 - 11:32

    Merci :)
    Ayael
    FémininAge : 21Messages : 550

    le Jeu 14 Juin 2012 - 12:22

    c'est normal qu'on ne voit aucun aperçu?

    Okhmhaka
    FémininAge : 31Messages : 31717

    le Jeu 14 Juin 2012 - 13:18

    L'aperçu est en bas, mais il valorise peu le code j'admets^^



    Etax
    MasculinAge : 19Messages : 159

    le Mar 26 Juin 2012 - 17:10

    merci



    Palyndrome
    MasculinAge : 26Messages : 21

    le Sam 21 Juil 2012 - 16:34

    Basique mais efficace, merci bien.
    shala
    FémininAge : 24Messages : 213

    le Lun 23 Juil 2012 - 17:29

    merci



    shibari
    MasculinAge : 21Messages : 253

    le Mar 14 Aoû 2012 - 13:55

    Merci





    Merci Dakota pour ce kit.
    QytyQuild
    MasculinAge : 19Messages : 57

    le Lun 20 Aoû 2012 - 19:13

    Merci pour le partage !



    Comme je disais, y a des fois où c'était dingue dans le quartier, on savait jamais ce qui pouvait arriver, ni quand. J'en avais trop fait pour faire machine arrière et j'en avais trop fait pour continuer comme ça. Faut croire que les évènements gagnent toujours le pas sur vous. Un jour mon grand père ma demandé si je tenais à vivre, oui j'y tiens mais maintenant il est trop tard ...
    shibari
    MasculinAge : 21Messages : 253

    le Mer 29 Aoû 2012 - 13:24

    merci pour lepartage





    Merci Dakota pour ce kit.
    Asaliah
    FémininAge : 31Messages : 120

    le Dim 9 Sep 2012 - 11:08

    Merci pour ce partage !



    LittleChan
    FémininAge : 26Messages : 58

    le Jeu 20 Sep 2012 - 23:10

    Merci ^^



    Hayate747
    MasculinAge : 27Messages : 194

    le Dim 7 Oct 2012 - 16:00

    Merci une fois de plus Wink
    Contenu sponsorisé

    Aujourd'hui à 4:57


      La date/heure actuelle est Jeu 8 Déc 2016 - 4:57