userContent.css : trucs et astuces

arno. · Message par **arno.** » 07 avr. 2006, 16:20

Je ne suis pas sûr que ça marche, mais peut-être, regarder du côté de contains

FF_Olivier · Message par **FF_Olivier** » 07 avr. 2006, 17:39

Merci pour la piste, malheureusement cette pseudo-classe ne semble pas être prise en compte par FF pour l'instant.

FF_Olivier · Message par **FF_Olivier** » 08 avr. 2006, 16:17

/* phpBB - Changer l'apparence des citations QUOTE */
td.quote {
  quotes: "\201C" "\201E" "\00AB" "\00BB" !important;
  border: 1px #888 dashed !important;
  padding: 1em 1em 1em 4em !important;
}
td.quote:before { content:      open-quote !important; }
td.quote:after  { content: " " close-quote !important; }
td.quote:before,
td.quote:after {
  color: #557 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 300% !important;
  font-weight: bold !important;
}
td.quote:first-letter { margin: -1em !important; }

Résultat :

EDIT : qques améliorations.

FF_Olivier · Message par **FF_Olivier** » 12 avr. 2006, 15:12

Forums phpBB : faire en sorte que le titre de l'article soit affiché en permanence dans un bandeau en haut de la page, même quand on la fait défiler.
Cela permet de toujours l'avoir sous les yeux (sans attendre l'infobulle).
Pratique quand on ouvre bcp d'onglets en même temps en pointant sur la dernière réponse.

Code : Tout sélectionner

