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.


    Contenu RP rose/gris (c) Jibunnie

    Partagez
    Jibunnie
    FémininAge : 19Messages : 105

    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
    Halloween
    FémininAge : 22Messages : 9733

    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 !
    Jibunnie
    FémininAge : 19Messages : 105

    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 ♥
    Halloween
    FémininAge : 22Messages : 9733

    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 !
    Jibunnie
    FémininAge : 19Messages : 105

    le Dim 12 Oct 2014 - 16:15

    Merci Weenween pour les conseils ! J'ai édité.
    Halloween
    FémininAge : 22Messages : 9733

    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 !
    Great Alex
    MasculinAge : 19Messages : 4

    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.
    Neva
    FémininAge : 25Messages : 18542

    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 =)



     
    Løve
    MasculinAge : 21Messages : 189

    le Mer 15 Oct 2014 - 18:48

    Merci o/
    Gedomaru
    FémininAge : 19Messages : 69

    le Mer 15 Oct 2014 - 19:08

    Merci
    Rainbow Dash
    FémininAge : 17Messages : 52

    le Sam 18 Oct 2014 - 5:55

    Merci!
    Chocolakato
    FémininAge : 26Messages : 762

    le Sam 18 Oct 2014 - 11:00

    Merci? J'vois pas l'exemple



    Jibunnie
    FémininAge : 19Messages : 105

    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:
    Neva
    FémininAge : 25Messages : 18542

    le Sam 18 Oct 2014 - 21:35

    J'ai édité ça, merci ! :)



     
    Smarties
    FémininAge : 25Messages : 29

    le Sam 18 Oct 2014 - 23:19

    Merci beaucoup pour ce codage !
    Inamio
    FémininAge : 24Messages : 209

    le Sam 25 Oct 2014 - 14:32

    Merci =)



    Shinju.dot
    FémininAge : 27Messages : 87

    le Mer 29 Oct 2014 - 14:12

    merci
    Stitch56
    FémininAge : 23Messages : 197

    le Jeu 30 Oct 2014 - 10:09

    Merci ♥
    Yrch
    FémininAge : 21Messages : 4

    le Lun 17 Nov 2014 - 19:23

    Merci :)
    Fartiny
    FémininAge : 18Messages : 119

    le Lun 1 Déc 2014 - 17:32

    merci ♥
    Ichigo Hoshi
    FémininAge : 22Messages : 19

    le Lun 22 Déc 2014 - 2:09

    Merci ♥
    Nord
    MasculinAge : 16Messages : 159

    le Lun 22 Déc 2014 - 16:06

    Merci ^^
    Ilakalia
    FémininAge : 16Messages : 12

    le Lun 22 Déc 2014 - 23:02

    Merci pour ce partage !
    Moro-PM
    FémininAge : 14Messages : 145

    le Mar 23 Déc 2014 - 12:11

    Merci :3
    Noruenu
    FémininAge : 24Messages : 115

    le Ven 26 Déc 2014 - 0:33

      Merci ! :B
    Contenu sponsorisé

    Aujourd'hui à 9:47


      La date/heure actuelle est Sam 10 Déc 2016 - 9:47