Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    MasculinAge : 24Message(s) : 843
    Ziktaon
    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 ‘

    MasculinAge : 17Message(s) : 158
    Léo
    le Mar 5 Avr 2011 - 19:07
    Merci beaucoup pour ce partage!


    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    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 !
    MasculinAge : 24Message(s) : 843
    Ziktaon
    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 ‘

    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    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 !
    MasculinAge : 24Message(s) : 843
    Ziktaon
    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 ‘

    FémininAge : 20Message(s) : 28
    Elyna
    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 ^^.



    MasculinAge : 24Message(s) : 843
    Ziktaon
    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 ‘

    FémininAge : 26Message(s) : 60
    Sakura Sumeragi
    le Mer 19 Oct 2011 - 18:19
    Merci pour cette astuce =)
    FémininAge : 21Message(s) : 311
    Bleufi
    le Mar 13 Mar 2012 - 17:09
    Merci beaucoup


    MasculinAge : 28Message(s) : 18
    Sano
    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!)





    FémininAge : 23Message(s) : 5
    Jodisney
    le Dim 1 Avr 2012 - 21:45
    Merci énormément !
    FémininAge : 25Message(s) : 85

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    OMJ
    le Lun 2 Avr 2012 - 22:29
    Merci
    MasculinAge : 23Message(s) : 49
    Kun
    le Dim 22 Avr 2012 - 11:32
    Merci :)
    FémininAge : 21Message(s) : 550
    Ayael
    le Jeu 14 Juin 2012 - 12:22
    c'est normal qu'on ne voit aucun aperçu?
    MasculinAge : 31Message(s) : 31649

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Jeu 14 Juin 2012 - 13:18
    L'aperçu est en bas, mais il valorise peu le code j'admets^^


    MasculinAge : 18Message(s) : 159
    Etax
    le Mar 26 Juin 2012 - 17:10
    merci


    MasculinAge : 26Message(s) : 21
    Palyndrome
    le Sam 21 Juil 2012 - 16:34
    Basique mais efficace, merci bien.
    FémininAge : 24Message(s) : 213
    shala
    le Lun 23 Juil 2012 - 17:29
    merci


    MasculinAge : 21Message(s) : 253

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    shibari
    le Mar 14 Aoû 2012 - 13:55
    Merci




    Merci Dakota pour ce kit.
    MasculinAge : 19Message(s) : 57
    QytyQuild
    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 ...
    MasculinAge : 21Message(s) : 253

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    shibari
    le Mer 29 Aoû 2012 - 13:24
    merci pour lepartage




    Merci Dakota pour ce kit.
    FémininAge : 31Message(s) : 120
    Asaliah
    le Dim 9 Sep 2012 - 11:08
    Merci pour ce partage !


    FémininAge : 25Message(s) : 58

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    LittleChan
    le Jeu 20 Sep 2012 - 23:10
    Merci ^^


    MasculinAge : 26Message(s) : 192
    Hayate747
    le Dim 7 Oct 2012 - 16:00
    Merci une fois de plus Wink
    Contenu sponsorisé
    Aujourd'hui à 7:09

      La date/heure actuelle est Mer 28 Sep 2016 - 7:09