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
    totothib
    MasculinAge : 15Messages : 54

    le Sam 17 Nov 2012 - 14:37

    Mercii!
    avatar
    shala
    FémininAge : 25Messages : 213

    le Mar 18 Déc 2012 - 20:57

    mici



    avatar
    senda95
    MasculinAge : 24Messages : 35

    le Mar 8 Jan 2013 - 20:48

    merci
    avatar
    Lorwen
    FémininAge : 25Messages : 5

    le Lun 11 Fév 2013 - 11:34

    Merci o/
    avatar
    Ema Skye
    FémininAge : 19Messages : 134

    le Sam 30 Mar 2013 - 11:22

    Merci
    avatar
    Rapsodie♥
    FémininAge : 25Messages : 63

    le Ven 26 Avr 2013 - 21:18

    merci



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

    le Mer 15 Mai 2013 - 21:05

    Merci
    avatar
    Gin
    MasculinAge : 24Messages : 7

    le Mar 21 Mai 2013 - 19:26

    Merci !
    avatar
    Toutankhamon
    MasculinAge : 28Messages : 77

    le Jeu 1 Aoû 2013 - 16:10

    Merci
    avatar
    Maya Seiko
    FémininAge : 24Messages : 121

    le Ven 2 Aoû 2013 - 21:44

    merci ^^
    avatar
    Doctor Who
    MasculinAge : 24Messages : 160

    le Sam 3 Aoû 2013 - 14:45

    Merci pour ce tuto :)





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

    le Sam 10 Aoû 2013 - 15:59

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

    le Dim 11 Aoû 2013 - 13:57

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

    le Mer 14 Aoû 2013 - 15:05

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

    le Lun 19 Aoû 2013 - 20:48

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

    le Mar 20 Aoû 2013 - 3:12

    Meeeerci ;3
    avatar
    teck
    MasculinAge : 26Messages : 63

    le Mer 21 Aoû 2013 - 19:55

    merci



    avatar
    american roar
    FémininAge : 27Messages : 5

    le Dim 25 Aoû 2013 - 15:02

    Merci !
    avatar
    L.P
    FémininAge : 19Messages : 36

    le Lun 2 Sep 2013 - 17:43

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

    le Mar 3 Sep 2013 - 18:21

    Very Happy merci
    avatar
    Soul
    MasculinAge : 21Messages : 1723

    le Mar 3 Sep 2013 - 19:54

    Merci !
    avatar
    Siprano
    FémininAge : 19Messages : 291

    le Sam 7 Sep 2013 - 16:00

    merci beaucoup pour ca
    avatar
    Sano
    MasculinAge : 29Messages : 18

    le Lun 9 Sep 2013 - 1:48



      Merci pour ce tutoriel!






    avatar
    Anastasiaa
    FémininAge : 20Messages : 41

    le Dim 22 Sep 2013 - 11:27

    Merci du partage ♥
    avatar
    Win
    Age : 25Messages : 114

    le Dim 6 Oct 2013 - 18:49

    Merci =)



    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Aoû 2017 - 14:14