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.


    Outils : générateurs de code bien pratiques !

    Partagez
    avatar
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Dim 25 Juil 2010 - 15:01

    Voici des générateurs en ligne de css, bien pratique pour se faciliter la vie, et pour les personnes qui débutent en codage. dites-vous bien cependant qu'il n'est pas possible de se reposer uniquement là-dessus pour coder, rien ne vaut un bon vieux bloc note ou notepad avec des heures de galère et d'essais mais avec au final la satisfaction immense d'avoir créé quelque chose^^

    • Vous avez du mal à mettre en place vos bordures avec les arrondis ? Faites les en quelques clics et avec la certitude d'avoir un code propre et complet fonctionnant sous tout les navigateurs avec http://border-radius.com/ !

    • Un peu de mal à obtenir un code propre pour la mise en forme de vos paragraphes ? Ou bien vous ne pensez pas toujours à jouer sur l'espacement des lettres, des mots, des lignes... ? Peut-être que http://csstxt.com/ peut vous aider !
    Encore mieux ! Visualisez vos changements de taille ou d'alignement de texte en temps réel avec http://csstypeset.com/, le code css s'affiche au fur et à mesure de vos modification, il est clair et facilement lisible pour être inclus dans une feuille CSS.

    • Ce problème revient souvent dans les demandes d'aide : comment faire un tableau clair et efficace sur l'accueil de mon forum ? Utiliser le générateur http://grid.mindplay.dk pour faire à la fois une mise en forme simple et intuitive de vos colonnes (avec des boutons comme "augmenter" et "diminuer" la largeur des colonnes, marge ou espacement) et réglez aussi la mise en forme du texte de chacune. Le code apparait en fin de parcours sous une forme claire : un code css (à mettre dans votre css de forum) et le code html (à mettre dans votre page d'accueil, par exemple^^).
    Vous pouvez également utiliser http://netprotozo.com/grid, moins intuitif mais bien pratique pour faire des colonnes d'une même largeur en tenant compte des marges et des espacements dans une largeur totale de page définie, dans se retrouver avec un tableau trop large ou revenant à la ligne.
    Le dernier que je vous propose c'est Webmastercorey qui permet de faire un tableau simple et vous propose des codes clairs à la sortie.

    • Faites votre menu, horizontal ou vertical, avec le site http://www.cssmenubuilder.com/home. Choisissez les couleurs, mettez vos liens... tout est prêt lorsque vous obtenez le code ! Cela s'adresse plutôt à des sites que des forums, mais dans les templates ça marche certainement Wink. Le menu comprend bien sur des effets de rollover, par contre ce n'est QUE du codage, pas d'image donc !
    Vous pouvez également télécharger sur http://www.cssmenumaker.com/ des menus préétablis que vous n'aurez plus qu'à personnaliser en changeant les couleurs et et mettant vos liens.
    Un autre du même genre que le précédent : http://www.cssportal.com/css-menu-generator/.
    Pour faire plus simple et surtout afin de ne pas vous faire entièrement mâcher le travail, vous avez http://www.tabsgenerator.com qui vous permet de mettre en forme des boutons de navigation simples et sans texte ni lien, juste pour avoir le css de mise en forme.

    • Vous avez fait votre code css mais vous vous y perdez vous-même car il manque de clarté ? Le site http://www.cleancss.com/ vous permet de le nettoyer efficacement. Il suffit de copier votre code en sélectionnant ce que vous souhaitez qu'il améliore. Attention, ce site n'est pas un générateur de code ni un correcteur, il clarifie simplement un code déjà fait.


    Avec tout ça même si le codage n'est pas votre tasse de thé vous allez pouvoir vous amuser, et puis si vous avez des questions vous savez que les membres et le staff du forum restent à votre écoute dans la section Aide ! Bon codage^^



    Informations dénichées sur le net mais également trouvés dans le magasine Webdesign, hors série n°5.


    Dernière édition par Sparrow-style le Mer 13 Juin 2012 - 11:57, édité 5 fois



    avatar
    Bang
    MasculinAge : 23Messages : 2434

    le Dim 25 Juil 2010 - 15:06

    OÔ Merci Capitaine, c'est ... PARFAIT ! :DD
    Ca va beaucoup m'aider, surtout pour la mise en forme de mes paragraphes.
    Encore merci (:






    OHANA
    avatar
    Klash
    MasculinAge : 38Messages : 20653

    le Dim 25 Juil 2010 - 17:09

    Merci Beaucoup très intéressant touts ça,cela va bien m'aider merci.



    avatar
    Sui'
    MasculinAge : 27Messages : 1865

    le Dim 25 Juil 2010 - 19:47

    Ah ouais!! Merci de tout ces sites sa va m'aidé aussi.

    Merci Wink.



    Merci beaucoup Woo pour ce kit *-*

    Sui' Art's
    avatar
    Edwin
    FémininAge : 19Messages : 103

    le Mer 18 Aoû 2010 - 21:34

    Merci Cap'tain!

    avatar
    Soul
    MasculinAge : 22Messages : 1723

    le Mer 18 Aoû 2010 - 21:48

    Ho oui merci beaucoup Capitaine , sa va me servir.
    avatar
    Kawazu
    FémininAge : 27Messages : 41

    le Mer 2 Fév 2011 - 14:24


    Je n'ai jamais encore essayé le code mais tous ces liens sont vraiment pas mal, ça m'aidera certainement ! Merci de ce travail ! Very Happy

    avatar
    Kazuya
    MasculinAge : 26Messages : 1497

    le Mer 13 Avr 2011 - 6:33

    Je déterre un peu le sujet, mais c'est juste pour signaler une erreur de la part du Cap'tain, qui a mit une URL invalide :

    Sparrow-Style a écrit:http://www.phishing-site.www/.

    Voili voilou Wink



    avatar
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Mer 13 Avr 2011 - 10:17

    J'ai édité pour enlever ce lien vu que je retrouve pas le site ^^"



    avatar
    NanaLee
    FémininAge : 27Messages : 21

    le Jeu 2 Juin 2011 - 5:05

    owah! O_O

    merci c'est très utile!
    avatar
    Onigiri2a
    FémininAge : 28Messages : 46

    le Ven 15 Juil 2011 - 12:42

    Impressionnant dis-donc ! :o
    Moi qui avait besoin d'apprendre le CSS, j'ai plein de sites pour essayer de me guider ^^
    Merci encore à toi pour ta générosité ! Sad'§':



    avatar
    md1991
    FémininAge : 27Messages : 36

    le Mer 12 Oct 2011 - 13:33

    Merci ça m'aide beaucoup.



    avatar
    GaaraXGaara
    MasculinAge : 29Messages : 49

    le Ven 14 Oct 2011 - 18:37

    Les codes marche chez vous?



    Je préfère avoir la maladie de parkinson que la maladie Alzheimer, pourquoi?
    Parce que je préfère renverser une goutte de mon verre que d'oublié de le boire.


    :nawak:
    avatar
    Kababs
    FémininAge : 38Messages : 33

    le Dim 11 Déc 2011 - 19:36

    Merci beaucoup Capitaine Sparrow. C'est vraiment génial! Je viens d'en essayer un, cela m'aide énormément!

    Et oui, les codes fonctionnent parfaitement chez moi!
    avatar
    Titou02880
    MasculinAge : 23Messages : 24

    le Jeu 12 Jan 2012 - 1:17

    Merci pour tous ces liens. Ca ne peut que m'aider sachant que je débute dans le codage .. et encore. Twisted Evil
    avatar
    Meltoriel
    FémininAge : 22Messages : 30

    le Jeu 19 Jan 2012 - 20:54

    Merci Beaucoup ! ^O^
    avatar
    CathyCréation
    FémininAge : 39Messages : 207

    le Lun 30 Jan 2012 - 14:16

    Bonjour et merci beaucoup
    j'ai essaye le code pour arrodir les bord
    mais sa fonctionne pas
    avatar
    Ayfoth
    MasculinAge : 29Messages : 1267

    le Lun 30 Jan 2012 - 17:10

    Cathy n'oublie pas que pour mozilla c'est moz-border-radius et IE c'est webkit-border-radius ^^



    avatar
    CathyCréation
    FémininAge : 39Messages : 207

    le Lun 30 Jan 2012 - 18:55

    Pffffff pas facile tous c'est ptit codage lol
    merci pour l'info Dark j'essayerai demain
    bise
    avatar
    Strabo
    FémininAge : 31Messages : 18

    le Mer 1 Fév 2012 - 2:18

    Wow!!! Je ne savais qu'il y avait se genre de site. Merci pour ce guide! Moi j'ai une question, est-ce qu'il y en a en français? Je suis pas doué pour l'anglais.
    kawaiitropic.
    FémininAge : 23Messages : 28

    le Lun 27 Fév 2012 - 10:06

    Merci pour toutes ses informations !
    avatar
    Monsieur P
    MasculinAge : 31Messages : 298

    le Sam 29 Sep 2012 - 19:35

    Salut,

    Je me permet de poster un outil en espérant que ça serve : http://www.colorzilla.com/gradient-editor/
    avatar
    liliboom
    FémininAge : 26Messages : 17

    le Mer 12 Déc 2012 - 3:43

    Wow, merci beaucoup pour tous ses liens ! C'est bien utile ! :)
    avatar
    Eira
    FémininAge : 25Messages : 22

    le Dim 30 Déc 2012 - 19:15

    Han c'est génial ! Merci pour ce partage ! **



    Unicat
    FémininAge : 26Messages : 48

    le Sam 20 Avr 2013 - 15:52

    Ah c'est génial ! Ca va être un gain de temps incroyable de plus tout avoir à taper à la main ! Surtout pour les paragraphes ! Ce qui est dommage pour le premier lien pour les tableaux, c'est de pas pouvoir gérer les lignes. Et au fait, le troisième lien est expiré ! Voilà voilà !



    :siffle: 
    Contenu sponsorisé


      La date/heure actuelle est Jeu 17 Jan 2019 - 0:39