Forum

Logiciels pour créer son thème

Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
Je refais un topic ici, car beaucoup de débutant se lancent sans avoir les outils adéquates pour créer leur thème.







Pour les bases on commence par avoir les bons outils!















Donc je vous donne les armes pour la création d'un thème:

















Firefox

















On commence par avoir un bon navigateur, qui vous permettra d'y ajouter des plugins additionnels indispensables pour la création de vos thème. Si vous ne l'avez pas, Téléchargez le !















1er plugin Firefox: Firebug

















Installez le ! Il vous servira à éditer les CSS via le navigateur simulant les modifications virtuelles.







Vous pouvez apprendre à vous en servir sur le Site du Zéro.















2ème plugin Firefox: Web Developer

















Dans la foulée, Installez lui Web Developer







Cette extension est LA trousse à outils du développeur Web. Ses fonctionnalités se comptent par dizaines. Il gère aussi bien tout ce qui est cookie, formulaire, css, JavaScript, validation W3C, test en plusieurs résolutions. Voici un descriptif plus détaillé des menus de cette barre d'outils:















Disable







Permet de désactiver de nombreuses fonctionnalités: le cache, java, JavaScript, les couleurs de la page, etc















Cookies







Fournit différents outils sur les cookies avec entre autres, l'ajout de cookie, la visualisation du cookie du site en cours, la désactivation des cookies.















Css







Fournit différent outils pour travailler sur les CSS: leur affichage, l'édition en temps réel et plein d'autres choses.















Forms







Permet de travailler avec les formulaires des pages web. Afficher les détails de chaque formulaire, voir les champs cachés, remplir les champs, etc















Images







Permet d'afficher et de travailler sur les images de la page. Les cacher ou au contraire afficher leurs informations (taille, chemin de l'image, dimensions, texte alternatif, etc)















Information







Fournit différentes informations sur le document web en cours. Permet également de faire ressortir certains éléments (blocks) de la page pour une meilleure visibilité.















Miscellaneous







Permet principalement d'éditer le code source HTML et de voir les modifications en temps réel















Outline








Permet de surligner les éléments de son choix.















Resize







Permet de redimensionner la fenêtre pour faire des tests de résolution ou encore d'afficher la taille courante de la fenêtre pour des résolutions "exotiques"















Tools







Fournit un grand nombre d'outils en tout genre passant de la validation HTML ou des CSS, jusqu'à l'utilisation d'une console JavaScript pour détecter les erreurs, etc















View Source







Permet d'afficher soit la source entière, soit simplement la source des éléments générés (PHP, ASP, etc) ou encore d'afficher la source dans un programme externe.
















Notepad++

















Le top des éditeurs de texte que vous trouverez, c'est le fameux Notepad ++. Prenez le fichier Binaire.















C'est un éditeur de texte très performant (pour info c'est cet éditeur qui a été utilisé pour créer phpboost :wink)







Ouvrez le, puis ouvrez tous les fichiers css de votre thème.







Cliquez sur rechercher, mettez le code de la couleur recherchée puis cliquez sur 'rechercher dans tous les documents ouverts'. Il s'affichera tous les fichiers où se trouvent le code rentré avec la ligne du fichier.















Comme vous le voyez, il est très simple de retrouver une couleur de votre site dans le code source du thème :wink








Cf: Ptithom

























La boîte à couleur

















Adresse du site de l'éditeur : http://pourpre.com/colorbox/index.php















C'est un petit logiciel gratuit qui va vous donner le code couleur d'un pixel précis de votre écran. Pour plus d'info, cf le site ci dessus.







Cf: Ptithom









Tutoriels









Vous avez des questions sur les thèmes : " Comment créer un thème ? C'est long ? Que faut-il avoir comme logiciel ? faut-il des connaissances particulières ?"















Avec ce tutoriel "Créer un thème" vous aurez toutes vos réponses à ces questions . Et ainsi vous pourrez avoir votre propre thème personnalisé , et si vous le désirez vous pouvez le poster sur phpboost.com .







Cf: KONA

















Et pour finir









Voilà, maintenant, j'aimerais préciser que les critiques font avancer! Que débutant on l'a tous été ! Les conseils sont gratuit, n'hésitez pas à en demander. A vos claviers ...















