Forum

Salut,

je vais peut etre dire une betise, je n'y connais rien en html,css,etc ...
ma question est celle d'un utilisateur lambda de Phpboost

j'ai vu que pour personnaliser le theme de base de Phpboost, on cours après les bons paramètres dans différents Css .....

ne serai t'il pas possible de regrouper tout les paramètres couleurs du thème ensemble dans un seul Css
muni de commentaire genre "couleur element de menu" ; "couleur titre menu" , "couleur (image) fond du theme" ect .....

ce qui nous eviterai la chasse au bon paramètres dans de multiple fichiers css

de plus de tout regrouper dans un seul CSS , serai plus simple pour tout le monde, et permettrai meme la creation d'un module "couleur_du_theme"
qui offrirai la possibilité de changer les couleurs a partir de PhpBoost ...


ma demande concerne aussi les placements des divers éléments du site , un seul Css n'ayant QUE les placements
pourrai amener aussi ce genre de possibilité , voir pourquoi pas reprendre le systeme actuel de placement utilisé pour les Menus
de l'administration, mais pour tout les elements du site ....

Merci de votre attention

Édité par Mipel Le 03/11/2017 à 18h14

un tel fonctionnement n'est pas encore implémenté dans phpboost, on y pense mais c'est loin d'être simple à cause du système de template. ceci dit rien n'est infaisable <img src="/images/smileys/wink.png" alt=";)" class="smiley" />

Concernant les css sur un seul fichier, cela représenterait un bon milliard de lignes de code dans le même fichier (j'éxagère, mais la vérité n'est pas loin) d’où notre décision de segmenter le css

Concernant, "la chasse", il existe un outil extrêmement efficace sur tous les navigateurs
il faut d'abord aller dans l'administration du site => outils/cache/configuration et décocher "Activer le cache CSS"

Ensuite, sur le site faire un clic droit sur l'endroit que tu veux modifier puis "examiner l'élément" (firefox) / "inspecter l'élément" (chrome) / F12 (ie/edge) => cela t'ouvre une petite fenêtre avec le code html d'un coté et le code css de l'autre
avec le code html tu peux affiner l'emplacement à modifier en cliquant dessus, avec le code css, ça te fourni le fichier à modifier et le numéro de la ligne correspondante à modifier <img src="/images/smileys/wink.png" alt=";)" class="smiley" />

j'ai détaché cette fenetre pour mieux te montrer sur le screen, elle peut être ailleurs sur ta page => <a href="http://prntscr.com/apllwl">http://prntscr.com/apllwl</a>

dans cette fenetre, tu peux modifier les parametres css pour avoir un aperçu de ce que tu veux, mais ça n'est que temporaire et seulement visible par toi, pour vraiment faire la modif, il faut l'appliquer dans le fichier css

je connaissais l’inspecteur d’éléments , mais je ne savais pas m'en servir

c'est tres puissant Merci pour la capture d'ecran , (a laisser en tuto )

ce serai cool de pouvoir ecrire les changements effectués directement dans le css a partir de l'inspecteur ..
enfin , c'est peut etre possible, pas encore trouvé
[reedit]
ha mais si j'ai trouvé !! excellent !!
je ferai un tuto la dessus a l'occase





gros avantage on voit les changement en temps réel !

Merci encore

Édité par Visiteur Le 08/04/2016 à 13h50

Bonjour,

Tu as juste à double cliquer sur les valeurs pour les modifier dans le cache du navigateur .. Bien entendu il te faudra reporter les modifications dans les fichiers textes css correspondants.

Swan.

Édité par Swan Le 08/04/2016 à 14h15

Bonjour,

Ce n'est pas possible d'enregistrer les modifications faites depuis l'inspecteur, il faudrait que le navigateur le supporte et ait accès au FTP du site.
Ou alors, je ne suis jamais tombé sur LA parle rare.

