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.


    Be simple - Fiche de liens

    Partagez
    avatar
    Namida
    FémininAge : 29Messages : 49

    le Jeu 27 Oct 2016 - 3:35


    Be simple - Fiche de liens


    /!\ Cette section est présente pour vous aider avec vos problèmes de code. Je ne répondrais pas aux MPs que l'on m'enverra à ce sujet.

    Bonjour à tous,

    Voici le premier code d'une série de trois (3) comprenant une fiche de liens, une fiche technique et un contenu de RP pour vos forums. Je fais le tout sur une base volontaire (comme tout le monde). Il y est donc possible, que les deux autres éléments arrivent beaucoup plus tard.

    Un petit "merci" est toujours apprécié. Je rappel aussi qu'enlever le crédit est interdit.

    P.S. J'espère que je ne me suis pas trompée d'endroit pour poster.

    Voici un aperçu de la fiche de lien




    Voilà! C'est tout pour cette fiche de liens


    Dernière édition par Namida le Dim 4 Déc 2016 - 21:20, édité 1 fois
    avatar
    Applauze
    MasculinAge : 22Messages : 167

    le Dim 4 Déc 2016 - 8:07

    Petit message pour aperçevoir ton code, afin que je le vérifie. Pour que ton LS soit validé et peut-être publié. Déjà merci d'avoir partagé une de tes créations.
    avatar
    Applauze
    MasculinAge : 22Messages : 167

    le Dim 4 Déc 2016 - 8:41

    Re-bonjour, je sais que sa a été rapide, mais.. C'était assez simple à trouver des erreurs. Je te l'avoue, ce n'était pas un code parfait, sans t'offenser. Tu fais quelques erreurs assez basiques qui font parfois tous leurs effets.

    Les images



    @Namida a écrit:
    Toutes les images sont de 100x100px
    C'est un peu énervant d'avoir une image déjà faite, et après être obligé de la redimensionné.. Parfois, c'est impossible et parfois c'est moche. C'est pour cela que je te propose un petit bout de code qui fera tous son effet:

    Code:
    img{
          width: 100px;
          height:100px;
        }
    Ce code veut dire que toutes les balises img auront une dimensions tels que largeur: 100px; longueur: 100px. C'est très important pour ne pas que l'image redimensionné soit moche ou dégueulasse.

    Le CSS



    C'est la plus grosse erreure que tu es faite, car il n'a pas fallu beaucoup de temps pour réperer cette erreure. Tu as indiqué dans ton LS le CSS séparé du HTML, or dans ton code principale, ton CSS y est intégré. De même, dans ton code HTML, tu n'as pas utilisé une seule fois la balise div class ou div id ce qui insinue que ton CSS séparé ne sert strictement à rien. C'est pour cela que je te propose le bout de code que je t'ai donné précédemment ( img ) intégré à ton HTML

    Code:
    img src="https://i35.servimg.com/u/f35/11/03/06/73/img210.jpg" alt="image3" style="padding:2px; height: 100px; width: 100px" />

    Invention de balise



    Dans ton CSS, tu as eu recourt plusieurs et mêmes beaucoup de fois à des balises inventés.
    Code:
     .beSimpleNamida_containerS_partenaires
    .beSimpleNamida_containerS
    .beSimple_Namida_right
    et pleins d'autre.. Ce qui ne sert stricement à rien, vu qu'aucun éléments dans ton code à pour id ou class .beSimpleNamida_containerS ce qui est encore une raison de supprimer ton CSS supprimé.
    avatar
    Invité

    le Sam 18 Fév 2017 - 16:02

    Salut @Namida !

    Désolée pour le temps d'attente relativement long, la correction des LS a ralenti la validation des LS.

    Après l'intervention d'Applauze j'ai vu que tu as fait les modifications qu'il t'a indiqué. Je valide donc tes deux fiches :)

    Merci pour ces LS qui sont en plus jolis ♥
    avatar
    Kelalin
    FémininAge : 26Messages : 1970

    le Dim 19 Fév 2017 - 0:33

    Merci pour le partage !
    avatar
    fraumali
    FémininAge : 38Messages : 122

    le Sam 4 Mar 2017 - 20:17

    Bonsoir, merci de ce partage
    avatar
    Phoenix Elen
    FémininAge : 26Messages : 93

    le Dim 5 Mar 2017 - 16:30

    Fiche simple (j'aime quand c'est simple et léger) et tellement agréable à l'oeil. Merci pour ton partage ! :)



    avatar
    Shiba Rikubi
    MasculinAge : 23Messages : 22

    le Sam 11 Mar 2017 - 0:42

    Merci beaucoup pour ce modèle de fiche de liens! ^^
    avatar
    Likilou
    MasculinAge : 25Messages : 301

    le Dim 19 Mar 2017 - 16:38

    Merci



    avatar
    Itachi28
    FémininAge : 21Messages : 49

    le Jeu 23 Mar 2017 - 14:27

    Merci !
    avatar
    KimmyKinder
    FémininAge : 17Messages : 181

    le Sam 25 Mar 2017 - 18:12

    Merci c'est exactement ce dont j'ai besoin **
    avatar
    K-sy79
    FémininAge : 16Messages : 13

    le Sam 25 Mar 2017 - 18:28

    Merci pour cette fiche, elle est géniale !
    avatar
    Harchant
    FémininAge : 23Messages : 10

    le Sam 1 Avr 2017 - 16:16

    Merci !
    avatar
    cmaximus
    MasculinAge : 20Messages : 41

    le Mar 4 Avr 2017 - 10:17

    Un grand merci même !
    avatar
    Le chat bleu
    FémininMessages : 44

    le Jeu 6 Avr 2017 - 15:56

    Merci j'aime beaucoup ! :yay:
    avatar
    Nord
    MasculinAge : 18Messages : 169

    le Lun 17 Avr 2017 - 0:57

    Simple et efficace, merci ! ^^
    avatar
    Firamary
    FémininAge : 20Messages : 15

    le Mar 18 Avr 2017 - 0:28

    Je t'emprunte cette merveilleuse fiche qui embellira mes fiches de liens <3 Y'a pas à dire, c'est très joli!!
    avatar
    Akiran
    FémininAge : 17Messages : 158

    le Mer 19 Avr 2017 - 12:38

    Thanks
    avatar
    Idylle
    FémininAge : 28Messages : 33

    le Jeu 20 Avr 2017 - 9:40

    Merciii !
    avatar
    Bamboocoon
    FémininAge : 26Messages : 66

    le Jeu 27 Avr 2017 - 11:25

    Merci ! C'est très joli !
    avatar
    Weiss
    MasculinAge : 22Messages : 30

    le Jeu 27 Avr 2017 - 13:18

    Merci beaucoup !
    avatar
    Alaynna
    FémininAge : 26Messages : 74

    le Ven 28 Avr 2017 - 14:36

    Merci beaucoup pour cette fiche ~



    -- If we don't have the key we can't open we can't open whatever it is, we don't have, that it unlocks, so what purpose would be served in finding whatever need be unlocked, which we don't have, without first having found the key that unlocks it?
    -- So we're going after this key?
    -- You're not making any sense at all.
    avatar
    Courage
    FémininAge : 35Messages : 80

    le Ven 5 Mai 2017 - 18:40

    Très jolie. ^^
    avatar
    Wheat
    FémininAge : 21Messages : 2

    le Dim 14 Mai 2017 - 0:41

    Merci o/
    avatar
    Sadie White
    FémininAge : 27Messages : 36

    le Dim 14 Mai 2017 - 15:36

    Merci ^o^
    Contenu sponsorisé


      La date/heure actuelle est Mer 14 Nov 2018 - 13:58