Tout savoir sur les CSS

Réduire
Ceci est un sujet important.
X
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Tout savoir sur les CSS

    Suite à une mauvaise manipulation ce sujet a été détruit par inadvertance par un agent de maintenance du forum en mal de sommeil.
    Compte tenu du sujet et de son utilité pour nous tous, nous avons récupéré les textes des différents messages dans une sauvegarde.
    Il ne nous est malheureusement pas possible de poster à la place des membres qui ont contribués à étoffer ce sujet. Cependant, nous avons mis un point d'honneur à rendre à chacun sa prose sans apporter aucune modification.
    Merci de ne pas nous tenir rigueur de ce chambardement.
    Papounet
    PS : La prochaine fois, c'est celui qui fait la connerie qui répare. Non mais….
    I'am happy for you !
    Dernière réalisation : http://www.pierrickservais.com/

  • #2
    Tout savoir sur les CSS...

    Message de papounet 11/03/2005 à 22h46:

    J'ouvre ce post car j'ai un gros souci avec un template que je réalise de A à Z. Je pensais avoir compris et finalement ce n'est pas le cas. J'ai donc entrepris de parfaire mes connaissances sur les CSS. Il y a sur le Web pleins de sites sur le sujet. Une simple recherche sur Google apporte une multitude de réponses.

    Aussi, vu que le principe d'une communauté est basé sur l'entraide, je me suis dit que le résultat de mes recherches pouvait être utile à tous.
    Et en plus, un bon nombre d'entre vous doivent avoir dans ses marques pages un ou deux liens pertinents sur le sujet.

    Je ne suis pas modérateur sur ce portail.
    Cependant, je me permet de fixer les règles suivantes :

    1 - Pas d'explication technique. En cas de besoin, ouvrir un autre sujet.
    2 - Toute référence de lien doit être accompagné d'un petit descriptif du contenu du site sans faire de tartine.
    3 - Tout site mentionné fait l'objet d'une appréciation qui n'engage que son auteur.
    4 - Si vous n'êtes pas d'accord, vous pouvez redonner le lien avec une appréciation différente.
    5 - Inutile de nous inonder de tous ceux présents sur le web. Faut quand même sélectionner un minimum.
    6 - Un effort de présentation est de mise.
    7 - Un titre de post avec un smiley pour votre appréciation globale est nécessaire.
    8 - Pas de commentaires personnel dans ce sujet. Pour cela utiliser la MP.


    Je vous encourage à féliciter ceux qui trouvent des petites merveilles. Ca coûte rien et ça fait toujours plaisir au destinataire.

    Merci à tous et bonne continuité pour vos sites.
    Papounet
    I'am happy for you !
    Dernière réalisation : http://www.pierrickservais.com/

    Commentaire


    • #3
      Recommandation CSS1 du W3C en version française

      Message de papounet 11/03/2005 à 22h47:

      Il s'agit du texte de base sur les CSS (version 1).
      Mérite d'être lu au moins une fois.

      URL du site : http://www.yoyodesign.org/doc/w3c/css1/

      Langue : FR + Lien version original en EN.

      Appréciation : Sans objet car texte de base.

      Mon avis : Sans objet
      I'am happy for you !
      Dernière réalisation : http://www.pierrickservais.com/

      Commentaire


      • #4
        Recommandation CSS2 du W3C en version française

        Message de papounet 11/03/2005 à 22h49:

        Idem post précédent pour la version 2.

        URL du site : http://www.yoyodesign.org/doc/w3c/css2/cover.html

        Langue : FR + Lien version original en EN.

        Appréciation : Sans objet car texte de base.

        Mon avis : Sans objet
        I'am happy for you !
        Dernière réalisation : http://www.pierrickservais.com/

        Commentaire


        • #5
          wikipedia

          Message de papounet 11/03/2005 à 22h50:

          Inutile de présenter l'encyclopédie open source.

          Au sommaire du chapitre CSS :
          1 - Vue d'ensemble du CSS
          2 - Histoire de CSS
          3 - Difficulté d'intégration
          4 - Liens externes

          URL du site : http://fr.wikipedia.org/wiki/CSS

          Langue : FR + etc.

          Mon avis :
          Pas grand intérêt sur le plan technique.
          Les liens externes sont à consulter.
          I'am happy for you !
          Dernière réalisation : http://www.pierrickservais.com/

          Commentaire


          • #6
            Media-box : Excellent pour les propriétés

            Message de papounet 11/03/2005 à 22h53:

            Ce site donne pour 170 propriété CSS :
            - Une définition,
            - Les valeurs possibles,
            - La compatibilité des navigateurs,
            - Une explication de la propriété,
            - Le domaine d'application,
            - Les valeurs héritées,
            - La valeur par défaut,
            - Un exemple de script avec son résultat visuel,
            - L'accès à la propriété avec Dreamweaver,

            Les propriétés son accessibles au choix :
            - En Affichage par type de contrôle,
            - En Affichage par ordre alphabétique,

            URL du site : http://dicolive.media-box.net/docCSS...?orderByType=1
            Attention, Lien au dessus est mort :/ Le nouveau lien est le suivant http://wiki.media-box.net/documentation/css

            Langue : FR

            Mon avis :

            Excellente source d'information pour le débutant et les pros. avec trou de mémoire.
            La partie sur la compatibilité d'une propriété avec les différents navigateurs devrait être utile à beaucoup d'entre nous.
            I'am happy for you !
            Dernière réalisation : http://www.pierrickservais.com/

            Commentaire


            • #7
              Une mine d'or...

              Message de papounet 11/03/2005 à 22h56:

              Ce site propose des tutoriels, une FAQ et un forum sur les CSS.

              Sur la page principale du site, choisir l'onglet "Dev. Web" et le tableau contient des liens sur les tutoriels.
              Accès à la FAQ et au Forum dans la colonne de droite.
              Voir aussi le menu horizontal dans le header.
              Bon bref, il y a des informations dans tous les sens. Le plus simple c'est de taper CSS dans la case recherche et hop vous voilà avec un écran Google et les 229 réponses CSS du site.
              Y a de tout. C'est en quelque sorte la foire aux puces du CSS...

              URL du site : http://www.developpez.com/
              URL de la partie CSS : http://web.developpez.com/tutoriel/xhtmlcss/
              URL du Forum : http://www.developpez.net/forums/viewforum.php?f=30

              Langue : FR

              Mon avis :
              Une mine d'or, mais il faut piocher...
              I'am happy for you !
              Dernière réalisation : http://www.pierrickservais.com/

              Commentaire


              • #8
                CSS débutant...

                Message de papounet 11/03/2005 à 22h58:

                Voici un début d'explication CSS destinée aux CSS-Newbies.

                URL du site : http://mammouthland.free.fr/cours/css/index.php

                Langue : FR

                Mon avis :
                C'est basic, simple et clair. Le public concerné est dans le titre.
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  Un site à ne pas rater...

                  Message de papounet 11/03/2005 à 23h00:

                  Excellentes démonstrations de ce qu'il est possible de faire avec les css.
                  Ce site devrait en laisser plus d'un sur le cul.
                  Un petit échantillon :
                  - Boutons animés en CSS,
                  - Ombrage de menu,
                  - Image fixe en fond,
                  - etc.

                  Et avec les codes sources, s'il vous plait...

                  URL du site : http://batraciens.net/css-astuces/

                  Langue : FR

                  Mon avis :
                  Voir le titre du post.
                  I'am happy for you !
                  Dernière réalisation : http://www.pierrickservais.com/

                  Commentaire


                  • #10
                    FAQ sur les CSS

                    Message de papounet 11/03/2005 à 23h03:

                    Cette Faq n'est plus alimentée. Mais il y a des tuto et pleins de liens CSS (tous mieux les uns que les autres) :
                    http://forum.hardware.fr/forum2.php3?post=26941&cat=10

                    Maintenant c'est là :
                    http://incongru.webdynamit.net/LaNouvelleFAQ

                    Langue : FR

                    Mon avis :
                    Vous allez trouver dans ces FAQs des réponses à bon nombre de questions.
                    Les réponses aux votre le sont forcément aussi...
                    Et en plus, il y a des tutos...
                    I'am happy for you !
                    Dernière réalisation : http://www.pierrickservais.com/

                    Commentaire


                    • #11
                      Message de papounet 11/03/2005 à 23h13:

                      Bon et bien voilà, j'arrête là pour ce soir.
                      Autrement les admins vont prendre peur.

                      Maintenant, c'est à vous de jouer.

                      Ah! une dernière chose, vous trouverez sur mambonewbies.com les nom des classes spécifiques à mambo.

                      C'était ma modeste contribution à la réussite de ce portail.
                      Si cela vous aide alors c'est super.


                      Merci à ceux qui prendrons le relais,
                      Papounet
                      I'am happy for you !
                      Dernière réalisation : http://www.pierrickservais.com/

                      Commentaire


                      • #12
                        Message de Wahoo 13/03/2005 à 23h46:

                        Ah la la la, tu n'as pas mis LA référence en matière de CSS...
                        C'est le site Alsa Créations
                        Je pense qu'à l'heure actuelle, c'est la référence francophone.
                        Attention, ce n'est que MON avis, mais c'est très bien fait, facilement accessible au débutant, pas mal de tutos judicieux et un forum très actif.
                        Sinon pour voir ce que l'on peut faire en CSS et la puissance des CSS, il faut voir le site CSS Zen Garden
                        I'am happy for you !
                        Dernière réalisation : http://www.pierrickservais.com/

                        Commentaire


                        • #13
                          Message de papounet 14/03/2005 à 03h54:

                          Oui, effectivement, je sais. Et c'est impardonnable. J'en ai bien quelques autres.
                          Je suis en surcharge en ce moment avec la préparation de l'expédition de mon petit dernier pour le Népal (lol, enfin petit c'est façon de parler : 20 ans et 10 cm de plus que moi)
                          Si tu pouvais nous faire un petit topo à la communauté, cela serait super. Pas la peine de faire un roman...
                          PS : Ils étaient quand même dans les liens de ceux mentionnés. Il y a que les Newbies not curieux pour pas trouver....
                          I'am happy for you !
                          Dernière réalisation : http://www.pierrickservais.com/

                          Commentaire


                          • #14
                            Cool

                            Message de eyezberg 14/03/2005 à 08h56:

                            Très bonne initiative, papounet!

                            Mais (eh oui, y a toujours un mais.. ) tu oublies aussi un autre site de référence: ALA!

                            http://www.alistapart.com/ en FR "une liste à part", propose en effet depuis longtemps des articles sur des techniques avancées de CSS, très appréciés des professionnels.

                            Un petit exemple: utilisation de la balise objet nécessaire à l'insertion des SWF tout en respectant les standards: http://www.alistapart.com/articles/flashsatay/
                            Ou celui ci assez récent: comment mettre deux listes à puve côte à côte grâce aux CSS: http://www.alistapart.com/articles/layeredfudge/

                            etc..
                            I'am happy for you !
                            Dernière réalisation : http://www.pierrickservais.com/

                            Commentaire


                            • #15
                              CSS Guru

                              Message de eyezberg 14/03/2005 à 09h03:

                              Un des Gurus du CSS, Eric Meyer:
                              http://www.meyerweb.com/eric/css/

                              Explorer les liens et exemples!

                              Voir tous ses livres et en acheter sur amazon.fr:
                              http://www.amazon.fr/exec/obidos/sea...139934-0005747
                              I'am happy for you !
                              Dernière réalisation : http://www.pierrickservais.com/

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X