UserChrome CSS für TabHover

Anjachen

Huhu, ich habs nun schon echt lange versucht doch es gelingt mir nicht...
wenn man mit der Maus über einen Tab geht, dann wird Icon sowie auch der Text leicht verschoben, wie lautet der CSS befehl um diesen versatz zu verhindern? ich möchte nicht das da was wackelt wenn ich mit der Maus drüber bin.

2002Andreas

Hallo und Willkommen hier im Forum.

Im Normalfall wackelt da auch nichts. Benutzt Du evtl. schon einen anderen Code für die Tabs ?

Anjachen

nein, ich habe nur den einen, aber da ist keine angabe zu einem hover,.. wenn dann müsste es im tab mix plus mit drin stecken, aber da finde ich auch keine einstellung zu

[edit] hm mist, du hast recht - ich habe gerade meinen userchrome code komplett rausgenommen und siehe da, mist... es liegt doch an meinem code xD

nun heißt es suchen, ich hab langsam schon den überblick verloren...

CSS

#urlbar {
height:23px !important;
margin:0px !important;
width:100% !important;
top:-0px;
} 
#urlbar-container {
top:1px;
position:fixed !important;
padding-left:280px !important;
width:100%;
padding-right:30% !important;
}
#menubar-items {
z-index: 2;
}
#personal-bookmarks {
top:2px !important;
}
.bookmark-item {
z-index: 2;
}
#navigator-throbber {
top:12px !important;
}
.bookmark-item .toolbarbutton-icon {
margin-left:3px;
}
.toolbarbutton-1 {
top:5px;
height:11px;
z-index: 2;
}
.tabbrowser-tabs {
right:0px;
width:30% !important;
height:26px !important;
position:fixed !important;
top:-1px !important;
}
#toolbar-menubar {
position:fixed !important;
width:50%;
top:-8px;
}
#bookmarksBarContent .toolbarbutton-text {
display:none !important;
}
#unified-back-forward-button  {
 top:9px;
}


.tabbrowser-tab {
margin-left:2px !important;
}


.menubar-text {
 color:black !important;
}
.tabs-stack {
width:100%;
height:28px;
}
.tabs-bottom {
display:none;
height:0px !important;


}
toolbar * {
position:relative !important;
}
window {


padding-top:25px;
background:transparent url(file:///C:/bg.jpg) repeat-x;
}
#abp-toolbarbutton .toolbarbutton-icon {
display:none;
}


/*Farbe aktiver Tab*/
tab{-moz-appearance: none !important;}
tab[selected="true"]
{
background:url(file:///C:/tab.jpg) repeat-x !important;
border-left-width:1px !important;
border-left-style:solid !important;
-moz-border-left-colors:#999999 !important;


border-right-width:1px !important;
border-right-style:solid !important;
-moz-border-right-colors:#999999 !important;
}
/*Farbe inaktiver Tabs*/
tab:not([selected="true"]) 
{
background:url(file:///C:/tab2.jpg) repeat-x !important;
border-right-width:1px !important;
border-right-style:solid !important;
-moz-border-right-colors:#999999 !important;


border-left-width:1px !important;
border-left-style:solid !important;
-moz-border-left-colors:#999999 !important;
}


.tabbrowser-tabs, .tab-image-left, .tab-image-middle, .tab-image-right {
background-color: transparent !important;
background-image: none !important;
}


.tabs-bottom {


display: none !important;
}
/* Keinen fetten Text für das aktive Tab verwenden: */
tab[selected="true"] {
font-weight: normal !important;
}
tab {
border: 1px solid ThreeDShadow !important;
-moz-border-radius: 0 !important;
margin: 1px !important;
height: 24px !important;
}
/* –font um 10% Tabs–*/
.tabbrowser-tabs .tab-text {
font-size: 90%;


}

Alles anzeigen

[edit²]
ich bekomms nich weg

MaximaleEleganz

Zitat von Anjachen

nun heißt es suchen, ich hab langsam schon den überblick verloren...

Stylish [Blockierte Grafik: http://i16.tinypic.com/6pf0wvr.png] nutzen und vernünftig beschriften.

Anjachen

ich nutze stylish, beschriften kann man nachdem man lange genug rumprobiert hat...

tab:not([selected="true"]):hover {
padding: 2px 1px 3px 0px !important;
}

war der letzte fehlende eintrag

so sieht mein firefox nun aus:
http://img20.imageshack.us/img20/8251/screensyy.jpg

*stolz*
endlich habe ich es hinbekommen die tabs rechts neben der adressleiste anzureihen

MaximaleEleganz

Zitat von Anjachen

ich nutze stylish, beschriften kann man nachdem man lange genug rumprobiert hat...

Deswegen hast du auch suchen müssen. :lol:

Anjachen

also nochmal, es war ja keine angabe die ich schon festgelegt hatte, sondern eine die ich hinzufügen musste...
standart hat firefox die inaktiven tabs kleiner als die aktiven, oder so... und wenn man an allen tabs die selbe größe vergibt, dann kommt dieses verwackeln beim hovern, so musste ich noch eine möglichkeit finden dieses zu umgehen, die lösung hatte ich oben geschrieben (wird sicherlich einigen noch hilfreich sein wenn sie es ergoogeln können hier)

tab:not([selected="true"]):hover { }

hätte mir gereicht ;P

soweit, jetzt wäre meine nächste station addons selber zu machen, weil ich anders wohl nicht an mein traumfirefox komme xD

2002Andreas

Zitat von Anjachen

standart hat firefox die inaktiven tabs kleiner als die aktiven,

:-?? Bei mir aber nicht.

Anjachen

mach mal nen screenshot von deinen tabs bitte, also wo auch inaktive dabei sind

2002Andreas

[Blockierte Grafik: http://s5.directupload.net/images/100412/temp/h2lqyyaj.jpg]

Anjachen

aha, und jetzt schau nochmal genau hin,... dein tab den du ausgewählt hast, is ungefähr 1-2 pixel höher als die grauen tabs danach.. auch die schrift ist glaube ich nen tacken tiefer... schau mal genauer hin

2002Andreas

:-?? Der Rahmen ist anders beim aktiven Tab....ok :wink:

2002Andreas

Bin für heute mal raus, Dir noch viel Spaß dann.