Discussion

20/10/2019 à 11h25 : m-ickael : Bonjour et bonne reprise demain :)

20/10/2019 à 11h21 : Swan : :lu Bon dimanche à tous ;)

18/10/2019 à 17h04 : m-ickael : Bonjour et bon weekend :)

15/10/2019 à 11h30 : Swan : Coucou tout le monde ^^ Bon lundi, orageux et pluvieux à tous ( Enfin !!!) :p

14/10/2019 à 21h52 : m-ickael : Salut. Moi ce sera en février 2020 sur ce site, et janvier 2011 sur le cms phpbt. (je me suis lancé que un an après).

14/10/2019 à 10h02 : Swan : :lu Salut tous le monde, Lol Mika, oui 10 ans déjà .. Vas y prend un fauteuil :p Moi j'ai fais 10 ans sur PBT le 29/07/2019 aussi ;)

12/10/2019 à 14h38 : m-ickael : On va bientôt fêter mes 10 ans ici :kawa

12/10/2019 à 14h38 : m-ickael : Bon weekend :) et merci :top

12/10/2019 à 10h40 : Swan : Bonjour à tous et bon Samedi ^^

11/10/2019 à 18h26 : Swan : Vide oui ^^ mais je vais revoir cela d'ici Janvier 2020 ;)

11/10/2019 à 18h25 : Swan : Bonsoir à tous, enfin en week end ;) Félicitation Mickael :waw pleins de bonheur à vous deux ;)

09/10/2019 à 21h38 : m-ickael : Slt. Bah si, mais c'est vide :D ici et discord :D .. Je vais être papa donc tout va bien :D

08/10/2019 à 08h05 : Swan : Salut à tous ^^, alors Mika ? Cela n'as pas l'air d'aller ..

07/10/2019 à 19h30 : m-ickael : Bonne semaine ..

05/10/2019 à 17h35 : Swan : Bon week end à tous ^^

03/10/2019 à 19h01 : m-ickael : Bonsoir :)

02/10/2019 à 10h39 : Swan : Bonjour à tous.. Enfin l'automne pointe son nez !

30/09/2019 à 09h05 : Swan : Bonjour à tous, un bon lundi à tous^^

30/09/2019 à 07h16 : m-ickael : Bonne reprise :/

29/09/2019 à 12h30 : Swan : Bon dimanche à tous:lu Les pieds sur le bureau !!!

28/09/2019 à 08h43 : m-ickael : Bonjour et courage :)

27/09/2019 à 10h22 : Swan : Salut matin de repos, vu que je bosse demain en non-stop ^^ Dur dur de se replonger dans les thèmes ! Le LightTown avance bien.

26/09/2019 à 17h54 : Swan : Bonsoir à tous , c'est dur la reprise... bouhouuu !!

25/09/2019 à 23h06 : m-ickael : Salut :)

24/09/2019 à 18h20 : Swan : Salut salut boulot ^^

23/09/2019 à 11h11 : Swan : Salut tout le monde ^^ de retour chez moi ;)

21/09/2019 à 07h57 : m-ickael : Bonjour et bon weekend :)

18/09/2019 à 22h12 : m-ickael : Bonne semaine :top

15/09/2019 à 14h47 : Swan : Bon dimanche à tous ^^

13/09/2019 à 20h27 : m-ickael : :top

13/09/2019 à 13h57 : Swan : :lu Bonjour, bon déjà 14H et j'ai fini, mais je bosse demain en non-stop :p la semaine prochaine , je serais peu connecté car pas chez moi! mais dans le 91...

13/09/2019 à 08h27 : m-ickael : Salut Swan .. Oui, nous ne sommes que poussière .. et surtout de passage. Mais faut en profiter de ce passage là :)

11/09/2019 à 20h09 : Swan : Bonsoir tout le monde . la vie est bizarre parfois, elle nous rappelle que nous sommes bien peu de choses ..

