les couleurs [Réglé]
personalisation couleur du theme par defaut
Evolutions
Visiteur
Boosteur Inactif
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
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
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
Visiteur
Boosteur Inactif

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
Swan Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
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

PaperToss Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
Dobro :
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
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

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
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
mais bon, ça casse l'indentation si elle est différente de l'inspecteur et en théorie, on a l'éditeur d'ouvert
Visiteur
Boosteur Inactif
(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
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
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
Visiteur
Boosteur Inactif
benflovideo :
Mouai un peu compliqué comme ça je trouve. C'est plus simple de modifier la couleur via l'inspecteur,
ben c'est ce que je fais

je modifie via l'inspecteur mais ...
Citation :
repérer ou se situe la modification (fichier + ligne) et la reporter dans le fichier pour au final enregistrer.
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

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

Benji
oui c'est clair
Merci
Édité par Visiteur Le 08/04/2016 à 17h22
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication

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
Visiteur
Boosteur Inactif
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
Swan Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
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.

Visiteur
Boosteur Inactif
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
@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
Visiteur
Boosteur Inactif
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
