fx3
comme d'hab : ça ne sert strictement à rien, juste à se faire plaisir d'avoir un firefox pas comme les autres, et vaut mieux se sentir bien dans son canapé, hein !
mise à jour pour fx3
horizons nouveaux au delà de la ligne bleue des Vosges :
Maginot-Line & Camping-Table
Moteurs de recherche
(search-plugins)
je vous mets les principes,
après... vous vous dépampersez tout seul, sissi !
au départ, est ceci
La mise à jour :
Standard Pack
voir :
http://www.geckozone.org/forum/viewtopi ... 170#259170
http://www.geckozone.org/forum/viewtopi ... 610#259610
essayez de les avoir de la même largeur,
la même hauteur, c'est pas nécessaire, ça se rectifie
faites un petit :hover, c'est plus sympa
les couleurs à votre goût, bien sûr
Code : Tout sélectionner
/* === moteurs de recherche === */
/* ====== standard pack ======= */
#searchbar scrollbox .box-inherit
{
-moz-appearance: none !important;
background-color: #424242 !important;
/* largeur de l'image */
max-width: 140px !important;
min-width: 140px !important;
}
/* suppression de l'icône normale */
.menuitem-iconic.searchbar-engine-menuitem image
{
display: none !important;
}
.menuitem-iconic.searchbar-engine-menuitem
{
-moz-appearance: none !important;
margin-top: 2px !important;
background-image: none !important;
background-repeat: no-repeat !important;
/* 'effacer' le label */
color: transparent !important;
/* la hauteur 'standard' de l'image */
height: 65px !important;
}
.menuitem-iconic.searchbar-engine-menuitem:hover
{
background-color: #000000 !important;
}
/* les searchplugins en spécifiant la hauteur pour les ceusses que */
/* la hauteur est plus ou moins pas égale à la hauteur spécifiée plus haut */
#Google
{
background-image: url("http://www.izipik.com/images/20081026/tbnjqha9shn2fphih8knj-google-ambu-glow-140.png") !important;
}
#Google:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnkmo6ckhdyvc5jtt8if-google-ambu-glow-color-140.png") !important;
}
#Yahoo
{
background-image: url("http://www.izipik.com/images/20081026/tbnjfk536m78hgkj988t0-yahoo-glow-140.png") !important;
}
#Yahoo:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnjc3nz5mpkebcj7sy9b-yahoo-glow-color-140.png") !important;
}
/* pourquoi un menuitem ? */
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]
{
background-image: url("http://www.izipik.com/images/20081026/tbngtcybth1z5u4ig6u41-google-moto-glow-140.png") !important;
/* rectification de la hauteur */
/* 45, c'est pas 65 ! */
height: 45px !important;
}
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnlzdfzzid68u5klwtk6-google-moto-glow-color-140.png") !important;
}
/* gérer les moteurs de recherche */
.open-engine-manager
{
-moz-appearance: none !important;
background-image: url("http://www.izipik.com/images/20081026/tbnlzmcb7miul2qlfmneg-fire-cap-inline.png") !important;
background-repeat: no-repeat !important;
height: 45px !important;
color: transparent !important;
}
.open-engine-manager:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnitnovbmy07mwj9yqz6-fire-cap-inline-hover.png") !important;
}
/* ==/ moteurs de recherche === */
Nouvel horizon :
Maginot-Ligne
ça va bien si vous n'en avez pas beaucoup
si vous en avez des grosses, apparait le petit machin de défilement
(comme dans les gros dossiers de marque-pages)
la même largeur, c'est mieux
la même hauteur, c'est très conseillé par Edith
faites un petit :hover, c'est plus sympa
les couleurs à votre goût, bien sûr
Code : Tout sélectionner
/* === moteurs de recherche === */
/* ======= maginot-line ======= */
#searchbar scrollbox
{
background: #424242 !important;
}
#searchbar scrollbox .box-inherit
{
-moz-appearance: none !important;
max-width: none !important;
min-width: none !important;
display: inline !important;
/* hauteur de l'image */
max-height: 45px !important;
height: 45px !important;
}
/* suppression de l'icône normale */
.menuitem-iconic.searchbar-engine-menuitem image
{
display: none !important;
}
.menuitem-iconic.searchbar-engine-menuitem
{
-moz-appearance: none !important;
margin-right: 6px !important;
background-image: none !important;
background-repeat: no-repeat !important;
color: transparent !important;
/* dimensions des images */
height: 45px !important;
max-width: 100px !important;
width: 100px !important;
}
.menuitem-iconic.searchbar-engine-menuitem:hover
{
background-color: #000000 !important;
}
/* les searchplugins */
#Google
{
background-image: url("http://www.izipik.com/images/20081026/tbniooe1lkq5nsukufzz8-google-ambu-glow-101.png") !important;
}
#Google:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnhj8f6rlxu04lgt10ya-google-ambu-glow-color-101.png") !important;
}
#Yahoo
{
background-image: url("http://www.izipik.com/images/20081026/tbnmam7gvn65rztlhvhfv-yahoo-glow-101.png") !important;
}
#Yahoo:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnl79nc4jnwgvnjlfgjk-yahoo-glow-color-101.png") !important;
}
/* pourquoi un menuitem ? */
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]
{
background-image: url("http://www.izipik.com/images/20081026/tbnhvgf41jrubi9l4mtf3-google-moto-glow-101.png") !important;
}
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnn1xtqmk5opoek46c5p-google-moto-glow-color-101.png") !important;
}
/* gérer les moteurs de recherche */
.open-engine-manager
{
-moz-appearance: none !important;
background-image: url("http://www.izipik.com/images/20081026/tbnlzmcb7miul2qlfmneg-fire-cap-inline.png") !important;
background-repeat: no-repeat !important;
height: 45px !important;
width: 10px !important;
color: transparent !important;
}
.open-engine-manager:hover
{
background-image: url("http://www.izipik.com/images/20081026/tbnitnovbmy07mwj9yqz6-fire-cap-inline-hover.png") !important;
}
/* ==/ moteurs de recherche === */
Nouvel horizon :
Camping-Table
ça, c'est à l'aise, coule comme un pot de cancoille par un fraise ensoleillé matin de printemps
compact et pratique, sans fatigue
la même largeur d'image, c'est mieux
la même hauteur d'image, c'est mieux
faites un petit :hover, c'est plus sympa
les couleurs à votre goût, bien sûr
Code : Tout sélectionner
/* === moteurs de recherche === */
/* ======= camping table ====== */
#searchbar menupopup[class="searchbar-popup"] scrollbox
{
background: #424242 !important;
height: auto !important;
}
#searchbar menupopup[class="searchbar-popup"] scrollbox .box-inherit
{
-moz-appearance: none !important;
/* multiple de la largeur de vos images */
max-width: 200px !important;
min-width: 200px !important;
/* cancoillotte */
display: table !important;
max-height: auto !important;
}
/* suppression de l'icône normale */
.menuitem-iconic.searchbar-engine-menuitem image
{
display: none !important;
}
.menuitem-iconic.searchbar-engine-menuitem
{
-moz-appearance: none !important;
background-image: none !important;
background-repeat: no-repeat !important;
color: transparent !important;
/* dimensions des images */
height: 45px !important;
max-width: 100px !important;
width: 100px !important;
}
.menuitem-iconic.searchbar-engine-menuitem:hover
{
background-color: #000000 !important;
}
/* les searchplugins */
#Google
{
background-image: url("/home/ottomar/images/gmail/google-ambu-glow-101.png") !important;
}
#Google:hover
{
background-image: url("/home/ottomar/images/gmail/google-ambu-glow-color-101.png") !important;
}
#Yahoo
{
background-image: url("/home/ottomar/images/gmail/yahoo-glow-101.png") !important;
}
#Yahoo:hover
{
background-image: url("/home/ottomar/images/gmail/yahoo-glow-color-101.png") !important;
}
/* pourquoi un menuitem ? */
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]
{
background-image: url("/home/ottomar/images/gmail/google-moto-glow-101.png") !important;
}
menuitem[label="Google Images"][class="menuitem-iconic searchbar-engine-menuitem"]:hover
{
background-image: url("/home/ottomar/images/gmail/google-moto-glow-color-101.png") !important;
}
/* gérer les moteurs de recherche */
.open-engine-manager
{
background-image: url("/home/ottomar/images/firefox/fire-cap-inline.png") !important;
background-repeat: no-repeat !important;
width: 10px !important;
height: 45px !important;
color: transparent !important;
}
.open-engine-manager:hover
{
background-image: url("/home/ottomar/images/firefox/fire-cap-inline-hover.png") !important;
}
/* ==/ moteurs de recherche === */
/* pourquoi un menuitem ? */
c'est pas compliqué mais faut suivre
même pas besoin du dom inspector pour trouver les id (#) des moteurs : tout simplement leur id, c'est leur label exact, !exact le label (Google, c'est #Google)
donc l'id de Google Images, c'est
#Google Images mais le code ne pige pas donc c'est pourquoi menuitem[label="Google Images"] est sur le pont, vous pouvez faire aussi menuitem[id="Google Images"] c'est comme vous voulez mais que quand j'ai gratté mon poil de ma l'auriculaire narine, j'ai fait avec label et pas l'idée. c'est tout que s'applique aux moteurs type que ça se close par (fr) vu ?
franchement ?
ça sert à rien (bis)
Zrffntr raiblé nirp : Zbmvyyn/5.0 (K11; H; Yvahk v686; se; ei:1.9.0.3) Trpxb/2008092416 Sversbk/3.0.1931
☎ Edith
toutes images avec
Gimp,
yes !
Rubrique ?