@-moz-document
url-prefix(http://franquin.org/forum/viewtopic.php),
url-prefix(http://www.geckozone.org/forum/viewtopic.php)
{

  /* phpBB - Bloquer le titre de l'article en haut de la page */
  a.maintitle,
  td.maintitle {
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
    left: 0px !important;
    background-color: #DDE !important;
    font-variant: small-caps !important;
    text-align: right !important;
    opacity: 0.75 !important;
  }

}

Résultat :

ottomar · Message par **ottomar** » 20 avr. 2006, 16:21

Ou comment centrer sur l'horizontale l'image quand vous cliquez à droite 'afficher l'image' qui irrémédiablement se centre top-left ce qui oblige à chaque fois à un douloureux déplacement des lombaires du cou. Si je savais où j'ai trouvé ça, je vous le dirais, mais vu que c'est le bordin dans mes marque-pages, aucun espoir... je peux vous dire que c'est pas de moi, c'est trop intelligent ! arfff !

Code : Tout sélectionner

HTML > BODY:only-child > IMG:only-child 
{
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

résultat avec la première photo officielle d'Edith et oTTomar, oTTomar poilu, ce qui est rare; Edith souriante... je n'en dis pas plus !

le centrage en css à tout hasard (montré du doigt par Calimo dans un récent post):
http://css.alsacreations.com/Faire-une- ... web-en-CSS

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

Edith : pour les ceusses qu'ont du mal à accoutumer, le p'tit bookmarklet de jessie Rudermann qui va bien (zoom sur l'image) dans un nouveau marque-page dans la zone 'adresse web'. Simplement actualiser pour revenir à la taille normale

Code : Tout sélectionner

javascript:(function(){ function zoomImage(image, amt) { if(image.initialHeight == null) { /* avoid accumulating integer-rounding error */ image.initialHeight=image.height; image.initialWidth=image.width; image.scalingFactor=1; } image.scalingFactor*=amt; image.width=image.scalingFactor*image.initialWidth; image.height=image.scalingFactor*image.initialHeight; } var i,L=document.images.length; for (i=0;i<L;++i) zoomImage(document.images[i], 2); if (!L) alert(%22This page contains no images.%22); })();

FF_Olivier · Message par **FF_Olivier** » 20 avr. 2006, 19:17

ottomar a écrit :Ou comment centrer sur l'horizontale l'image quand vous cliquez à droite 'afficher l'image' qui irrémédiablement se centre top-left ce qui oblige à chaque fois à un douloureux déplacement des lombaires du cou.

Très bien celui-là, merci

!

J'ai essayé d'encore améliorer en essayant de centrer verticalement, de récupérer les attributs alt et src avec content:, mais rien ne marche vraiment si ce n'est de mettre un background comme ceci :

Code : Tout sélectionner

/* Centrer horizontalement l'image appelée par
   le menu contextuel "Afficher l'image"       */
html > body:only-child { background-color: #FFE !important; }
html > body:only-child > img:only-child {
  display: block !important;
  margin: auto !important;
}

FF_Olivier · Message par **FF_Olivier** » 25 avr. 2006, 19:10

J' a écrit :J'ai essayé d'encore améliorer en essayant de centrer verticalement

Aaaah, voilà qui est mieux, grâce aux tutoriels "trucs et astuces CSS" trouvés sur le W3C, j'ai réussi à aussi centrer l'image verticalement :

Code : Tout sélectionner

Retiré pour l'instant, ce truc n'est pas suffisamment spécifique et affecte d'autres pages.
Désolé.

Résultat :

FF_Olivier · Message par **FF_Olivier** » 27 avr. 2006, 16:50

On peut mettre jusqu'à 4 boutons de part et d'autre de la barre de défilement verticale :

Code : Tout sélectionner

/*
Barre de défilement - Jusqu'à 4 boutons possibles :
scrollbarbutton[sbattr="scrollbar-up-top"]
scrollbarbutton[sbattr="scrollbar-down-top"]
scrollbarbutton[sbattr="scrollbar-up-bottom"]
scrollbarbutton[sbattr="scrollbar-down-bottom"]
2 valeurs possibles pour chacun des boutons : 
display: none !important
display: -moz-box !important
*/
scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"] {
  display: -moz-box !important;
}

Résultat :

FF_Olivier · Message par **FF_Olivier** » 30 avr. 2006, 17:48

Code : Tout sélectionner

/* Changer la couleur associée à l'option "Surligner tout" de
   la barre de recherche rapide [Ctrl+F]                      */
span#__firefox-findbar-search-id {
  color:#000 !important;
  background-color:#0F0 !important;
  font-weight: bold !important;
}

Il est à noter d'ailleurs que ça devrait être une classe (.) plutôt qu'un identifiant (#), il peut en effet y avoir plusieurs termes trouvés sur une même page

...

ottomar · Message par **ottomar** » 04 mai 2006, 14:46

FF : trop fort le centrage !

pour changer l'affreux machin qui sert de cible au clic milieu pour le défilement doux et si vous n'en avez pas marre de la tronche d'ottomar

Code : Tout sélectionner

html>img 
{
	/* l'affreux machin à néant */
	width: 0 !important;
	/* la tronche au carré */
	height: 100px !important;
	padding-left: 100px!important;
	/* et la tronche dans la glace */
	background: url('http://img59.imageshack.us/img59/5710/avatarottolru3im.png');
}

tel que (arfff) dans le userContent.css

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

FF_Olivier · Message par **FF_Olivier** » 04 mai 2006, 15:49

ottomar a écrit :FF : trop fort le centrage !

Bein non, il va falloir déchanter, je viens seulement de me rendre compte que ce truc n'est pas suffisamment spécifique et affecte d'autres pages, je le retire pour l'instant en attendant de trouver mieux, si possible.

Désolé.

Message par **Flore** » 04 mai 2006, 16:01

FF_Olivier a écrit :On peut mettre jusqu'à 4 boutons de part et d'autre de la barre de défilement verticale

Dans l'idée (idée honteusement pompée sur le code de FF_Olivier), pour aller avec les thèmes style mac sur PC (genre iFox et autres)

Code : Tout sélectionner

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"] {
  display: none !important;
}

scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"] {
  display: -moz-box !important;
}

Comme ça les 2 flèches sont en bas l'une au-dessus de l'autre

(ou à droite l'une à côté de l'autre), comme sur MacOSX donc...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20060321 Firefox/2.0a1

ottomar · Message par **ottomar** » 04 mai 2006, 17:18

Flore : ça marche avec simplement ça :

Code : Tout sélectionner

scrollbarbutton[sbattr="scrollbar-up-top"]
{
	display: none !important;
}
scrollbarbutton[sbattr="scrollbar-up-bottom"]
{
	display: -moz-box !important;
}

mais pas pour la fenêtre principale, si ?
et c'est du userChrome, non ?

FF_Olivier : cadrage, en effet, ça m'empêche l'affichage de gmail !!

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Message par **Flore** » 04 mai 2006, 17:35

Pour les cadres de textes dans les pages (comme ici par exemple), ça marche en userContent et pour la fenêtre elle même, c'est du userChrome naturellement, mais bon, j'ai tout mis dans stylish

.
Ca marche aussi dans TB (mais il faut mettre en userChrome et userContent à cause de la fenêtre de prévisualisation des messages qui est en Content).

et tu as raison, c'est plus simple avec juste ça

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20060321 Firefox/2.0a1

FF_Olivier · Message par **FF_Olivier** » 04 mai 2006, 17:51

Flore a écrit :Dans l'idée (idée honteusement pompée sur le code de FF_Olivier)

Meuh non, c'est fait pour ça, ça s'appelle de la saine émulation

!

Pour les boutons, j'aurais dû encore préciser que c'est jusqu'à 4 boutons possibles, n'importe quelle combinaison est bonne.
Et en effet, cela affecte à la fois la barre horizontale et la verticale.

ottomar a écrit :et c'est du userChrome, non ?

Hé non, aussi étrange que cela puisse paraître, les barres de défilement de la fenêtre de visualisation principale font aussi partie du userContent, pas du userChrome.

ottomar a écrit :FF_Olivier : cadrage, en effet, ça m'empêche l'affichage de gmail !!

Chez moi, ça affectait l'affichage des différents styles de extensions.geckozone.org/Firefox

...
Mais bon, je suis quand même frustré, il me plaisait bien celui-là

...

Geckozone

userContent.css : trucs et astuces

Qui est en ligne ?