Discussion

18/11/2019 à 22h09 : m-ickael : Salut :)

18/11/2019 à 13h55 : Myster : Bonjour les gens, désolé de pas trop passé en ce moment j'enchaine les urgences et tout ça :Q J'espère que vous allez bien !

17/11/2019 à 09h27 : m-ickael : :top

15/11/2019 à 09h45 : Swan : Hello tout le monde :lu Bon aujourd’hui la patronne à dit : "Tu rentres chez toi.. " ^^ Moi cela me va très bien, Merci la neige..

14/11/2019 à 16h35 : m-ickael : Bonjour à tous :)

11/11/2019 à 11h32 : Swan : Salut Salut :lu Je vais bien ^^ Bon 11 Novembre à tous !

08/11/2019 à 13h35 : Myster : Comment ça va ? :]

08/11/2019 à 11h13 : Swan : Hey salut toi ^^

08/11/2019 à 10h55 : Myster : Bonjour les gens :)

08/11/2019 à 09h21 : Swan : Bon vendredi à tous ^^ Et Merci à Xtian ;)

06/11/2019 à 21h36 : m-ickael : :top

05/11/2019 à 19h32 : Swan : Hey Salut ^^ bonne soirée , promis bientôt les thèmes seront mis en ligne :p

05/11/2019 à 13h34 : m-ickael : Bonjour :)

04/11/2019 à 11h33 : Swan : Salut salut !!! de retour de ce long Week- end .. je vais pouvoir avancer un peu ^^

29/10/2019 à 18h33 : m-ickael : Bonjour. :top (vu sur fb)

29/10/2019 à 12h39 : Swan : Salut Salut ^^ j'ai enfin transformé le LightTown et décliné sous 6 autres thèmes, c'était assez sympa .. j'expliquerais dans la prochaine actu le contexte de ses thème :p

26/10/2019 à 08h22 : Swan : Hey :lu !! Bon je termine mon thème et je vous livre ce Week end ;) Mais bon, je bosse tout de même aujourd'hui ^^

25/10/2019 à 21h51 : m-ickael : Bonjour, bon weekend :)

25/10/2019 à 07h40 : Swan : :lu Salut à tous, allez un peu de motivation ce matin.. déjà un jus d'orange !

23/10/2019 à 18h08 : Swan : Coucou tout le monde ^^ bah moi cela a été la reprise du codage ! Waouuu , j'ai eu des trous ! Mais c'est très vite revenu ;)

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

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




  Aides sur les thèmes PHPBoost » Petit thème deviendra grand !!
Par EDN | Swan

 Le 04/03/2017 à 17h18 Swan Avatar  
 


Bonjour,

Pourquoi "Petit thème deviendra grand !!" ? j'avais envie de vous donner ma méthodologie.. Je ne vois pas beaucoup de personne qui partage ses connaissances ou son travail (thèmes ou modules) et je trouve cela dommage .. et je voulais partager ceci avec vous. En espérant que cela en incitera plus d'un pour tenter l'aventure .. Personne n'est nul , ni incapable ! On a tous débuté un jour ^^


===============
- MISE EN PLACE :
===============


Pour commencer, j'ai envie de dire que changer des images est à la portée de tous, si vous savez ou se trouve le dossier "images du thème. Et avoir aussi un brin de jugeote ;)

Par contre pour changer des couleurs ou insérer du code , il vous faudra tout de même quelques notions, voir bien plus.
Mais comme j'aime à le dire c'est en pratiquant que l'on s'améliore ^^

A savoir : on ne travaille jamais sur un site qui est en ligne. On installe un serveur local ( Wamp, easyphp(windows), Lamp ou Xamp(Linux), Mamp ou Xamp (Mac) ). Vous trouverez des informations sur les sites officiels.

Ensuite si vous n'avez vraiment pas le choix , par manque de temps ou connaissances le plus prudent étant de faire avant toutes choses une sauvegarde complète du site et de votre base de données.

Dans les grandes lignes :.

1/ Partir toujours du thème "Base", cela vous évitera d'avoir de mauvaises surprises.
2/ Installer le module "Bac à Sable" de la dites version sur laquelle vous travaillez. On a beau dire, mais quand on peut se simplifier la tache , autant en profiter ^^
Il centralise :
- Le rendu des principales classes CSS
- Le rendu des menus cssmenu


3/ Avoir un éditeur de texte comme notepad ++ (ou autres) , pour éditer tout les css en simultané.
- Avoir tous les fichiers css du thème ouvert permet de ne pas se disperser et perdre du temps.

4/ Ensuite savoir utiliser les outils de développements intégrés dans les navigateurs (touche de fonction F12 en générale..).
- Firefox : Documentation (depuis la version 51.1.0, le plugin firebug est fusionné d'office si vous l'aviez d'installé)
- Google Chrome : Documentation
- InternetExporer : Documentation


Note : J'utilise firefox. Et avec un simple clic droit : Examiner l'élément, en cliquant ensuite sur l'inspecteur pour trouver la zone à modifiée devient bien plus simple, pour savoir quoi modifier et surtout ou ..

5/ Si vous devez faire des modifications sur des fichiers templates ou css sachez qu'on ne travaille jamais sur les fichier templates des modules des dossiers racine. On les importe dans son thème dans un dossier qui sera nommé "modules.
Exemple d'un dossier thème : "http://localhost/MON-PBT/templates/MON-THEME/modules/forum" et dans celui ci vous y placerez les copies ""*"tpl et "*".css du dit modules. On travaille toujours sur le thème , jamais en extérieur.

6/ Une fois que vous avez tout cela vous êtes prêt pour modifier votre thème.

C'est parti ...



L'idée d'un thème :



Commencez toujours par savoir sur quel genre de thème vous allez travailler. Ensuite je sélectionne/ modifie ou crée les images, Choisissez ensuite trois couleurs (2 couleurs sur 3 seront dans les mêmes tons)
Et vous aurez déjà un bon début pour créer votre propre design.


Titré son thème :



- Prendre le thème base sur son bureau, renommer le dossier.
- Ouvrir le "config.ini" et placez vos informations, enregistrez et fermez.
- Dans le dossier "lang" modifier dans les deux dossiers "french" et "english" les 2 "desc.ini" avec vos informations, enregistrez et fermez.
- Replacez le thème renommé dans le dossier "templates".


Modifié son thème :



Dans l'ordre on commence par le plus simple:
- On change les images : le fond/background, avatar par défaut etc..
- La couleurs des liens, la taille de la police etc..

cela sera répercuter sur tous les modules.

Ensuite on affine ! En passant par le module le module "Bac à Sable" (Sandbox), pour si rendre : "http://localhost/MON-PBT/sandbox/" ,
En passant par là avec les outils de développements vous allez effectuer déjà + de 70% des modifications du thème.

Mais ou sont les 30% restants ?

Ils sont là ..

Module Galerie


rendez vous dans le module "Galerie" et survolez le menu d'action de celui-ci, et entrez dans les sous menus Vous verrez qu'il vous faudra aussi modifier les couleurs de fond que vous trouverez dans le "cssmenu.css" sur ces 2 lignes 651 & 652:

Code CSS :
 
#cssmenu-galleryfilter ul ul li .cssmenu-title                    { background-color: #FFFFFF;    }
#cssmenu-galleryfilter ul ul li:hover .cssmenu-title            { background-color: #DDDDDD;    }



Module Forum :


Ensuite entrez dans le module "Forum" : et surtout n'hésitez pas à regarder partout dans le forum, pour tout fignoler dans le forum.css.

Module Wiki



Créez un article "Qu'est ce qu'un wiki? " avec ceci dedans :

Code TEXT :
 
-- xcvwxcvwxcvw --
 
--- xcvxcvwxcvwxcvwxc ---
 
---- xcvwxcvwxcvw ----
 
----- xwcvwxcvwxcvwxcvwxc -----
 
------ xcvwxcvwxcvwxcwv ------
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at finibus felis, in cursus justo. Mauris nulla augue, dapibus sit amet metus sed, blandit elementum tellus. Sed justo elit, ultrices molestie est quis, finibus mollis metus. Vestibulum ultricies malesuada tortor non volutpat. Donec eget lacus in dui consequat convallis ut eget mi. Praesent ac est consequat, vehicula neque in, fermentum enim. Sed tincidunt nibh vel molestie suscipit. Pellentesque vitae sapien et purus commodo aliquet et non tellus. Mauris quis nulla in mauris lobortis posuere.  
 
 


Cela vous fera visualiser la table des matières et les titres qui y sont liés, pour pouvoir modifier les css.

Petite note: Sur la V5.0.XX, vous l'avez aussi dans le bac à sable, le seul problème c'est que le css lié du wiki au Sandbox est celui de la racine et pas celui du thème. Donc si vous passez par le Sandbox, les modifications ne s'appliqueront pas. mieux vaut donc passer directement par le lien wiki du menus pré-installé et voir sur place ^^

Pour finir, refaite un dernier tour dans tous les modules pour voir si vous n'avez rien oublié.


Et voilà ! Si vous avez des doutes ou des questions, n'hésitez pas à les poser.
Swan.


Administrateur


 Le 04/03/2017 à 18h48 Olivier Avatar  
 


Bonsoir Swan,

Vraiment sympa ce partage. Tu as vraiment l'esprit GNU :top

Olivier.


CsN Bazooka


 Le 04/03/2017 à 21h19 hight_tower Avatar  
 


:ave Le gnu c'est bien, le partage c'est mieux :ave



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

Modérateur


 Le 11/03/2017 à 15h38 m-ickael Avatar  
 


Merci du partage :D

CsN Fusée


 Le 18/06/2019 à 09h52 Swan Avatar  
 


Bonjour à tous,

Allez je fais une remontée de sujet, vieux de 2 ans, mais toujours utile ;)

Juste pour vous rappeler comment faire ...

- Pour le "Bac à sable" de la 5.2 voir ici.
- Pour avoir Notepad ++ : voir le site.


- Pour créer / traiter/ modifier les images online, je vous propose 2 sites, ils sont équivalent à Photoshop, bien entendu il en existe bien d'autre, mais ils restent mes 2 favoris :
- Photopea : tout en français pour ceux qui veulent tenter un bon éditeur.
- Et mon incontournable PixelR

Sur ce .. Bonne journée !
Swan.


Bonne journée,
Swan.


Administrateur


 Le 22/06/2019 à 09h54 hight_tower Avatar  
 


Swan tu les déterre..., bonne journée

Est comme je l'ai dis il y a deux ans..."Le gnu c'est bien, le partage c'est mieux" :rire :rire :rire :rire

Bon week end



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

Modérateur


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, m-ickael, Myster, lise, Ernestnix, Woodrowclonee,

Légende

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