Le html perso fait doubler le bouton de configuration [Réglé]
Runi Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Runi
- Inscrit le : 08/03/2016
- Groupes :
En insérant du html dans une page il m'est arrivé un truc curieux, à savoir que le bouton de configuration (celui avec l'engrenage) s'est dédoublé.
J'ai fait une page de test ici, il suffit de vous connecter en admin pour voir apparaître le double bouton.
Le code est basique c'est juste
Code HTML :
En testant un peu, j'ai vu que ça venait de la balise body: si on ne la ferme pas c'est bon, mais dès qu'on la ferme le bouton se dédouble.
Du coup je sais pas: c'est un bug ou une subtilité de code que j'ignore?
ps: ça le fait au moins sur le thème base et vertigo.
ps2: j'ai pas testé dans les autres modules
Édité par Runi Le 30/03/2016 à 21h53
PaperToss Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
Le HTML inséré ne doit pas contenir de balise body ou head, car elles ne peuvent être présentes qu'une fois sur une page.
Votre code génère donc un doublon avec le code HTML généré par le CMS, créant ainsi une incompréhension du navigateur qui se met alors à avoir un comportement aléatoire.
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Pour affiner ta sylisation de ta balise P tu peux le faire directement dedans, si vraiment c'est de l’occasionnel ...
comme ceci ..
Ou alors définir par une class et faire le css dans le design.css à la fin :
En css:
Code CSS :
.occaz { color:green; /*je préfère en hexa moi ..*/ }
Bonne soirée, Swan.
Runi Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Runi
- Inscrit le : 08/03/2016
- Groupes :
En fait Swan j'ai plusieurs type de pages avec chacun sa présentation, donc c'est un bon morceau de css à chaque fois. J'avais pensé ruser en collant mon css en tête de page à chaque fois, plus simple à mon niveau que d'aller faire des modifs dans le css du site (je me prends déjà assez la tête avec les menus en responsive depuis la v5 pour pas avoir envie d'en rajouter une couche).
Bon merci je vais voir du coup, tant que ça se limite à un doublement de bouton je vais quand même laisser comme ça je pense, refaire une trentaine de page avec des .class pour chaque élément ça va être trop de boulot et il y a plus important à faire (les menus...)
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Pourquoi ne pas ruser sur des feuilles de style personnalisé (comme un modèle) pour justement ne pas disséminer des bouts de css partout ?
=> 3 pages différentes = page1.css, page2.css, page3.css que tu appellerais juste avec dans ton haut de page :
<head>
<link rel="stylesheet" href="../templates/TON-THEME/theme/page1.css" type="text/css" media="screen" />
</head>
ensuite si j'avais plusieurs pages sur différents modèles, c'est comme cela que je procèderais
Swan.
Édité par Swan Le 28/03/2016 à 11h28
PaperToss Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
Avec la solution de Swan, impossible de charger un fichier CSS spécifiquement sur une page.
S'il n'est pas possible d'utiliser les fichiers CSS, voilà une alternative valide, grâce à l'attribut scoped arrivé avec HTML 5, qui permet d'inclure du style dans le body en restant valide W3C.
Un petit exemple :
Code HTML :
PS : Le div #scoped-content n'est pas obligatoire, seul l'attribut scoped dans le style est important.
Test ici : http://demo.phpboost.com/pages/test
Édité par PaperToss Le 28/03/2016 à 12h21
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Je ne fais que donner une solution parmi tant d'autre .. Personnellement sur mon site cela fonctionne. Ensuite je vais pas entrer dans le système de validation w3c ou pas car la plupart des sites ne sont pas au norme du faite que ceux qui sont ici recherche la simplicité. Les personnes qui sont sous PBt sons surtout des personnes qui ne savent pas codé, ou la plupart ..
Donc leurs donner des astuces est bien plus évolutif que les seriner avec les normes (qui change très rapidement) <img src="/images/smileys/happy.png" alt="^^" class="smiley" />
Voir <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.phpboost.com%2F">PHPboost </a>ou même EDN : entre 30 et 60 Erreurs (sous V3.0.11) Mais il y a pire <img src="/images/smileys/wink.png" alt=";)" class="smiley" />
Cela n'empêche en rien la lecture du site.
Swan.
PaperToss Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
Je n'ai pas dit que ta solution n'était pas valide, seulement si j'ai bien compris le besoin de Runi, il ne peut pas inclure d'autres fichiers CSS sans que tous ces fichiers ne soient chargés sur chaque page, ce qui alourdirait le chargement et n'aurait pas l'effet escompté.
A moins bien sûr, que tu ne saches charger un fichier CSS sur une page et pas sur une autre, ce que je ne sais pas faire.
Je suis d'accord avec toi, la majorité des utilisateurs de PHPboost recherchent la simplicité.
Mais je pense personnellement que ce n'est pas parce qu'il faut que ça reste simple que ça ne doit pas tenir compte des normes. Au contraire, je pense que leur donner des informations allant avec l'astuce, et leur apprendre ainsi des brides de bonnes façons est bien plus enrichissant pour l'utilisateur mais aussi celui qui tombera dessus plus tard.
Donner des astuces bien sûr, mais en plus leur apprendre une façon propre est encore mieux (selon moi).
Pour la requête de Runi, on aurait très bien pu imaginer une solution Javascript qui supprime la double balise head, ou qui cache le bouton généré par un code sale, mais cela n'est clairement pas la bonne façon ni de faire, ni d'enseigner.
Pour résumer, et en règle générale, il faut faire attention aux conseils que l'on donne, surtout aux débutants qui prennent vos dires comme argent comptant ou les écrits saints. Ils ne remettront pas en question les conseils prodigués par des personnes plus expérimentées, et réitéreront ces erreurs (voire même les enseigner à leur tour).
Mais je n'ai jamais dit que ton conseil n'était pas viable, juste inadapté à cette situation précise
J'oubliais : A présent les seules erreurs de validation que j'ai pu voir sur PHPboost V5 est le manque d'attributs alt sur les images, on est loin des 60 erreurs de la V3
PS : Désolé pour ce HS.
Cordialement.
Édité par PaperToss Le 28/03/2016 à 15h34
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Pour mes conseils, les utilisateurs depuis maintenant plus de 6 ans sous PBt ne s'en sont jamais plaints, bref passons.
Pour ce qui est de la V3, c'est un choix personnel que j'assume.
Je vais donc m’abstenir de passer derrière toi, vu que tu expliques mieux.
Bonne soirée.
Swan.
Édité par Swan Le 28/03/2016 à 19h12
PaperToss Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
Si tu prodigues de bon conseils depuis 6 ans, je te remercie au nom de la communauté. En revanche, me juger comme inapte à en donner sous prétexte que j'affiche moins de 10 messages au compteur sans même me connaître, c'est moins honorable.
J'espérais ne pas provoquer ce genre de réaction, le ton est parfois mal interprété sur les forums..
De plus, j'aime bien les débats, visiblement ce sera avec quelqu'un d'autre.
Cordialement.
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Laissons Runi choisir la solution la plus adaptée à sa situation <img src="/images/smileys/smile.png" alt=":)" class="smiley" />.
Proposition 1 : Charger tous les fichiers CSS (solution universelle mais chargement sur toutes les pages) : <a href="/forum/topic-15971-1+le-html-perso-fait-doubler-le-bouton-de-configuration#m149815">https://www.phpboost.com/forum/topic-15971-1+le-html-perso-fait-doubler-le-bouton-de-configuration#m149815</a>
Proposition 2 : Charger 1 seul fichier (Chargement par page, mais solution HTML5 requi et include dans les fichiers pages) : <a href="/forum/topic-15971-1+le-html-perso-fait-doubler-le-bouton-de-configuration#m149817">https://www.phpboost.com/forum/topic-15971-1+le-html-perso-fait-doubler-le-bouton-de-configuration#m149817</a>
Si tu as réussi à faire ce que tu souhaite Runi, je te laisse mettre le sujet en "reglé".
Merci aux contributeurs.
j1.seth Membre non connecté
- Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
- Chef de Projet
- Equipe Développement
Runi Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Runi
- Inscrit le : 08/03/2016
- Groupes :
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie