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.

Le Deal du moment : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

    Fiche de présentation en onglet "Squelette"

    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

    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



    Fiche de présentation en onglet "Squelette" Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Anonymous
    Invité

    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 !
    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

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



    Fiche de présentation en onglet "Squelette" Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    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
    Nyan-cat
    FémininAge : 25Messages : 326

    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.



    Fiche de présentation en onglet "Squelette" Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    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>



    Anonymous
    Invité

    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 ^^
    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

    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.




    Fiche de présentation en onglet "Squelette" Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Anonymous
    Invité

    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
    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

    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.



    Fiche de présentation en onglet "Squelette" Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Anonymous
    Invité

    Dim 21 Déc 2014 - 12:00

    Tout me semble bon maintenant, merci Nyan Wink
    avatar
    Løve
    MasculinAge : 28Messages : 189

    Dim 21 Déc 2014 - 14:13

    Merci ;3
    No'Oz
    No'Oz
    FémininAge : 22Messages : 88

    Dim 21 Déc 2014 - 19:18

    Juste magnifique ! Merci !
    Chocolakato
    Chocolakato
    FémininAge : 33Messages : 837

    Lun 22 Déc 2014 - 13:27

    Cégénial!



    Lysianassa
    Lysianassa
    FémininAge : 26Messages : 43

    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
    chabus
    FémininAge : 31Messages : 21

    Jeu 25 Déc 2014 - 14:42

    Magnifique, merci beaucoup
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 31Messages : 153

    Jeu 25 Déc 2014 - 17:50

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

    Ven 26 Déc 2014 - 23:44

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

    Lun 5 Jan 2015 - 1:46

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

    Lun 19 Jan 2015 - 19:18

    merci ^^
    Jenova
    Jenova
    MasculinAge : 29Messages : 153

    Mer 21 Jan 2015 - 17:39

    Super Classe



    Fiche de présentation en onglet "Squelette" I3k3
    British Cookie
    British Cookie
    FémininAge : 33Messages : 34

    Dim 25 Jan 2015 - 11:55

    Merci beaucoup, je teste **
    1charlotte
    1charlotte
    FémininAge : 22Messages : 196

    Dim 25 Jan 2015 - 15:05

    C'est superbe !
    Noruenu
    Noruenu
    FémininAge : 31Messages : 123

    Ven 30 Jan 2015 - 22:13

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

    Dim 1 Fév 2015 - 3:03

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


      La date/heure actuelle est Sam 27 Avr 2024 - 1:06