AccueilDernières imagesRechercherS'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.

-30%
Le deal à ne pas rater :
LEGO Icons 10318 – Le Concorde à 139,99€
139.99 € 198.99 €
Voir le deal

    Contenu RP rose/gris (c) Jibunnie

    Jibunnie
    Jibunnie
    FémininAge : 27Messages : 106

    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
    Anonymous
    Invité

    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 :$
    Jibunnie
    Jibunnie
    FémininAge : 27Messages : 106

    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 ♥
    Anonymous
    Invité

    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 !
    Jibunnie
    Jibunnie
    FémininAge : 27Messages : 106

    Dim 12 Oct 2014 - 16:15

    Merci Weenween pour les conseils ! J'ai édité.
    Anonymous
    Invité

    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
    avatar
    Great Alex
    MasculinAge : 27Messages : 4

    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
    Neva
    FémininAge : 33Messages : 18565

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



     
    avatar
    Løve
    MasculinAge : 29Messages : 189

    Mer 15 Oct 2014 - 18:48

    Merci o/
    avatar
    Gedomaru
    FémininAge : 27Messages : 70

    Mer 15 Oct 2014 - 19:08

    Merci
    Rainbow Dash
    Rainbow Dash
    FémininAge : 25Messages : 52

    Sam 18 Oct 2014 - 5:55

    Merci!
    Chocolakato
    Chocolakato
    FémininAge : 34Messages : 837

    Sam 18 Oct 2014 - 11:00

    Merci? J'vois pas l'exemple



    Jibunnie
    Jibunnie
    FémininAge : 27Messages : 106

    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
    Neva
    FémininAge : 33Messages : 18565

    Sam 18 Oct 2014 - 21:35

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



     
    Smarties
    Smarties
    FémininAge : 33Messages : 29

    Sam 18 Oct 2014 - 23:19

    Merci beaucoup pour ce codage !
    Inamio
    Inamio
    FémininAge : 32Messages : 252

    Sam 25 Oct 2014 - 14:32

    Merci =)



    Contenu RP rose/gris (c) Jibunnie 2014_p10
    Shinju.dot
    Shinju.dot
    FémininAge : 35Messages : 88

    Mer 29 Oct 2014 - 14:12

    merci
    Stitch56
    Stitch56
    FémininAge : 31Messages : 209

    Jeu 30 Oct 2014 - 10:09

    Merci ♥
    Yrch
    Yrch
    FémininAge : 29Messages : 4

    Lun 17 Nov 2014 - 19:23

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

    Lun 1 Déc 2014 - 17:32

    merci ♥
    Ichigo Hoshi
    Ichigo Hoshi
    FémininAge : 30Messages : 25

    Lun 22 Déc 2014 - 2:09

    Merci ♥
    Nord
    Nord
    MasculinAge : 24Messages : 169

    Lun 22 Déc 2014 - 16:06

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

    Lun 22 Déc 2014 - 23:02

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

    Mar 23 Déc 2014 - 12:11

    Merci :3
    Noruenu
    Noruenu
    FémininAge : 32Messages : 123

    Ven 26 Déc 2014 - 0:33

      Merci ! :B
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 13:01