Discussion

26/05/2020 à 18h45 : m-ickael : Je n'ai rien vu (bonjour)

24/05/2020 à 21h19 : Swan : Bonsoir, En regardant ces dernières semaines sur le net j'ai vu un stop ! C'est bizarre cette sensation que même internet , s'est arrêter.. Il y a eu comme un gros coup de frein .. Vous ne trouvez pas ?

24/05/2020 à 20h56 : m-ickael : Bonjour.

21/05/2020 à 13h37 : Swan : Salut salut ^^

21/05/2020 à 07h19 : hight_tower : Bonjour et bonne journée

19/05/2020 à 17h05 : Swan : Bonjour tout le monde ^^ Bon début de semaine , avec tout pleins de Soleil ! :sun

19/05/2020 à 15h30 : m-ickael : Bonjour.

16/05/2020 à 13h25 : Sawk : Bonjour :)

16/05/2020 à 10h15 : m-ickael : Bonjour en passant.

15/05/2020 à 16h21 : Sawk : La belgique est en phase 1 de dé-confinement. On ne peut pas malheureusement recevoir ou aller chez les même personnes

14/05/2020 à 18h36 : Swan : Bon.. je vais faire mes mini-pizzas !

14/05/2020 à 18h17 : Swan : Bonjour et Bonsoir , alors cette sortie de confinement ? Nous on refait le plein du frigo !

11/05/2020 à 16h20 : m-ickael : Petit bonjour en passant ..

09/05/2020 à 20h58 : Myster : Bonjour :)

09/05/2020 à 20h12 : Sonic : Salut à tous et bon wk.

09/05/2020 à 12h39 : Sawk : Bon weekend :) Bientôt le 11 mai. Il me semble qu'en France c'est le dé-confinement non ? ;)

09/05/2020 à 11h59 : Swan : Bon week end ^^

01/05/2020 à 14h01 : Swan : Salut tout le monde ^^ Bon week end du 1er Mai !! Bon confinée , mais tout de même ;)

29/04/2020 à 12h02 : Swan : :lu Bonjour tout le monde , Même en confinement, j'avance pas, c'est dingue ça quand même ! J'ai plein de trucs en cours et rien n'avance .. Grrrr

26/04/2020 à 11h38 : Swan : :lu Bonjour à tous, Hooo un Sawk !! Ca faisait un bail :) On passe le temps , comme tout le monde , et pour moi j'ai pas le temps de m'ennuyer :p

25/04/2020 à 00h03 : Sawk : Bonsoir tout le monde, j'espère que le confinement ce passe bien pour vous :)

23/04/2020 à 11h16 : m-ickael : J'ai pas spécialement remarqué .. Chez nous non en tout cas ..

23/04/2020 à 08h58 : Swan : Bonjour à tous ^^ c'est dingue se que les prix ont augmentés dans les magasins -_-'

19/04/2020 à 11h36 : m-ickael : Pareillement :top

19/04/2020 à 11h34 : Swan : Salut à tous ^^ Et bon week end :)

18/04/2020 à 09h29 : m-ickael : Salut à tous.

16/04/2020 à 19h24 : hight_tower : Oui pas de soucis Swan, l'écolage avant tout :ok :ok

16/04/2020 à 18h08 : Swan : Salut tout le monde ^^ Désolée, si je réponds en fin d journée ou un jour sur 2, mais je suis débordée avec les devoirs des filles à la maison .. Quel plaie !

14/04/2020 à 20h39 : hight_tower : Swan, highty tu passe le bonjour en MP

14/04/2020 à 20h18 : hight_tower : Bonsoir, fais lui ton charme Swan, bonne soirée

13/04/2020 à 21h36 : Swan : Bah je comprends, c'est l'examinateur qui aime pas les personnes de 50 ans lol

12/04/2020 à 19h20 : m-ickael : Bah laisse pas tomber, mais pose les bonnes questions si tu ne comprends pas tout.

11/04/2020 à 12h30 : Swan : :lu Salut tout le monde , bon samedi à tous !

10/04/2020 à 14h28 : Swan : Bah oui .. -_-' mon troisième coup, après je laisse tombé ^^

09/04/2020 à 21h24 : m-ickael : Encore ce permis ?

09/04/2020 à 16h28 : Swan : Coucou tout le monde, bon bah le code de la route avance bien ! Étant en confinement, donc pour le réviser, j'ai du temps ;)

06/04/2020 à 19h26 : m-ickael : AH AH, non nouvelle mode j'ai l'impression avec le côté ombre :)

06/04/2020 à 15h44 : Swan : Coucou Oui j'ai vu, tu as vu du rond pendant neuf mois, alors tu t'es dis pourquoi pas ?? ;)

05/04/2020 à 21h59 : m-ickael : MDR, merci .. Tu verras sur le forum une nouvelle version de mon site (graphique)

05/04/2020 à 17h57 : Swan : Hoo félicitation Mickael :) Bon bah le confinement c'est chiant ! je suis fatiguée à ne rien faire. Et aujourd'hui c'est dimanche, je fais rien aussi.. :rire

05/04/2020 à 17h55 : Swan : Hey salouté touti ^^ Répondu Myster :)

04/04/2020 à 16h22 : Myster : Bonjour tout le monde, @Swan je t'ai envoyé un MP :)

29/03/2020 à 12h20 : m-ickael : je reprends volontairement le 06 avril pour travailler, et je reprendrai des jours après le confinement. Le petit fait presque ses nuits, et il est très calme.

29/03/2020 à 12h19 : m-ickael : Be moi congé paternité du coup, avec 3 semaines d'avance .. Il devait naitre le 11.04.20 et il est né le 18.03.20 :O

28/03/2020 à 13h03 : Swan : Bonjour à tous, alors le confinement , chez vous.. cela se passe comment ?

27/03/2020 à 11h33 : m-ickael : Salut à tous

25/03/2020 à 06h37 : hight_tower : Bonjour et bonne journée, highty

20/03/2020 à 12h12 : Swan : Bonjour tout le monde ^^

09/03/2020 à 20h08 : m-ickael : Certes, moins communautaire .. Mais bon, c'est calme.

09/03/2020 à 20h08 : m-ickael : Moi j'aime les deux, mais je préfère celui ci .. Plus facile de s'y retrouver :)

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, pottepei,

Légende

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