Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1236 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS qui modifie plusieurs sites contre mon gré..

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS qui modifie plusieurs sites contre mon gré..

n°2360924
leroimerli​nbis
Posté le 30-08-2020 à 19:20:01  profilanswer
 


Salut,
 
J'ai modifié le CSS de quelques sites.  
Problème : une modification sur un site peut parfois entrainer une modification non désirée sur un autre site.  
Comment faire pour faire en sorte qu'un code CSS n'ait une incidence que sur un seul site? c'est possible?
 
merci

mood
Publicité
Posté le 30-08-2020 à 19:20:01  profilanswer
 

n°2360940
ptimimi05
Id PSN : Noobarus
Posté le 30-08-2020 à 22:15:43  profilanswer
 

Salut, de ce que je comprends tu aurais plusieurs sites qui font appel à la même feuille de style ?  
La solution serait de faire des feuilles de style différente pour chacun de tes sites


---------------
Watercooling X58 One Hundred - Watercooling Pure Base 500
n°2360942
leroimerli​nbis
Posté le 30-08-2020 à 22:26:57  profilanswer
 

ptimimi05 a écrit :

Salut, de ce que je comprends tu aurais plusieurs sites qui font appel à la même feuille de style ?
La solution serait de faire des feuilles de style différente pour chacun de tes sites

 

C'est ce que je fais
Du moins si j'ai bien compris.
Mais un même code CSS peut influer sur plusieurs sites... Comment empêcher ça ?

n°2360947
rufo
Pas me confondre avec Lycos!
Posté le 31-08-2020 à 08:25:11  profilanswer
 

Ben il vient de te le dire : tu dupliques le fichier CSS commun en autant de site que t'as et soit tu donnes un nom un peut différent à chacun après, soit tu changes de place le fichier pour le localiser dans chaque instance des sites web. Dans les 2 cas, faudra modifier le code des sites pour prendre en compte la modif (changement de nom ou changement d'url).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2360949
leroimerli​nbis
Posté le 31-08-2020 à 08:39:06  profilanswer
 

rufo a écrit :

Ben il vient de te le dire : tu dupliques le fichier CSS commun en autant de site que t'as et soit tu donnes un nom un peut différent à chacun après, soit tu changes de place le fichier pour le localiser dans chaque instance des sites web. Dans les 2 cas, faudra modifier le code des sites pour prendre en compte la modif (changement de nom ou changement d'url).


 
C'est déjà ce que je fais : un code CSS par site, avec stylus sur firefox.
et ça ne marche pas.
 
https://i.imgur.com/OElQfuQl.png
 
Exemple de code CSS que j'ai pour nextimpact :
 

Code :
  1. .sidebar-tab-container,
  2. .sidebar-container,
  3. .rs-container,
  4. .img-container,
  5. .pub-container,
  6. .mainbar,
  7. .bandeau-acces-libre
  8. {
  9. display: none;
  10. }
  11. .article-container,
  12. .main-container
  13. {
  14.     width: 100%;
  15.     padding: 40 0px;
  16.     margin-left : 215px;
  17.     margin-top : -20px;
  18. }
  19. .head-menu > li:nth-child(1) > a:nth-child(1) {
  20. margin-left: 120px;
  21. }
  22. .base .comment-quote, .orange-clair .comment-quote, .rose-clair .comment-quote, .yinyang-clair .comment-quote{
  23. margin: 15px 35px;
  24. }
  25. .base .comment-quote, .orange-clair .comment-quote, .rose-clair .comment-quote, .yinyang-clair .comment-quote {
  26. color: rgb(157,157,167);
  27. border-left: 0.2em solid rgb(232, 130, 39) !important;
  28. }
  29. .comment-quote {
  30.     font-weight:normal
  31. }
  32. .listitem-container[_ngcontent-serverApp-c78] {
  33. margin-right: 0px;
  34. margin-left: 0px;
  35. }


 
Et ce code modifie aussi certains autres sites, en donnant un rendu forcément dégueulasse puisque pas prévu pour.
 
 

n°2360950
rufo
Pas me confondre avec Lycos!
Posté le 31-08-2020 à 08:52:50  profilanswer
 

Tu duplique le fichier, ok, mais dans le code des sites web, tu changes le chemin d'accès ? Vides-tu le cache du navigateur ?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2360964
mechkurt
Posté le 31-08-2020 à 11:02:51  profilanswer
 

Il ne parles pas de css sur le serveur, il utilise un addon a Firefox pour rajouter des regles dans les css du serveur (mais que pour lui du coups), en gros pour masquer les colonnes de pub je supposes, mais sans doute pas que, rendre certain choses plus visible, etc...
https://addons.mozilla.org/fr/firefox/addon/styl-us/
 
Apparemment on voit sur la 4eme image de la page que j'ai linké au dessus que tu peux mettre une media query ciblant un domaine (il passe github en fond noir dans leur exemple apparemment).