09/09/2019 à 12h35 : Swan : Bonjour tout le monde ^^ de retour avec Toujours pleins de questions, mais moins d'angoisse ;)

08/09/2019 à 18h00 : m-ickael : Salut Swan, en espérant que tout aille pour le mieux :) Au plaisir.

05/09/2019 à 18h49 : Swan : Bonsoir tout le monde , de nouveau ce WE , je ne serais pas dispo. Je vous dis donc à Lundi ^^

04/09/2019 à 08h18 : Swan : :lu hello tout le monde, cette aprem, je suis dispo ;)

03/09/2019 à 08h48 : Swan : Salut tout le monde , la rentrée des filles se sont bien passées ;) Le lien d'invite discord : https://discord.gg/WphBHhU | Quelques news sur le discord :p

02/09/2019 à 09h58 : Swan : De retour jusque Jeudi ;)

30/08/2019 à 07h44 : m-ickael : :)

29/08/2019 à 19h21 : Swan : Merci à vous deux ^^

29/08/2019 à 18h18 : MangaWorld : voila j'ai répondu ^^

29/08/2019 à 10h24 : m-ickael : Aucun soucis Swan, prend soin de toi, et règle tes soucis :)

29/08/2019 à 07h49 : Swan : Salut tout le monde, malheureusement la vie c'est pas tout rose et j'ai eu des soucis persos.. Mais je suis toujours là ^^ Ce week end je serais absente , donc pas de panique, si je ne réponds pas.

27/08/2019 à 21h44 : m-ickael : Faut attendre, il y a des gens en vacances ;)

27/08/2019 à 13h36 : MangaWorld : et slt

27/08/2019 à 13h35 : MangaWorld : ok http://easy-design.net/forum/topic-3566+modification-de-titre.php pas de reponse normal ?

26/08/2019 à 17h46 : m-ickael : Vacances jusqu'au 16.09.19 :)

26/08/2019 à 17h45 : m-ickael : Oui Swan est toujours dans le coin :)

26/08/2019 à 17h45 : m-ickael : Salut.

Vous n'êtes pas autorisé à ajouter un message !




  Aides sur les thèmes PHPBoost » Logiciels pour créer son thème

 Le 13/08/2009 à 13h32 Swan Avatar  
 


Introduction



Ce topic s'adresse aussi aux débutants qui se lancent dans la création sans avoir les outils adéquates pour créer leur thème.
Que cela soit en HTML ou pour un CSS les outils sont pratiquement tous es même. En dehors de certains modules spécifiques des CMS(cela sera précisé)

Pour les bases on commence par avoir les bons outils! Donc je vous donne les armes pour la création d'un thème..

Coté 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 OpenClassrooms.

- Sinon à voir pour :

- Firefox : Pour apprendre à le manier facilement, voir le Tutoriel vidéo
- Chrome : Évidement unoutils du même genre existe pour lui voir le Tutoriel vidéo.


2ème plugin Firefox: Développement Web



Dans la foulée, pas besoin de l'installer , il est intégré directement dans le navigateur. Vous le trouverez en allant dans la barre d'outils du navigateur en haut . Rendez-vous sur l'onglet Outils et survolez Développement Web.



Cette extension est LA trousse à outils du développeur Web. Ses fonctionnalités se comptent par dizaines. Voici un descriptif des outils des menus de cette barre d'outils qui sont les plus intéressants pour nous:

Inspecteur
L’inspecteur de page possède plusieurs fonctionnalités pour étudier le modèle de boîte, éditer les règles CSS, analyser les styles calculés, lire les polices, la disposition, les styles calculés, le support des pseudo-éléments. Il dispose également d’un outil de recherche.

Caché:



Console Web
La console web: Affiche les journaux pour JavaScript, CSS, les échanges réseau et la sécurité. Elle permet d’utiliser des mises en forme personnalisées, de prévisualiser ou d’inspecter des nœuds DOM, des objets, des tableaux, éventuellement en les filtrant.

