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
    avatar
    Ziktaon
    MasculinAge : 24Messages : 843

    le Ven 1 Avr 2011 - 6:59

    Rappel du premier message :





    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 ‘

    avatar
    Hana Evali
    FémininAge : 26Messages : 163

    le Mer 9 Oct 2013 - 23:17

    merci !



    avatar
    Miss Kiba
    FémininAge : 23Messages : 38

    le Sam 19 Oct 2013 - 15:04

    Merci! =)
    avatar
    Siloë
    FémininAge : 28Messages : 59

    le Sam 26 Oct 2013 - 14:38

    MErci !
    avatar
    x_Titia
    FémininAge : 26Messages : 92

    le Sam 26 Oct 2013 - 16:39

    merci
    avatar
    Miss Kiba
    FémininAge : 23Messages : 38

    le Sam 26 Oct 2013 - 18:35

    Merci!
    avatar
    Lestrange
    FémininAge : 21Messages : 162

    le Mer 30 Oct 2013 - 14:22

    Merci Razz
    avatar
    Kimmie
    FémininAge : 22Messages : 232

    le Lun 4 Nov 2013 - 18:28

    merci
    avatar
    Hebat
    FémininAge : 25Messages : 45

    le Dim 17 Nov 2013 - 23:40

    merci =)
    avatar
    smoukii
    FémininAge : 24Messages : 25

    le Ven 17 Jan 2014 - 17:18

    Merchi !!
    avatar
    Amasis
    FémininAge : 44Messages : 302

    le Ven 17 Jan 2014 - 23:11

    Merci pour ce partage!
    avatar
    Allison01
    FémininAge : 32Messages : 176

    le Sam 18 Jan 2014 - 20:09

    Merci
    avatar
    Kruzoé
    FémininAge : 22Messages : 29

    le Mar 21 Jan 2014 - 20:39

    Merci beaucoup pour cette PA idéale pour débuter ♥
    avatar
    katia06
    FémininAge : 48Messages : 199

    le Lun 27 Jan 2014 - 10:40

    j'aimerai voir un aperçu
    merci



    avatar
    Ryoma
    MasculinAge : 29Messages : 420

    le Lun 27 Jan 2014 - 22:33

    Merci.
    avatar
    FeliceFelicis
    FémininAge : 26Messages : 88

    le Jeu 6 Fév 2014 - 3:17

    La curiosité est trop forte :) Merci!
    avatar
    Hwan-Leo Flores
    FémininAge : 23Messages : 275

    le Jeu 6 Fév 2014 - 6:45

    je veux bien voir ^^ merci :3



    avatar
    smoukii
    FémininAge : 24Messages : 25

    le Dim 9 Fév 2014 - 13:50

    merci beaucoup !
    avatar
    Porcelain Detox
    MasculinAge : 22Messages : 89

    le Ven 21 Fév 2014 - 19:41

    merci
    jotherrien13
    MasculinAge : 24Messages : 34

    le Mer 26 Fév 2014 - 10:15

    merci
    avatar
    Deadpoolio
    MasculinAge : 27Messages : 277

    le Jeu 27 Fév 2014 - 17:17

    Merci du partage :)
    avatar
    Ryu-Kin
    FémininAge : 30Messages : 125

    le Lun 3 Mar 2014 - 1:00

    merci
    avatar
    white.sensation
    FémininAge : 20Messages : 5

    le Lun 3 Mar 2014 - 1:52

    Merci beaucoup du partage :3
    avatar
    LazuliNight
    MasculinAge : 23Messages : 50

    le Jeu 6 Mar 2014 - 2:25

    merci



    avatar
    QueenDancing13
    FémininAge : 20Messages : 88

    le Ven 7 Mar 2014 - 16:46

    Vraiment pas mal, merci beaucoup pour ce code :)



    avatar
    Liliumini
    FémininAge : 21Messages : 55

    le Mer 12 Mar 2014 - 22:06

    Merci beaucoup!
    Contenu sponsorisé


      La date/heure actuelle est Mar 23 Mai 2017 - 22:31