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.


    Fiche de présentation en onglet "Squelette"

    Partagez
    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 20 Déc 2014 - 14:59

    Voici un code de fiche de présentation que j'ai réalisé pour un forum et que je me permet de mettre à la disposition de tous. La réalisation de ce petit truc de codage a pu voir le jour grâce à ce code ci : Catégories cachées, pour ce qui est des cadres de rédaction.

    Quelques aperçus : UN ▬ DEUX ▬ TROIS





    • Les images du squelette sont modifiables par le membre lui-même.


    Pour finir il vous est possible de modifier les couleurs et les tailles à votre guise pour que le code s'adapte à votre forum, temps que cela ne déforme pas la nature du code d'origine. Vous pouvez changer aussi les textes cela va de soit, et les classes. Si vous avez des questions je vous invite à aller dans la section adéquate : ici ! Par contre par respect, ne retirez pas les crédits :3 !

    Un petit merci pour voir les codes ♥ et c'est à vous !



    Dernière édition par Nyan-cat le Sam 20 Déc 2014 - 22:34, édité 8 fois



    Halloween
    FémininAge : 22Messages : 9733

    le Sam 20 Déc 2014 - 15:07

    Hey !

    Avant d'aller plus loin dans la correction de ton code, un ENORME élément serait à modifier s'il te plait : le BBcode. Certes pour l'instant ça fonctionne, mais c'est source de beug et ça ne se fait pas. Je peux te conseiller de lire ceci tout simplement.

    Et les questions ne sont pas autorisées par MP, uniquement dans la section adéquate Wink

    J'irai donc plus loin dans ta proposition quand tu auras unifier le code. Celà dit, j'aime beaucoup le rendu ! Très original *-*

    Bon courage !



    Je mets les voiles, que le vent te soit favorable matelot !
    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 20 Déc 2014 - 15:28

    Coucou Halloween !

    Déjà merci de ta réponse rapide, et merci de m'avoir dirigé vers le topic ! Ça ma permis de corriger ce que tu as demandé (logique). J'espère que c'est mieux !

    ( au niveau des explications du code, comme c'est le tout premier que je poste... Je ne sais pas où placer des explications pas contre =/ ...)



    Onyx
    FémininAge : 23Messages : 2596

    le Sam 20 Déc 2014 - 18:59

    Salut ^^

    Il y a encore du BBcode :
    Code:
    [center]truc[/center]

    Tu peux les remplacer par :
    Code:
    <div style="text-align: center;">texte</div>



    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 20 Déc 2014 - 21:26

    Effectivement, sorry, c'est un oublie de ma part.
    Je crois que là c'est bon. J'ai juste laissé les [b] en BBcode, à mon humble avis je pense que mettre du HTML juste pour ça est des plus inutile.



    Onyx
    FémininAge : 23Messages : 2596

    le Sam 20 Déc 2014 - 21:40

    Il y a bien des choses qui paraissent inutiles quand tu essais d'optimiser un code, mais FA fait de plus en plus d'efforts pour que les codes postés soient le plus "corrects" possible avec l'éditeur de message qui "corrige" très mal les posts de lui-même. Il y a déjà souvent des problèmes avec les balises "center" ou "left" quand on mélange le HTML et le BBcode et cela ne serait pas impossible que cela commence à le faire avec les "b", juste pour qu'on arrête de mélanger les langages. Du coup, vaut mieux s'assurer de ne pas mélanger les langages du tout, au moins pour s'assurer que ça ne buguera pas dans le futur ^^

    Pour éliminer le bbcode sans rien rallonger, tu peux juste changer les :
    Code:
    [b]Texte[/b]

    Par ça :
    Code:
    <b>Texte</b>

    Ou ça :
    Code:
    <strong>Texte</strong>



    Halloween
    FémininAge : 22Messages : 9733

    le Sam 20 Déc 2014 - 21:46

    Et tant qu'on y est il reste ceci à corriger :
    Code:
    [size=10]Code par Nyan-cat sur [url=http://www.never-utopia.com/]Never-Utopia[/url][/size]

    Ainsi que des ";" manquant dans ton CSS, comme pour "youfont" par exemple Wink

    Onyx, c'est très gentil de ta part d'aider mais évite de faire la correction à moitié dans ces cas-là, sinon je repasse derrière et les gens ont tendance à perdre patience donc ça me retombe dessus, comme c'était le cas la dernière fois. Merci ^^



    Je mets les voiles, que le vent te soit favorable matelot !
    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 20 Déc 2014 - 21:55

    Merci Onyx, j'ai modifié, je n'étais pas au courant au sujet de FA.

    Halloween j'ai également modifié pour les crédits :3. J'espère que là, pour de bon, c'est convenable. Sauf encore oublie de ma part, ou erreur grossière.




    Halloween
    FémininAge : 22Messages : 9733

    le Sam 20 Déc 2014 - 22:06

    Il manque encore un point virgule à "irl" dans ton CSS, et plusieurs dans ton code HTML (span de ton crédit entre autre), et des guillemets au niveau de certains "liens2". On a également une image non corrigée :

    Code:
    [img]http://img11.hostingpics.net/pics/236761smilerose.png[/img]

    Tu peux aussi simplifier les :
    Code:
    <div class="cate_img"><img src="http://img11.hostingpics.net/pics/370348image3.png" /></div>

    En :
    Code:
    <img src="http://img11.hostingpics.net/pics/370348image3.png" class="cate_img" />

    J'espère ne rien avoir oublié, il est tard pour mes yeux fatigués Razz

    Prend le temps de bien tout relire Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 20 Déc 2014 - 22:23

    *a un rire de démente* ahzhfdigsdfhahaahaah enfin. Là. Normalement ça doit être bon de chez bon. Et si c'est pas le cas, je mange ma tartine... ou je m'en chargerai à tête froide et les yeux en face des trous. En tout cas merci de ta patience.



    Halloween
    FémininAge : 22Messages : 9733

    le Dim 21 Déc 2014 - 12:00

    Tout me semble bon maintenant, merci Nyan Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    Løve
    MasculinAge : 21Messages : 189

    le Dim 21 Déc 2014 - 14:13

    Merci ;3
    No'Oz
    FémininAge : 14Messages : 86

    le Dim 21 Déc 2014 - 19:18

    Juste magnifique ! Merci !
    Chocolakato
    FémininAge : 26Messages : 761

    le Lun 22 Déc 2014 - 13:27

    Cégénial!



    Lysianassa
    FémininAge : 19Messages : 43

    le Lun 22 Déc 2014 - 22:54

    Magnifique. Merci. **



    Sous-spoiler, parce que c'est assez grand. ;3:


    Merci mille fois Ehawee pour ce magnifique kit ! ♥
    chabus
    FémininAge : 23Messages : 21

    le Jeu 25 Déc 2014 - 14:42

    Magnifique, merci beaucoup
    Saya Shirayuki
    FémininAge : 24Messages : 149

    le Jeu 25 Déc 2014 - 17:50

    Très jolie, merci *^*
    Contry
    FémininAge : 17Messages : 28

    le Ven 26 Déc 2014 - 23:44

    C'est superbe, merci !
    Crowley
    FémininAge : 20Messages : 68

    le Lun 5 Jan 2015 - 1:46

    Wow c'est vraiment superbe j'adore !
    Fallaha
    FémininMessages : 80

    le Lun 19 Jan 2015 - 19:18

    merci ^^
    Jenova
    MasculinAge : 22Messages : 108

    le Mer 21 Jan 2015 - 17:39

    Super Classe
    British Cookie
    FémininAge : 26Messages : 34

    le Dim 25 Jan 2015 - 11:55

    Merci beaucoup, je teste **
    1charlotte
    FémininAge : 15Messages : 191

    le Dim 25 Jan 2015 - 15:05

    C'est superbe !
    Noruenu
    FémininAge : 24Messages : 115

    le Ven 30 Jan 2015 - 22:13

      Thank's ! o/
    DanJack
    FémininAge : 22Messages : 155

    le Dim 1 Fév 2015 - 3:03

    WOW ! Je suis en totale admiration :love:
    Contenu sponsorisé

    Aujourd'hui à 11:15


      La date/heure actuelle est Mar 6 Déc 2016 - 11:15