Débogueur:
Le débogueur JavaScript : Permet d’interrompre l’exécution d’un script, de naviguer dans la pile d’appels et d’inspecter les variables. Il supporte les source maps, l’affichage et la réindentation des sources minifiées. On peut également placer les fichiers des bibliothèques utilisées dans des boîtes noires et analyser les scripts chargés dynamiquement.

Éditeur de style: Il vous permet de :

- Voir et éditer les feuilles de style associées à une page.
- Créer de nouvelles feuilles de style de zéro et les appliquer à la page.
- Importer des feuilles de styles existantes et les appliquer à la page.



Vue adaptative
Pour nous les designer /intégrateurs et Graphistes l'outil indispensable , la vue adaptative !! Elle vous permet de visualiser tout les formats d'écrans déviants pour faire du responsive.

Une commande à connaitre par coeur quand vous faite un thème : Utiliser le raccourci clavier Ctrl+Maj+M pour Windows et Linux, ou Cmd+Option+M pour OS X.

Pipette
La pipette à couleur vous permet de sélectionner des couleurs dans la page courante. Cela marche comme une loupe au-dessus de la page, vous permettant de sélectionner au pixel près.



Pour le reste ..
Pour découvrir toutes les autres possibilités de cet outils, je vous conseil fortement de regarder directement la documentation associée sur le site officiel



Les logiciels



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 ;))
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 ;)

Cf: Ptithom




La boîte à couleur



Ou le télécharger, c'est par ... :: ici !
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 lien ci dessus.

"Swan":
Une fois installé, vous aurez ce que l'on appelle un color picker (un bouton avec une pipette) qui vous permettra d'avoir la couleur que vous souhaitez en la prélevant directement sur l'image que vous voulez ;)


Cf: Ptithom




Module PHPBoost



Module Bac à sable / SandBox



Ce module existes pour les versions 4.0/4.1/5.0.
Vous les trouverez dans les sections de téléchargement dédiés aux sections Extras et Autres PHPBoost de chaque version ou alors sur le site officiel dans les téléchargements => Modules officiels/ Modules compatibles.

Spécificité(s)

Coté graphiste(s):

Vous pourrez tester plusieurs parties du framework PHPBoost :

- Le rendu des différents champs utilisables avec le constructeur de formulaires
- La génération de tableaux dynamiques
- La liste des icônes de la librairie Font Awesome utilisées dans les modules
- Le rendu des principales classes CSS : C'est là ou cette outil est extrêmement pratique lors de la création d'un thème ;)
- L'envoi de mails
- La génération de template avec ou sans cache


Coté Membres(s)
- Les mêmes que ceux de graphistes, mais l’intérêt est moindre vu que cela ne vous sera pas utiles


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 sur la documentation de PHPBoost: "Personnaliser 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 Easy-Design.net dans cette section du forum ou/et sur phpboost.com .

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 gratuits, n'hésitez pas à en demander. A vos claviers ...

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

Swan.


Administrateur


 Le 16/12/2009 à 14h21 Gobiel Avatar  
 


Je préfère ce site pour les couleurs ;)

Site: http://www.colorpicker.com/


CsN Roquette


 Le 23/12/2009 à 10h55 OseR974 Avatar  
 


Et moi celui la !
http://colorschemedesigner.com/

edit pour gobiel dessous :

Oui c'est pour ca que je le partage :p



Edité par OseR974 Le 23/12/2009 à 11h24
 Le 23/12/2009 à 11h09 Gobiel Avatar  
 


Vraiment bien ton lien OseR974 :waw


CsN Roquette


 Le 30/12/2016 à 11h45 Swan Avatar  
 


Bonjour,

Maj du 1er sujet.

Je ferais prochainement un listing de mes outils online ;)

Swan.


Administrateur


Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, Sodeska, Bogdanufk, CarolBlabs, HenryDer,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]