---------------
D3
n°2360966
leroimerli​nbis
Posté le 31-08-2020 à 11:17:47  profilanswer
 

mechkurt a écrit :

Il ne parles pas de css sur le serveur, il utilise un addon a Firefox pour rajouter des regles dans les css du serveur (mais que pour lui du coups), en gros pour masquer les colonnes de pub je supposes, mais sans doute pas que, rendre certain choses plus visible, etc...
https://addons.mozilla.org/fr/firefox/addon/styl-us/
 
Apparemment on voit sur la 4eme image de la page que j'ai linké au dessus que tu peux mettre une media query ciblant un domaine (il passe github en fond noir dans leur exemple apparemment).


 
C'est exactement ça!!!!  
 
 [:shimay:1]  
 
 [:cetrio:1]  
 
J'ai du mal à comprendre comment cibler un domaine, y compris avec la 4ème capture sur ton lien... chaud pour moi  :sweat:  
tu es sur que la capture montre que l'on peut cibler un seul domaine pour un bout de code CSS avec stylus?  
 

n°2360982
rufo
Pas me confondre avec Lycos!
Posté le 31-08-2020 à 12:36:32  profilanswer
 

Désolé, j'avais pas vu :jap:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2360983
leroimerli​nbis
Posté le 31-08-2020 à 12:43:34  profilanswer
 

rufo a écrit :

Désolé, j'avais pas vu :jap:


 
ça pouvait prêter à confusion pour certains je pense, surtout quand on est dans le domaine.
mais pour moi qui ne suit pas dev du tout, c'était pourtant clair
 
 [:bakk38]

mood
Publicité
Posté le 31-08-2020 à 12:43:34  profilanswer
 

n°2360984
aldo13000
Posté le 31-08-2020 à 13:10:42  profilanswer
 

leroimerlinbis a écrit :


 
ça pouvait prêter à confusion pour certains je pense, surtout quand on est dans le domaine.
mais pour moi qui ne suit pas dev du tout, c'était pourtant clair
 
 [:bakk38]


Je dois pas bien comprendre ton problème, tu as posté un CSS pour nextinpact mais si tu fais modifier style, ou gestion ect, tu indiques bien à quel domaine appliquer le CSS , non ?  
 
Enfin perso ma spécialité c'est plus l'ASM et le C donc je suis pas bien spécialiste de ça, juste bricoleur du dimanche.


Message édité par aldo13000 le 31-08-2020 à 13:11:47

---------------

n°2360989
mechkurt
Posté le 31-08-2020 à 14:39:24  profilanswer
 


https://github.com/openstyles/stylu [...] ific-sites

Message cité 1 fois
Message édité par mechkurt le 31-08-2020 à 14:40:04

---------------
D3
n°2360991
David Bori​ng
Posté le 31-08-2020 à 14:47:57  profilanswer
 

Tu peux essayer d'ajouter cela au debut de ta CSS pour un domaine précis.
Le support est uniquement pour Firefox, mais c'est ton navigateur non?.
 
@document domain("hardware.fr" ) {
  h1 {
    color: green;
  }
}

n°2360998
leroimerli​nbis
Posté le 31-08-2020 à 19:26:14  profilanswer
 


 
 

David Boring a écrit :

Tu peux essayer d'ajouter cela au debut de ta CSS pour un domaine précis.
Le support est uniquement pour Firefox, mais c'est ton navigateur non?.
 
@document domain("hardware.fr" ) {
  h1 {
    color: green;
  }
}


 
 
marche pas..... et je ne comprends pas pourquoi
 
 [:prince californien]

n°2361032
mechkurt
Posté le 01-09-2020 à 10:20:23  profilanswer
 

