userContent.css : trucs et astuces

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : nico@nc, Mori, jpj, myahoo

Répondre
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Un commentaire sur les commentaire CSS

Message par FF_Olivier »

Un commentaire sur les commentaire CSS :

Encore un dernier mot en général sur les commentaires /* ... */ dans un fichier .css : ils ne peuvent en aucun cas être imbriqués les uns dans les autres, ils doivent impérativement se succéder les uns les autres.
Pour désactiver ceci :

Code : Tout sélectionner

/* Agrandir les zones de saisie */
textarea {
  min-width: 75em !important;
  font-family: monospace !important;
}
...faites ceci :

Code : Tout sélectionner

/* Agrandir les zones de saisie */   ==> un 1er commentaire sur une ligne
/*                                   ==> début du 2è commentaire
textarea {                                 |
  min-width: 75em !important;              |
  font-family: monospace !important;       |
}                                          |
*/                                   ==>  fin du 2è commentaire
...mais pas celà :

Code : Tout sélectionner

/*                                   ==> début du commentaire
/* Agrandir les zones de saisie */   ==> suite ET FIN de ce même commentaire
textarea {                           ==> code toujours actif
  min-width: 75em !important;             "    "        "
  font-family: monospace !important;      "    "        "
}                                         "    "        "
*/                                   ==> caractères ignorés
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
Haut
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Yahoo! - Cacher les pubs

Message par FF_Olivier »

Pour cacher les pubs sur Yahoo! Search :

Code : Tout sélectionner

@-moz-document domain("search.yahoo.com") {

  /* Cacher les pubs sur Yahoo! Search */
  div.ads,
  div.yschhd,
  div.yschspns,
  #yschsec,
  #yschmktg { display: none !important; }
 
}
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
Haut
Olivepao

Re: Google : cacher la colonne/le menu à gauche

Message par Olivepao »

FF_Olivier a écrit :Google : cacher la colonne/le menu à gauche, qui apparemment agace beaucoup de monde ;) ...

Code : Tout sélectionner

@-moz-document url-prefix("http://www.google.") {

  #leftnav { display: none !important }
  #center_col { margin: 0px !important }

}
On peut également la faire apparaître à la demande :

Code : Tout sélectionner

/* ==== GOOGLE - BARRE DE RECHERCHE AVANCÉE EST AFFICHÉE À LA DEMANDE : DÉBUT ==== */
/* La barre de recherche avancée (à gauche des résultats) est affichée au survol de la souris*/
@-moz-document url-prefix(http://www.google){
	/* La barre d'outil de recherche est fermée */
   #leftnav{
     position: fixed !important;
	/* En mettant right, la barre sera située à droite */
      left: 0 !important;
      -moz-box-sizing: border-box !important;
      width: 15px !important;
      height: 100% !important;
      overflow: hidden !important;
      background-color: Blue !important;
      opacity: 0.25 !important; 
   }
   #leftnav *{opacity: 0 !important;}
	/* La barre d'outil de recherche est ouverte */
   #leftnav:hover{
      width: 180px !important;
      height: 100% !important;
      top: 20px !important;
      opacity: 0.80 !important; 
      border: Blue 1px solid !important;
      overflow: auto !important;
      z-index: 99 !important;
      background-color: White !important;
   }
   #leftnav:hover *{opacity: 1.0 !important;}
   #center_col{
      margin-left: 9px !important;
      border-left: none !important;
   }
}
/* ==== GOOGLE - BARRE DE RECHERCHE AVANCÉE EST AFFICHÉE À LA DEMANDE : DÉBUT ==== */
Haut
Olivepao

Re: Google : cacher la colonne/le menu à gauche

Message par Olivepao »

FF_Olivier a écrit :Google : cacher la colonne/le menu à gauche, qui apparemment agace beaucoup de monde ;) ...

Code : Tout sélectionner

@-moz-document url-prefix("http://www.google.") {

  #leftnav { display: none !important }
  #center_col { margin: 0px !important }

}
On peut également la faire apparaître à la demande :

Code : Tout sélectionner

/* ==== GOOGLE - BARRE DE RECHERCHE AVANCÉE EST AFFICHÉE À LA DEMANDE : DÉBUT ==== */
/* La barre de recherche avancée (à gauche des résultats) est affichée au survol de la souris*/
@-moz-document url-prefix(http://www.google){
	/* La barre d'outil de recherche est fermée */
   #leftnav{
     position: fixed !important;
	/* En mettant right, la barre sera située à droite */
      left: 0 !important;
      -moz-box-sizing: border-box !important;
      width: 15px !important;
      height: 100% !important;
      overflow: hidden !important;
      background-color: Blue !important;
      opacity: 0.25 !important; 
   }
   #leftnav *{opacity: 0 !important;}
	/* La barre d'outil de recherche est ouverte */
   #leftnav:hover{
      width: 180px !important;
      height: 100% !important;
      top: 20px !important;
      opacity: 0.80 !important; 
      border: Blue 1px solid !important;
      overflow: auto !important;
      z-index: 99 !important;
      background-color: White !important;
   }
   #leftnav:hover *{opacity: 1.0 !important;}
   #center_col{
      margin-left: 9px !important;
      border-left: none !important;
   }
}
/* ==== GOOGLE - BARRE DE RECHERCHE AVANCÉE EST AFFICHÉE À LA DEMANDE : DÉBUT ==== */
Haut
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Re: Google : cacher la colonne/le menu à gauche