Ce que l'on peut trouver en revanche, c'est un plugin qui ajoute dans le navigateur un code CSS personnel, mais pas du tout stocké sur le site.
Par exemple, certains usagers de Facebook utilisent cela afin de remplacer le bleu par du rouge ou du noir.
Etes-vous certain de ne pas être tombé sur un script de ce genre ?

Cordialement.

Édité par PaperToss Le 08/04/2016 à 14h30

en effet vers un ftp, ce n'est pas possible mais en local, une fois les modif effectuées, il suffit en passant par l’éditeur de style de cliquer sur "enregistrer" du fichier <a href="http://prntscr.com/apocjh">http://prntscr.com/apocjh</a>
mais bon, ça casse l'indentation si elle est différente de l'inspecteur et en théorie, on a l'éditeur d'ouvert

non non , vous n'y etes pas (a part babsolune)
(ça ne touche pas l'indentation chez moi, puisque je ne touche que les parametres de couleurs)

voici ce que je fais :

mettons je veux changer le fond des menus


apres avoir modifié ma couleur ,en cliquant sur le petit rond de couleur un nuancier apparait !!
il ne me restera plus qu'a cliquer sur le liens a droite qui indique le nom du fichier qu'on modifie, et meme le numero de ligne concerné


voila j'ai modifié , on voit le changement


je click sur le lien de droite (celui qui indique le fichier que je modifie et la ligne )
j'arrive sur ça

on peut meme encore ecrire le code couleur si on n'a pas utilisé le nuancier (la palette )

c'est la que je sauvegarde , la premiere fois, il me demande ou se trouve le fichier (LOCAL bien sur )
je sauve, et ensuite j'envoie avec FileZilla

et constate le resultat !!

pour choisir un élément a modifier, il faut juste click droit sur un élément , puis dans la liste faire défiler le curseur ou cliquer sur les balise DIV
pour affiner la recherche de la cible , ceci a pour effet de montrer dans la page en cours ce qu'on sélectionne

Édité par Visiteur Le 08/04/2016 à 17h24

Mouai un peu compliqué comme ça je trouve. C'est plus simple de modifier la couleur via l'inspecteur, repérer ou se situe la modification (fichier + ligne) et la reporter dans le fichier pour au final enregistrer.

La majeur partie du temps ce sont les mêmes fichiers en plus donc ultra rapide

Après si ça te convient comme ça c'est l'essentiel

Benji

ben c'est ce que je fais
je modifie via l'inspecteur mais ...





pas besoin, l'inspecteur te l'indique , te propose l'option pour modifier et meme une palette de couleur
et te propose de l'enregistrer

je ferai une video a l'occase



oui c'est clair Merci

Édité par Visiteur Le 08/04/2016 à 17h22

Non tu ne comprends pas ce que je veux dire

Ici :



Après avoir modifié la couleur, je copie la modification. Je vais directement dans content.css (que j'ouvre depuis le filezilla) à la ligne 592 (CTRL+G sur notepad pour aller directement à la ligne voulue). Je colle ma modification et j'enregistre. Terminé .

Ainsi pas besoin d'enregistrer le fichier en local puis de le transférer à nouveau comme ça, et du coup gain de temps

Benji

ok je comprends,

perso je passe par un fichier en local , car tout mon site est copié en local (sauvegarde )
donc je fait la modification du local , avant de l'envoyer en ligne , comme ça le local et le "en ligne" sont raccord
je fais d'une pierre deux coup

Édité par Visiteur Le 08/04/2016 à 20h22

Bonjour,

Le mieux étant d'avoir <a href="/wiki/choix-du-serveur-local">Wamp </a>sur son pc pour faire de la création de thème, parce que ta méthode va vite te "saouler".. Enfin moi je dis ça, je dis rien.

Swan.

ben non , mon theme est fini

Hello,

@PaperToss c'est lancé dans l'aventure, à suivre ici : https://www.phpboost.com/forum/topic-16027+je-m-amuse

Benji

Édité par benflovideo Le 12/04/2016 à 17h05

Merci de l'info