2024. március 29., péntek

Gyorskeresés

Firefox tippek, trükkök. Folytatás 2

Írta: | Kulcsszavak: firefox . béta . fül . fejléc . fx1hsz

[ ÚJ BEJEGYZÉS ]

Újabb bővülés a Firefox topik első hszében. Akinek van ötlete, h. még mi kerüljön bele, ne habozzon megosztani!

Hogyan rakhatjuk a füleket az ablak fejlécbe Firefox 4-ben?

Figyelem: A 20100108 nightly build óta a fülek már alapból az ablak fejlécben vannak, így a userstyle alkalmazása szükségtelen, sőt hibás működéshez vezet!

1. Nyissuk meg ezt a linket Windows Vista / 7-hez.
Ezt Windows XP-hez.
2. Ha van működő Stylish kiegészítőnk, installáljuk a linkelt stylet és engedélyezzük.
3. Ha nincs, így járjunk el:
- Nyissuk meg a profilmappánkat (helye az első hsz-ben le van írva)
- A profilmappán belüli chrome mappát nyissuk meg (vagy ha nincs hozzuk létre)

- Ha van ilyen mappánk, akkor a benne lévő userChrome.css-t nyissuk vmilyen szövegszerkesztővel. Ha nincs userChrome.css, akkor a mappában lévő userChrome-example.css-t nevezzük át, és azt nyissuk meg.
- Adjuk hozzá a linkelt style kódját (show code), majd mentsük el.

- Ha nincs ilyen mappánk, hozzuk létre.
- Hozzunk benne létre egy userChrome.css nevű egyszerű szöveges fájlt (pl. átnevezni egy txt-t)
Másoljuk bele a linkelt style kódját (show code) majd mentsük el a fájlt.

4. Indítsuk újra a Firefoxot.

Fülek az ablak fejlécben nem maximalizált ablakban

Ha az ablak nem maximalizált és szeretnénk, hogy úgy is a fejlécben legyenek a fülek, akkor a fentebb leírt módon alkalmazzuk ezt a userstylet! (csak 20100108 nightly builddel vagy újabbal működik)

Frissítés 09.15: Bug landolt, fülek a címsorban unmaximized ablak hozzáadása
Frissítés 09.15: Userstyle kozmetikázása
Frissítés 09.20: Userstyle javítása - popupban már helyesen pozícionálódik az Fx gomb
Frissítés 11.16: WinXP style

Hozzászólások

(#1) #19617792


#19617792
törölt tag

Én is kipróbáltam egyszer az Fx 4.0 beta X-nél (asszem beta 2 volt) ezt a címsorba rakott tabokat.

"Sajna bugos a dolog, popup ablakokat elrontja, szóval csak az érdeklődőknek ajánlom. Bár gondolom aki Fx4-et használ, az ilyen."

Jaja, sajnos kellemetlen, mert nemcsak a menü gomb, de az vezérlőgombok (min, max, close) gombokba is belelóg a urlbar, ha esetleg van lehetőség beszúrni egy feltételt, hogy pl popup ablak esetén (popup ablaknál általában nem jelenik meg fül, ez is kiindulópont lehet) más padding, margin értékeket használjon, az jó lenne.

[ Szerkesztve ]

(#2) WonderCSabo válasza #19617792 (#1) üzenetére


WonderCSabo
félisten

Jah, csak hát CSS-nél ez nem olyan egyszerű. Majd utánanézek.

Az a röhej, h. a hivatalos bugon dolgozó fickó nem vette észre, h. gáz van a popupnál.

(#3) WonderCSabo válasza WonderCSabo (#2) üzenetére


WonderCSabo
félisten

Kipróbálnál vmit?

Ezzel a kóddal milyen a pop-up ablak? És a normális ablak?

#main-window[sizemode="maximized"][tabsontop="true"]:not([inFullscreen]) #titlebar {
position: fixed !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin] #toolbar-menubar {
-moz-padding-start: 9em !important;
padding-top: .6em !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar {
-moz-padding-start: 9em !important;
-moz-padding-end: 9em !important;
padding-top: 1em !important;
}

(#4) #19617792 válasza WonderCSabo (#3) üzenetére


#19617792
törölt tag

Kicsit érdekesen nézett ki, közben írtam egy másikat:

#main-window[sizemode="maximized"][tabsontop="true"]:not([inFullscreen]) #titlebar
{
position: fixed !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin] #TabsToolbar
{
padding-left: 95px !important;
padding-right: 110px !important;
margin-top: -20px !important;
}

Nagyjából már jó, csak a kinézetén kell finomítani, hogy popup abalknál az appmenu-button felett ne legyen ablak perem, illetve nem maximized ablaknál is felülre tegye a tabokat, ezzel most nem volt kedvem ügyködni.

[ Szerkesztve ]

(#5) #19617792


#19617792
törölt tag

#appmenu-button
{
background-color: orange !important;
height: 24px !important;
}

#main-window[sizemode="maximized"][tabsontop="true"]:not([inFullscreen]) #titlebar
{
position: fixed !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin] #TabsToolbar
{
padding-left: 95px !important;
padding-right: 110px !important;
margin-top: -24px !important;
}

#main-window[tabsontop="true"][chromemargin] #TabsToolbar
{
padding-left: 95px !important;
padding-right: 110px !important;
margin-top: -24px !important;
}

Tovább hangoltam, most már nem maximalizált méretben is címsorban vannak a fülek, popup ablakban még mindig kicsi köz van az ablak pereme és az appmenu gomb között, ezt nem tudtam eltüntetni.

(#6) WonderCSabo válasza #19617792 (#5) üzenetére


WonderCSabo
félisten

Üdv!

A te kódoddal nálam egy sorba került a címsor a fülek és a firefox gomb...

Ezzel jól megy:

window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
margin-top: -24px !important;
-moz-box-ordinal-group: 1 !important;
padding-left: 110px !important;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container {
position: fixed !important;
z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox {
position: relative !important;
z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar {
position: relative !important;
background-color: transparent !important;
}

(#7) WonderCSabo válasza WonderCSabo (#6) üzenetére


WonderCSabo
félisten

Javítottam kicsit rajta:

window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
margin-top: -24px !important;
-moz-box-ordinal-group: 1 !important;
padding-left: 110px !important;
padding-right: 120px !important;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container {
position: fixed !important;
z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox {
position: relative !important;
z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar {
position: relative !important;
}

További hozzászólások megtekintése...
Copyright © 2000-2024 PROHARDVER Informatikai Kft.