Mais tu utilises l'extension que j'ai linké plus haut ou une autre ?
J'ai essayé de 'linstaller pour tester et quand tu crées une règles il s'occupe lui même de gérer le domaine et ça a l'air de marcher, mon body {background:#000;} ne fonctionne que pour hardware.fr...
Tu n'as même pas à rentrer de "@moz-domain", apparemment c'est l'extension qui s'en occupe (plus logiquement il ne charge les fragments que tu as crée que si tu est sur le bon site...).


---------------
D3
n°2361104
leroimerli​nbis
Posté le 01-09-2020 à 22:23:22  profilanswer
 

mechkurt a écrit :

Mais tu utilises l'extension que j'ai linké plus haut ou une autre ?
J'ai essayé de 'linstaller pour tester et quand tu crées une règles il s'occupe lui même de gérer le domaine et ça a l'air de marcher, mon body {background:#000;} ne fonctionne que pour hardware.fr...
Tu n'as même pas à rentrer de "@moz-domain", apparemment c'est l'extension qui s'en occupe (plus logiquement il ne charge les fragments que tu as crée que si tu est sur le bon site...).


 
Oui c'est bien l'extension stylus.
 
De mon constat, un nouveau script n'est pas assigné à un nom de domaine en particulier avec stylus.  
certains bouts de code CSS peuvent avoir un impact sur un autre domaine. Déjà contasté, d'ou ce post.  
Ce n'est pas super super fréquent, mais j'ai plusieurs fois le problème

n°2361152
leroimerli​nbis
Posté le 02-09-2020 à 10:20:39  profilanswer
 

mechkurt a écrit :

Mais tu utilises l'extension que j'ai linké plus haut ou une autre ?
J'ai essayé de 'linstaller pour tester et quand tu crées une règles il s'occupe lui même de gérer le domaine et ça a l'air de marcher, mon body {background:#000;} ne fonctionne que pour hardware.fr...
Tu n'as même pas à rentrer de "@moz-domain", apparemment c'est l'extension qui s'en occupe (plus logiquement il ne charge les fragments que tu as crée que si tu est sur le bon site...).


 
J'ai un exemple concret.
J'ai un bout de code CSS pour le site Neowin. Donc sur ce site, l'affichage est propre, normal.  
Par contre, ce même bout de code influe sur un autre site et donne ce résultat :
 
https://i.imgur.com/Yh04enAh.png
 
Quand je désactive le code CSS pour le site neowin, le site au dessus repasse avec un affichage normal :
 
https://i.imgur.com/RsAEWvRh.png
 
 
Si je fais les manips données sur ce post, le code CSS n'est plus actif nul part
 
 [:prince californien]

n°2361202
mechkurt
Posté le 02-09-2020 à 16:53:43  profilanswer
 

Tu devrais remonter le bug (car ça à l'air d'en être un) au développeur du plugin, je ne penses pas que tu trouveras bcps d'aide ici pour un truc aussi spécifique...
 
...après je peux me tromper, y'a sans doute des développeur de plugin FF dans la communauté d'hardware.fr ! :o


---------------
D3
n°2361519
leroimerli​nbis
Posté le 06-09-2020 à 19:11:16  profilanswer
 

mechkurt a écrit :

Tu devrais remonter le bug (car ça à l'air d'en être un) au développeur du plugin, je ne penses pas que tu trouveras bcps d'aide ici pour un truc aussi spécifique...
 
...après je peux me tromper, y'a sans doute des développeur de plugin FF dans la communauté d'hardware.fr ! :o


 
Pas sur du tout que ce soit un bug de l'extension...
 
J'ai fait l'essai de mettre le code CSS dans userchrome.css, et c'est exactement le même problème / constat.

n°2361570
mechkurt
Posté le 07-09-2020 à 13:00:27  profilanswer
 

Un bug de chrome alors ?
Non pacqu'apparement tu est sur chrome et je link des tutos pour l'extension Firefox donc en faite je suis probablement à coté de la plaque...


---------------
D3
n°2361577
leroimerli​nbis
Posté le 07-09-2020 à 13:24:03  profilanswer
 

mechkurt a écrit :

Un bug de chrome alors ?
Non pacqu'apparement tu est sur chrome et je link des tutos pour l'extension Firefox donc en faite je suis probablement à coté de la plaque...

 

Non je suis sur Firefox

n°2361716
gatsu35
Blablaté par Harko
Posté le 08-09-2020 à 17:12:07  profilanswer
 

Ca pue un bug de l'interface chaise-clavier qui n'a pas du tout regardé si sa conf était propre.
 
Désactive toutes tes CSS.
Vérifie celle que tu nous as montré en regardant si elle point bien sur une URL bien particulière.

n°2361736
leroimerli​nbis
Posté le 08-09-2020 à 19:44:55  profilanswer
 

gatsu35 a écrit :

Ca pue un bug de l'interface chaise-clavier qui n'a pas du tout regardé si sa conf était propre.
 
Désactive toutes tes CSS.
Vérifie celle que tu nous as montré en regardant si elle point bien sur une URL bien particulière.


 
Bordel mais oui, presque ça  
 
 [:bakk38]  
 
j'avais pas vu dans l'extension stylish que en bas de la page de chaque script, on peut affecter ce script à un nom de domaine ou une URL
 
 [:mika94400:3]  
 
désolé d'avoir fait mon boulet, la prochaine fois je ferais gaffe
 

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS qui modifie plusieurs sites contre mon gré..

 

Sujets relatifs
YouTube - problème CSSAfficher plusieurs webcams du monde entier sur un ecran
VBA PPT - Sélectionner plusieurs Shape pour appliquer une animation[Résolu] Performance Elementor et One Page, trop de CSS et Javascript
Blend Mode CSSCSS: récupérer la position courante d'une animation pour l'inverser ?
ouvrir plusieurs URL simultanément ?[RESOLU]Comment trier un array à 2 dimensions avec plusieurs critéres
interface utilisateur modifiant contenu HTML et CSSmousover java sur plusieurs éléments en même temps
Plus de sujets relatifs à : CSS qui modifie plusieurs sites contre mon gré..


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR