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.


    Contenu RP rose/gris (c) Jibunnie

    Partagez
    FémininAge : 18Message(s) : 105
    Jibunnie
    le Sam 4 Oct 2014 - 0:27
    Coucou !

    Je viens vous proposer un petit code RP tout simple, tout mignon, tout rose et gris. Voici un aperçu ici.

    — L'image doit faire 500px en largeur sinon le code est déformé.
    — Vous pouvez personnalisez les couleurs.
    — Merci de laisser le crédit.
    — Le texte est bien évidemment changeable.




    Dernière édition par Jibunnie le Dim 12 Oct 2014 - 16:14, édité 2 fois
    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 Mer 8 Oct 2014 - 8:35
    Hey !

    Merci pour le partage ! Mais personnellement, je ne vois pas le code dans ton message, difficile de "contrôler" le code et déplacer dans ces conditions :$


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 18Message(s) : 105
    Jibunnie
    le Mer 8 Oct 2014 - 16:22
    Oups ! je n'ai pas du enregistrer le message quand je l'ai édité la dernière fois. Voilà C'est fait !

    Merci Weenween ♥
    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 Dim 12 Oct 2014 - 13:54
    Merci d'avoir édité :3

    Du coup, j'ai quelques erreurs à relever. Lorsque tu ajoutes des polices de google font, tu peux toutes les lier par le biais d'une seule ligne de code. Au lieu d'avoir :

    Code:
     <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Philosopher' rel='stylesheet' type='text/css'>


    Tu peux mettre :

    Code:
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC|Philosopher' rel='stylesheet' type='text/css'>

    Ensuite, lorsque tu veux centrer un texte, tu peux simplement ajouter le code qui suit dans ta division au lieu d'ajouter la balise "center" qui apparemment tend à disparaitre :

    Code:
    <div style="font-family: Playfair Display SC; font-size: 45px; color: #FEBFD2 ; font-style: normal; text-shadow: 0px 1px 0px #000000; text-align: center;">L'oursin albinos</div>

    Tu l'as fais pour le sous-titre, mais pas pour le titre Wink

    Il faudrait également éviter le mélange BBcode et HTML, qui sont incompatibles. Je pense au lien du crédit de ta fiche. En HTML, un lien se créé de cette manière :

    Code:
    <a href="ADRESSE DU LIEN">Nom du lien</a>

    De plus, il y a un soucis au niveau de la fermeture de tes balises : tu ouvres deux "center" et tu n'en refermes aucun. Comme dit plus haut, la balise "center" tend à disparaître, tu peux donc la remplacer en ajoutant dans ta div principale (celle qui gère l'ensemble du message, donc la première) ceci :

    Code:
    margin: auto;

    Tu ouvres quatre div et n'en referme que trois (il manque la "principale", celle qui gère toute la fiche donc), attention là aussi. Deux d'entre elles peuvent fusionner d'ailleurs :

    Code:
    <div style="width: 500px;"><div style="font-family: Verdana; font-size: 12px; color: #000000; letter-spacing: 0px; word-spacing: 2px; text-align: justify; line-height: 15px;">

    Peut devenir :

    Code:
    <div style="width: 500px; font-family: Verdana; font-size: 12px; color: #000000; letter-spacing: 0px; word-spacing: 2px; text-align: justify; line-height: 15px;">

    Et petit bonus : tu peux ajouter un padding à ton texte, si tu veux éviter qu'il colle aux bords Wink


    En tout cas la fiche est bien sympa ! Si tu pouvais rectifier ces quelques petites choses je pourrais la déplacer pour que les gens en profitent :3

    Merci !


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 18Message(s) : 105
    Jibunnie
    le Dim 12 Oct 2014 - 16:15
    Merci Weenween pour les conseils ! J'ai édité.
    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 Dim 12 Oct 2014 - 16:22
    Il manquait simplement la transformation du :
    Code:
    <center><div style=" width: 520px; background-color: #e4e4e4; border-left: 3px solid #FEC3AC; border-right: 3px solid #FEC3AC;">...</div></center>

    En :
    Code:
    <div style=" width: 520px; background-color: #e4e4e4; border-left: 3px solid #FEC3AC; border-right: 3px solid #FEC3AC; margin: auto;">...</div>

    Je me suis permise d'éditer pour ne pas t'embêter davantage, penses-y la prochaine fois néanmoins, ce sera plus simple pour toi :3

    Je déplace, encore merci ! Very Happy


    Je mets les voiles, que le vent te soit favorable matelot !
    MasculinAge : 19Message(s) : 4
    Great Alex
    le Lun 13 Oct 2014 - 23:56
    Personnellement, je ne parviens pas à voir l'aperçu du codage. Je me suis inscris sur le forum vers lequel le lien nous redirige, mais ils me disent que seuls les admins peuvent le voir.
    FémininAge : 25Message(s) : 18541

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    le Mer 15 Oct 2014 - 15:04
    En effet, Jibunnie a dû fermer son forum test. Je lui ai envoyé un MP pour qu'elle puisse corriger ça =)


     

    • Pensez à aller accueillir les nouveaux nutopiens
    • La Chatbox anniversaire existe toujours ! Elle est ici pour les amoureux des navires  

    MasculinAge : 21Message(s) : 189
    Løve
    le Mer 15 Oct 2014 - 18:48
    Merci o/
    FémininAge : 19Message(s) : 69
    Gedomaru
    le Mer 15 Oct 2014 - 19:08
    Merci
    FémininAge : 17Message(s) : 52
    Rainbow Dash
    le Sam 18 Oct 2014 - 5:55
    Merci!
    FémininAge : 26Message(s) : 741

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Chocolakato
    le Sam 18 Oct 2014 - 11:00
    Merci? J'vois pas l'exemple


    FémininAge : 18Message(s) : 105
    Jibunnie
    le Sam 18 Oct 2014 - 11:10
    Ah oui désolé pour le screen je vous le met ici comme je ne peux pas éditer mon message :

    Spoiler:
    FémininAge : 25Message(s) : 18541

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    le Sam 18 Oct 2014 - 21:35
    J'ai édité ça, merci ! :)


     

    • Pensez à aller accueillir les nouveaux nutopiens
    • La Chatbox anniversaire existe toujours ! Elle est ici pour les amoureux des navires  

    FémininAge : 25Message(s) : 29
    Smarties
    le Sam 18 Oct 2014 - 23:19
    Merci beaucoup pour ce codage !
    FémininAge : 24Message(s) : 200

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Inamio
    le Sam 25 Oct 2014 - 14:32
    Merci =)


    FémininAge : 26Message(s) : 86
    Shinju.dot
    le Mer 29 Oct 2014 - 14:12
    merci
    FémininAge : 23Message(s) : 197
    Stitch56
    le Jeu 30 Oct 2014 - 10:09
    Merci ♥
    FémininAge : 21Message(s) : 4
    Yrch
    le Lun 17 Nov 2014 - 19:23
    Merci :)
    FémininAge : 18Message(s) : 114
    Fartiny
    le Lun 1 Déc 2014 - 17:32
    merci ♥
    FémininAge : 22Message(s) : 18
    Ichigo Hoshi
    le Lun 22 Déc 2014 - 2:09
    Merci ♥
    MasculinAge : 16Message(s) : 157

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nord
    le Lun 22 Déc 2014 - 16:06
    Merci ^^
    FémininAge : 16Message(s) : 12
    Ilakalia
    le Lun 22 Déc 2014 - 23:02
    Merci pour ce partage !
    FémininAge : 14Message(s) : 145

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Moro-PM
    le Mar 23 Déc 2014 - 12:11
    Merci :3
    FémininAge : 23Message(s) : 115
    Noruenu
    le Ven 26 Déc 2014 - 0:33
      Merci ! :B
    Contenu sponsorisé
    Aujourd'hui à 13:40

      La date/heure actuelle est Ven 30 Sep 2016 - 13:40