Geckozone

Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/

userContent.css : trucs et astuces

https://forums.mozfr.org/viewtopic.php?t=29039

Page 17 sur 17

Un commentaire sur les commentaire CSS

Publié : 13 mai 2010, 12:43
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

Yahoo! - Cacher les pubs

Publié : 13 mai 2010, 13:48
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; }
 
}

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

Publié : 11 juil. 2010, 01:13
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 ==== */

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

Publié : 11 juil. 2010, 01:21
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 ==== */

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

Publié : 11 juil. 2010, 11:58
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 !

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

Publié : 23 août 2010, 23:48
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 */

Re: userContent.css : trucs et astuces

Publié : 26 août 2010, 10:52
par FF_Olivier
Ah oui, c'est bien aussi, ça ! Merci !

Re:

Publié : 29 déc. 2010, 17:05
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....

Re: userContent.css : trucs et astuces

Publié : 29 déc. 2010, 18:19
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é

Re: userContent.css : trucs et astuces

Publié : 29 déc. 2010, 18:46
par jpj
Salut ottomar. :wink:

@ erickman. Pourrais-tu éviter de mettre systématiquement ton texte en citation dans tes messages. Merci

Re: userContent.css : trucs et astuces

Publié : 07 janv. 2011, 02:06
par erickman
-ottomar j'avais remarquer 2006

userchrome.css , faciles a travailller' quand tu veux tu peux fere tout :D
Fuseau horaire sur UTC+02:00
Page 17 sur 17

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru