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

    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 ‘

    totothib
    MasculinAge : 14Messages : 54

    le Sam 17 Nov 2012 - 14:37

    Mercii!
    shala
    FémininAge : 24Messages : 213

    le Mar 18 Déc 2012 - 20:57

    mici



    senda95
    MasculinAge : 23Messages : 35

    le Mar 8 Jan 2013 - 20:48

    merci
    Lorwen
    FémininAge : 24Messages : 5

    le Lun 11 Fév 2013 - 11:34

    Merci o/
    Ema Skye
    FémininAge : 18Messages : 134

    le Sam 30 Mar 2013 - 11:22

    Merci
    Rapsodie♥
    FémininAge : 24Messages : 63

    le Ven 26 Avr 2013 - 21:18

    merci



    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    Vector.
    FémininAge : 17Messages : 39

    le Mer 15 Mai 2013 - 21:05

    Merci
    Gin
    MasculinAge : 24Messages : 7

    le Mar 21 Mai 2013 - 19:26

    Merci !
    Toutankhamon
    MasculinAge : 27Messages : 76

    le Jeu 1 Aoû 2013 - 16:10

    Merci
    Maya Seiko
    FémininAge : 23Messages : 120

    le Ven 2 Aoû 2013 - 21:44

    merci ^^
    Doctor Who
    MasculinAge : 23Messages : 160

    le Sam 3 Aoû 2013 - 14:45

    Merci pour ce tuto :)





    DOCTOR WHO ☼
    © Yamashita d'épicode
    Kahlan
    FémininAge : 30Messages : 367

    le Sam 10 Aoû 2013 - 15:59

    Merci pour ce partage ^^
    Pwaar
    FémininAge : 22Messages : 107

    le Dim 11 Aoû 2013 - 13:57

    Merci beaucoup de ton partage *u*
    x_Titia
    FémininAge : 25Messages : 92

    le Mer 14 Aoû 2013 - 15:05

    Mrci beaucoup! x)
    Ooks
    FémininAge : 22Messages : 12

    le Lun 19 Aoû 2013 - 20:48

    Merci pour le partage, cela peut toujours servir <3
    Médea
    FémininAge : 22Messages : 43

    le Mar 20 Aoû 2013 - 3:12

    Meeeerci ;3
    teck
    MasculinAge : 25Messages : 63

    le Mer 21 Aoû 2013 - 19:55

    merci



    american roar
    FémininAge : 26Messages : 5

    le Dim 25 Aoû 2013 - 15:02

    Merci !
    L.P
    FémininAge : 18Messages : 36

    le Lun 2 Sep 2013 - 17:43

    Merci!
    pika-cerise
    FémininAge : 25Messages : 90

    le Mar 3 Sep 2013 - 18:21

    Very Happy merci
    Soul
    MasculinAge : 20Messages : 1719

    le Mar 3 Sep 2013 - 19:54

    Merci !
    Siprano
    FémininAge : 18Messages : 289

    le Sam 7 Sep 2013 - 16:00

    merci beaucoup pour ca
    Sano
    MasculinAge : 29Messages : 18

    le Lun 9 Sep 2013 - 1:48



      Merci pour ce tutoriel!






    Anastasiaa
    FémininAge : 19Messages : 41

    le Dim 22 Sep 2013 - 11:27

    Merci du partage ♥
    Win
    Age : 24Messages : 114

    le Dim 6 Oct 2013 - 18:49

    Merci =)



    Contenu sponsorisé

    Aujourd'hui à 5:01


      La date/heure actuelle est Jeu 8 Déc 2016 - 5:01