Nous ferons du mieux que nous pourrons pour vous aidez, et vous faire avancer















D'autres outils

















- Colorjack (Merci à Reidlos)







- Colormatch (Merci à Reidlos)







- Ajaxload (Merci à Gsgsd)















Pour les utilisateurs de GNU/Linux il y a aussi:















- Agave (Merci à Soupaloignon)















MAJ faites le: 10/09/09 par Swan.

Édité par Visiteur Le 19/12/2009 à 18h26

Avatar

el_chorizo Membre non connecté

Booster Roquette
  • Booster Roquette Rang
  • Voir le profil du membre el_chorizo
  • Inscrit le : 29/11/2007
Je pense aussi que de voir quelque tuto qui parle du css/xhtml serait un plus.



je vais en exposer quelque uns:

Édité par el_chorizo Le 28/07/2009 à 20h35

Avant de poster Chercher sur le forum - Consulter la Documentation - Consulter la FAQ
Pensez à mettre votre sujet en réglé !
Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
Merci el_chorizo, Mais le but est de débuter sur des bases simples. Et pas de former des graphistes confirmés ;)
Avatar

ReidLos Membre non connecté

Equipe Développement Modérateur
Je vais préciser que j'ai commencer la doc de la v3 et qu'elle sera en ligne ( l'orsque j'aurai corriger les fautes :gne )
Avatar

renaudpro Membre non connecté

Booster Missile
  • Booster Missile Rang
  • Voir le profil du membre renaudpro
  • Inscrit le : 27/09/2008
  • Groupes :
Ouai euh mais je peux le faire sa vu que c'est moi qui t'es dit ceux qu'il fallait corriger :hum
Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
On stop cela de suite !
C'est toi .. C'est moi, personnellement OSEF tant que c'est fait.
Le but de ce topic c'est l'aide !
Avatar

el_chorizo Membre non connecté

Booster Roquette
  • Booster Roquette Rang
  • Voir le profil du membre el_chorizo
  • Inscrit le : 29/11/2007
swan :
Merci el_chorizo, Mais le but est de débuter sur des bases simples. Et pas de former des graphistes confirmés ;)




C'est sur ;).



Mais bon au moins connaitre les bases c'est toujours un plus je pense :).



En tous cas nous sommes la pour aider :), peux importe du niveau de l'utilisateur !!

Édité par el_chorizo Le 28/07/2009 à 20h49

Avant de poster Chercher sur le forum - Consulter la Documentation - Consulter la FAQ
Pensez à mettre votre sujet en réglé !
Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
Heu au passage les addons sont compatible Firefox et Iceweazel, et pour notepad ++, le notepad classique sous nux (pour pas dire gedit) fonctionne aussi.
Bon pour le notpad en environnement graphique c'est mieux pour la coloration syntaxique.

Édité par Visiteur Le 28/07/2009 à 21h24

Avatar

ClassikD Membre non connecté

Booster Fronde
Voilà qui pourra sûrement en aider plus d'un aussi:

http://www.adobe.com/fr/designcenter/video_workshop/



Des tutoriels vidéos assez complets qui permettent d'apprendre à utiliser les logiciels de la gamme Adobe (Photoshop, Illustrator, Flash etc..)
Avatar

Gsgsd Membre non connecté

Booster Fusée
Personne ne connaitrez un site qui donne des gammes chromatiques avec une couleur déterminée car je suis une bougie dans ce qui est le choix des couleurs...
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?

La solution => le module contribution !
Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
Gsgsd les déclinaisons en hexadécimal ? d'une couleur ?
Avatar

ReidLos Membre non connecté

Equipe Développement Modérateur
Avatar

Visiteur

Boosteur Inactif
  • Boosteur Inactif Rang
  • Voir le profil du membre
  • Inscrit le : 07/09/2026
Bon je pense que je vais faire un récapitulatif de tout les liens du topic dans le premier post dans le courant de la journée :)
Avatar

Gsgsd Membre non connecté

Booster Fusée
ReidLos :








Donc si je lui done une couleur il va me sortir une palette de couleur qui s'accorderont sur un site ?
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?

La solution => le module contribution !
Avatar

ReidLos Membre non connecté

Equipe Développement Modérateur
Exactement...
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie

AltStyle によって変換されたページ (->オリジナル) /