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.


    Fiche de réponse RP 01 (bleu, orange, transitions) ▬ Elysia

    Partagez
    FémininAge : 17Message(s) : 139

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    2/10  (2/10)
    Elysia
    le Mar 7 Avr 2015 - 6:17
    Hello ! Je viens donc vous proposer mon premier LS codé avec amûr comme j'aime le dire... Il s'agit donc d'une fiche de RP aux couleurs assez pétillantes, adaptée dans un contexte jovial et festif mais déconseillée pour les univers macabres, de zombies ou autres (quoique ça peut vous donner un style). M'enfin vous aurez compris l'idée.

    Langages : HTML, CSS.
    Aperçus : fiche de base | titre survolé | image survolée
    (le fond gris ne fait pas partie de la fiche RP)

    → Le code CSS est séparé du code HTML pour une raison technique : les sélecteurs CSS.

    → Le code a été compressé suite au bug de gestion des alinéas et des retours à la ligne qu'a l'éditeur de FA et qui faisait totalement planter la structure de la fiche. Cependant, je vous fourni également une version indentée du code afin que vous puissiez vous repérer et apporter les modifications que vous désirez sur le modèle compressé. Veillez à conserver la compression lorsque vous posterez cette fiche sur un forum forumactif !

    → Les images des featurings font 250*100px, par mesure de précaution, même si vous mettez une image qui ne respecte pas ces dimensions, elle sera déformée pour être à la bonne taille.

    → Vous avez la possibilité de modifier légèrement la fiche si vous vous y connaissez en codage, mais en aucun cas de retirer le copyright. Wink

    → Vous pouvez me contacter par MP en cas de problème, mais vous aurez plus de chance d'avoir une réponse plus rapide dans cette section.

    → Un petit remerciement rendra les codes visibles ! En espérant que ça vous plaise !




    Dernière édition par Elysia le Mer 8 Avr 2015 - 15:28, édité 3 fois


    FémininAge : 22Message(s) : 4939

    Les Guildes
    Guilde des Conteurs:
    8/10  (8/10)
    Guilde des Illusionnistes:
    4/10  (4/10)
    Guilde des Architectes:
    12/20  (12/20)
    A-Lice
    le Mar 7 Avr 2015 - 11:33
    Yo !
    Tout d'abord merci pour cette proposition ! Mais je vais te demander d'y apporter quelques modifications ><

    La première concerne ton aperçu, ne mets pas le lien de ton forum. Privilégie l'affichage des images directement, je te conseille donc de les mettre les 3 l'une à la suite de l'autre (en lien comme tu as fait ça ne dérange pas).

    Ensuite, ma remarque suivante concerne les préfixes. Pour box-shadow comme pour border-radius ils sont inutiles et alourdissent le code ! De même pour les transitions, à part le webkit (pour safari) les autres ne servent à rien.

    Dans ton CSS tu devrais ajouter un espace entre la fermeture de ton crochet et le début de ce qui suit. Autre conseil, du moment que c'est du texte à l'intérieur des balises tu peux sauter des lignes normalement pas besoin d'utiliser le br xD Comme ceci :
    Code:
    <div style="font-size: 20px;">Le blabla qui est ici
    peut être agencé comme
    on le désire sans balise <br />.</div>
    Exemple :
    Le blabla qui est ici
    peut être agencé comme
    on le désire sans balise
    .


    Dernier commentaire, concernant ton crédit, c'est parfait comme tu l'as mis, mais il faudrait utiliser la balise des liens :
    Code:
    <a href=""></a>


    Après, j'apprécie les détails que tu donnes au début de ton message. Tous ne le font pas. Mais j'ai cependant une question, pourquoi utilises-tu des sélecteurs :hum: ?
    FémininAge : 17Message(s) : 139

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    2/10  (2/10)
    Elysia
    le Mar 7 Avr 2015 - 19:20
    Je procèderai à toutes les modifications que tu m'as demandées dans la journée de demain, en assayant d'arranger mon css comme conseillé. :)
    (Pour la non nécessité du <br />, tu as sûrement raison ! Je ne sais pas d'où je tiens ça, ce n'est pas valable que sur FA ?)

    En ce qui concerne les sélecteurs, je voulais faire une fiche avec des transitions, qui paraît ordinaire à vue de nez mais qui cache quelques petits trucs sympas. Donc bien obligée de passer par :hover et :focus, et s'il existe un moyen de les "melanger" au html je ne le connais pas et je doute que ce soit recommandé. ^^


    FémininAge : 22Message(s) : 4939

    Les Guildes
    Guilde des Conteurs:
    8/10  (8/10)
    Guilde des Illusionnistes:
    4/10  (4/10)
    Guilde des Architectes:
    12/20  (12/20)
    A-Lice
    le Mar 7 Avr 2015 - 21:46
    Ah ok x) Je comprends mieux, je n'ai pas testé le code et je l'ai survolé donc je n'avais pas vu les focus :hum: D'acc, préviens-moi quand ce sera fait Razz
    FémininAge : 17Message(s) : 139

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    2/10  (2/10)
    Elysia
    le Mer 8 Avr 2015 - 15:34
    Voilà c'est fait ! Je crois n'avoir rien oublié, j'ai vérifié plusieurs fois mais on n'est pas à l'abri d'une coquille. :hum:


    FémininAge : 22Message(s) : 4939

    Les Guildes
    Guilde des Conteurs:
    8/10  (8/10)
    Guilde des Illusionnistes:
    4/10  (4/10)
    Guilde des Architectes:
    12/20  (12/20)
    A-Lice
    le Mer 8 Avr 2015 - 18:36
    C'est nikel, je déplace !
    FémininAge : 24Message(s) : 99
    Cydae
    le Sam 11 Avr 2015 - 22:20
    Merci!
    MasculinAge : 15Message(s) : 92

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yogi Nakagawa
    le Dim 12 Avr 2015 - 3:49
    J'aime bien, c'est sobre et plutôt bien fait!


    FémininAge : 15Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sakura Yuuki
    le Dim 12 Avr 2015 - 15:38
    Michi *O*


    FémininAge : 19Message(s) : 71
    Alessea
    le Dim 12 Avr 2015 - 18:54
    J'adore cette fiche, merci beaucoup pour le partage ! x3
    FémininAge : 21Message(s) : 203
    Haniwa
    le Dim 12 Avr 2015 - 22:02
    Merci
    FémininAge : 22Message(s) : 16
    Eden Friedjörg
    le Mar 14 Avr 2015 - 12:05
    Merci du partage, et le travail est vraiment excellent ! Bravo !
    FémininAge : 15Message(s) : 60
    Meylah
    le Mar 14 Avr 2015 - 14:52
    Merci
    FémininAge : 17Message(s) : 10
    SallyBoogeyman
    le Jeu 16 Avr 2015 - 11:30
    Merci !


    FémininAge : 19Message(s) : 116
    Equestria
    le Ven 17 Avr 2015 - 6:26
    merci
    MasculinAge : 20Message(s) : 11
    Arima
    le Sam 25 Avr 2015 - 20:08
    Merci !
    FémininAge : 22Message(s) : 104
    Asuka
    le Lun 27 Avr 2015 - 10:26
    Merci ♥


    MasculinAge : 25Message(s) : 151

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Anselm
    le Lun 27 Avr 2015 - 16:32
    Merci pour ce code !
    MasculinAge : 27Message(s) : 3
    Arkadiaz
    le Lun 27 Avr 2015 - 18:12
    J'aime bien, c'est sobre, jolie et bien harmonisé. Je te la pique =)
    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 Jeu 30 Avr 2015 - 23:28
    Merci c'est tres chouette !


    FémininAge : 16Message(s) : 98
    Kanra
    le Ven 1 Mai 2015 - 0:19
    Merci ^^
    FémininAge : 26Message(s) : 34
    Velasta
    le Jeu 7 Mai 2015 - 23:17
    Oh Merci *^*
    FémininAge : 20Message(s) : 9
    ShamLash
    le Ven 8 Mai 2015 - 10:22
    Sankyu~
    MasculinAge : 16Message(s) : 28

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Zorua
    le Ven 8 Mai 2015 - 14:19
    OMGOMGOMGOMG C'est trop beau! Dis, dis, dis, tu sais que tu fais du beau travail? Franchement GG, et merci pour le partage, je prends volontiers ^^


    Si tu t'plantes dans les dimensions de ton vava tape dans tes mains ~

    *CLAP *CLAP*
    MasculinAge : 20Message(s) : 54
    TheDrakLord
    le Sam 9 Mai 2015 - 11:42
    Merci


    Contenu sponsorisé
    Aujourd'hui à 9:01

      La date/heure actuelle est Lun 26 Sep 2016 - 9:01