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
    avatar
    Jibunnie
    FémininAge : 20Messages : 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
    avatar
    Halloween
    FémininAge : 23Messages : 9744

    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 :$

    avatar
    Jibunnie
    FémininAge : 20Messages : 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 ♥
    avatar
    Halloween
    FémininAge : 23Messages : 9744

    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 !

    avatar
    Jibunnie
    FémininAge : 20Messages : 105

    le Dim 12 Oct 2014 - 16:15

    Merci Weenween pour les conseils ! J'ai édité.
    avatar
    Halloween
    FémininAge : 23Messages : 9744

    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

    Great Alex
    MasculinAge : 20Messages : 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.
    avatar
    Neva
    FémininAge : 26Messages : 18564

    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 : 22Messages : 189

    le Mer 15 Oct 2014 - 18:48

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

    le Mer 15 Oct 2014 - 19:08

    Merci
    avatar
    Rainbow Dash
    FémininAge : 18Messages : 52

    le Sam 18 Oct 2014 - 5:55

    Merci!
    avatar
    Chocolakato
    FémininAge : 27Messages : 789

    le Sam 18 Oct 2014 - 11:00

    Merci? J'vois pas l'exemple



    avatar
    Jibunnie
    FémininAge : 20Messages : 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:
    avatar
    Neva
    FémininAge : 26Messages : 18564

    le Sam 18 Oct 2014 - 21:35

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



     
    avatar
    Smarties
    FémininAge : 26Messages : 29

    le Sam 18 Oct 2014 - 23:19

    Merci beaucoup pour ce codage !
    avatar
    Inamio
    FémininAge : 25Messages : 227

    le Sam 25 Oct 2014 - 14:32

    Merci =)



    Shinju.dot
    FémininAge : 28Messages : 88

    le Mer 29 Oct 2014 - 14:12

    merci
    avatar
    Stitch56
    FémininAge : 24Messages : 199

    le Jeu 30 Oct 2014 - 10:09

    Merci ♥
    avatar
    Yrch
    FémininAge : 22Messages : 4

    le Lun 17 Nov 2014 - 19:23

    Merci :)
    avatar
    Fartiny
    FémininAge : 19Messages : 119

    le Lun 1 Déc 2014 - 17:32

    merci ♥
    avatar
    Ichigo Hoshi
    FémininAge : 23Messages : 22

    le Lun 22 Déc 2014 - 2:09

    Merci ♥
    avatar
    Nord
    MasculinAge : 17Messages : 168

    le Lun 22 Déc 2014 - 16:06

    Merci ^^
    avatar
    Ilakalia
    FémininAge : 17Messages : 12

    le Lun 22 Déc 2014 - 23:02

    Merci pour ce partage !
    avatar
    Moro-PM
    FémininAge : 15Messages : 149

    le Mar 23 Déc 2014 - 12:11

    Merci :3
    avatar
    Noruenu
    FémininAge : 25Messages : 120

    le Ven 26 Déc 2014 - 0:33

      Merci ! :B
    Contenu sponsorisé


      La date/heure actuelle est Sam 16 Déc 2017 - 10:15