Znalazłem takie oto dwa style:
- Chowanie zakładek po prawej stronie:
- Kod: Zaznacz cały
/*
________________________________________________________________________
| | |
| Title: | Auto Hide SideBar until Hovered Over WOW |
| Description: | Sidebar will only appear when your mouse is over it|
| Author: | -=Ben=- with help from LifeHacker |
| Date Created: | July 23, 2008 |
| Last Updated: | November 10, 2008 |
| Version: | 1.0.0.3 |
|__________________|_____________________________________________________|
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#sidebar
{
visibility: visible !important;
/* The smallest your sidebar will shrink when hidden: */
min-width: 0px !important;
/* The max your sidebar will shrink when hidden: */
max-width: 0px !important;
}
#sidebar-box:hover #sidebar
{
visibility: visible !important;
/* The LARGEST your sidebar will grow when hovered: */
min-width: 220px !important;
/* The smallest your sidebar can be when hovered: */
max-width: 220px !important;
}
- Ładne chowanie ikon oraz paska adresu:
- Kod: Zaznacz cały
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar, #nav-bar {
margin-top:-28px;
opacity: 0.0;
-moz-transition: opacity 0.5s, margin-top 1s;
}
#navigator-toolbox:hover > #PersonalToolbar, #navigator-toolbox:hover > #nav-bar {
margin-top: 0;
opacity: 1;
-moz-transition: opacity 1s, margin-top 0.5s;
}
#addon-bar:not(:hover) {
margin-bottom:-21px;
opacity: 0.0;
-moz-transition: opacity 0.5s, margin-bottom 1s;
}
#addon-bar:hover {
opacity: 1.0;
-moz-transition: opacity 1s, margin-bottom 0.5s;
}
#addonbar-closebutton {
display: none;
}
#browser-bottombox:not(:hover) {
border-top: 1px solid #A0A0A0;
min-height: 1px;
height: 4px;
}
I teraz pytanie: Czy z tych dwóch kodów da się zrobić coś takiego:
Gdy myszka nie znajduje sie "na" pasku zakładek (panel boczny) ma on wymiary takie aby mieścił się sam "X"
Gdy myszka najedzie "na" ten pasek zostaje on rozwinięty piękną animacją z kodu nr 2.
Dodatkowo szukam kodu aby usunąć "Szukaj"
Wszystko tyczy się panelu bocznego!
Z góry dzięki za pomoc
T1000
P.S A może by się dało aby animacja nie zmianiała wielkości przeglądanej storny? (Coś jak pasek an nowej warstwie)