Message par FF_Olivier »

Olivepao a écrit :On peut également la faire apparaître à la demande :
Le meilleur des deux mondes, très bonne idée, merci !
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
Haut
Olivepao

Re: Google : cacher la colonne/le menu à gauche

Message par Olivepao »

FF_Olivier a écrit :
Olivepao a écrit :On peut également la faire apparaître à la demande :
Le meilleur des deux mondes, très bonne idée, merci !
On peut également faire ceci (repris sur un site japonais avec quelques petites adaptations . . .

Il faudra peut-être faire quelques adaptations dans la taille des pixels en fonction de la taille de l'écran
et de sa résolution.

Code : Tout sélectionner

 /* ==== GOOGLE - BARRE LATÉRALE EST AFFICHÉE SOUS LA ZONE DE SAISIE : DÉBUT */
/* La barre Options de recherche (à gauche des résultats) est affichée sous la zone de saisie */
@-moz-document url-prefix(http://www.google){
	/* Déplacement de la zone des résultats */
   #res{margin-left: 155px !important;}
	/* L'espace de la "Barre latérale" est libéré */
   #center_col{
      margin-left: 9px !important;
      border-left: none !important;
   }
	/* Définition de la "Barre option de recherche" */
   div#center_col:before{
      padding-top: 9px !important;
      text-align: center !important;
      content: "Cliquez sur le bouton Options de recherche pour affiner vos résultats !" !important;
      display: block !important;
      height: 24px !important;
      font-size: 13px !important;
      font-weight: bold !important;
      background-color: rgb(235,239,249) !important;
      margin-bottom: 1em !important;
      margin-left: 0px !important;
   }
	/* Positionnement de la "Barre latérale" dans la "Barre option de recherche" */
   #leftnav{
      position: absolute !important;
      top: 4px !important;
      left: 20px !important;
      overflow: hidden !important;
      height: 23px !important;
      background-color: rgb(235,239,249) !important;
      border-top: none !important;
      border-left: 1px solid rgb(235,239,249) !important;
   }
	/* Définition de la "Barre latérale" dans le bouton "Option de recherche" */
   #leftnav:before{
      content: "Options de recherche : " !important;
      background: -moz-linear-gradient(rgb(62,133,191) 0%,
         rgb(39,89,128) 100%) !important;
      display: block !important;
      cursor: pointer !important;
      width: 147px !important;
      height: 16px !important;
      margin-top: -1px !important;
      margin-bottom: 7px !important;
      padding: 2px 0px 1px 0px !important;
      border-top: 1px solid White !important;
      border-bottom: 1px solid PowderBlue !important;
      -moz-border-radius: 10px !important;
      font-size: 12px !important;
      font-weight: bold !important;
      text-align: center !important;
      color: rgb(235,239,249) !important;
      text-shadow: 0px -1px 0px Blue !important;
   }
	/* Déroulement du bouton "Option de recherche" */
   #leftnav:hover {
      opacity: 0.8 !important;
       overflow: visible !important;
      height: auto !important;
      border: 1px solid Blue !important;
      background: White !important;
   }
}
/* ==== GOOGLE - BARRE LATÉRALE EST AFFICHÉE SOUS LA ZONE DE SAISIE : FIN */
Haut
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Re: userContent.css : trucs et astuces

Message par FF_Olivier »

Ah oui, c'est bien aussi, ça ! Merci !
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
Haut
erickman
Salamandre
Messages : 48
Inscription : 28 déc. 2010, 03:13

Re:

Message par erickman »

ottomar a écrit :Comment je vois le forum...
Image

Code : Tout sélectionner

/* ============== Forum Firefox Geckozone */
@-moz-document url-prefix(http://www.geckozone.org/forum/viewforum.php?f=5)
{
/* ={ */

#logoGZ
{
	display: none !important;
}

th,
#menu,
#portailContent,
#maintable,
.topnav,
.row1,
.row2,
.row3
{
	background-image: url("http://img58.imageshack.us/img58/8336/sunb4th.jpg") !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	border: none !important;
}

.row1over,
.row2over,
.row3over 
{
	
	background: #EDEBDE !important;
	border: none !important;
}

.topbkg tr
{
 	background-image: url("http://img360.imageshack.us/img360/8311/fftopbkg2ss.png") !important; 	
 	height: 100px !important;
}
 
/* }= */
}
/* === fin Forum Firefox=== */
merci interessant mais ca marche pas pour moi
j'ai copier coller dans usercontent....
Haut
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Re: userContent.css : trucs et astuces

Message par ottomar »

bonsoir erickman...
euhhh, ce machin date de... 2006 ? depuis, la maquette de geckozone a changé, les codes ont changé, c'est bon poubelle aujourd'hui... désolé
Haut
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25261
Inscription : 01 août 2005, 15:38

Re: userContent.css : trucs et astuces

Message par jpj »

Salut ottomar. :wink:

@ erickman. Pourrais-tu éviter de mettre systématiquement ton texte en citation dans tes messages. Merci
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
Haut
erickman
Salamandre
Messages : 48
Inscription : 28 déc. 2010, 03:13

Re: userContent.css : trucs et astuces

Message par erickman »

-ottomar j'avais remarquer 2006

userchrome.css , faciles a travailller' quand tu veux tu peux fere tout :D
Haut
Répondre

Revenir à « Mozilla Firefox : le navigateur »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités