userchrome.css-Codes gesucht!

loshombre

.searchbar-engine-image-container

Panther999

Habe jetzt folgenden Code drin aber damit tut sich nichts.

CSS

.searchbar-engine-image-container {
-moz-appearance: none !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-bottomleft: 2px !important;}

Damit sollten dochj die linken Seite abgerundet werden oder habe ich einen Fehler drin?

Gruß P

loshombre

Tja Keule, so einfach ist das auch nun wieder nicht (leider)

Versuch mal damit:

CSS

.searchbar-engine-button-top {
 list-style-image: none !important;
 border: 1px solid !important;
 border-bottom: none !important;
-moz-border-radius-topleft: 3px !important;}


.searchbar-engine-button-bottom {
 list-style-image: none !important;
 border: 1px solid !important;
 border-top: none !important;
-moz-border-radius-bottomleft: 5px !important;}

Alles anzeigen

Panther999

Damit werden die jetzt zwar abgerundet aber jetzt hebt sich die Umrandung von der anderen ab.

[Blockierte Grafik: http://www.abload.de/img/unbenannt-15tb.jpg]

Edit: Gleich noch was. Wie heißen die Trennstriche in der Statusleiste?
[Blockierte Grafik: http://www.abload.de/img/unbenannt-2c8e.jpg]

Edit2: Das Suchfeld ändert beim Mouse Hover und beim anklicken die Größe also wird dann um 1px höher. Wie kann ich das verhindern? Will also nur eine bestimmte Höhe haben egal ob es selektiert ist, die Mouse drüber ist oder nichts dergleichen.

Gruß P

loshombre

Zitat

Damit werden die jetzt zwar abgerundet aber jetzt hebt sich die Umrandung von der anderen ab.

Mit nix zufrieden, das Gelumpe!

Anstelle des oberen diesen hier nehmen:

CSS

.searchbar-engine-button-top {
 list-style-image: none !important;
 border: 1px solid !important;
 border-bottom: none !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-top-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-left-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-bottom-colors:ThreeDShadow ThreeDDarkShadow!important;}


.searchbar-engine-button-bottom {
 list-style-image: none !important;
 border: 1px solid !important;
 border-top: none !important;
-moz-border-radius-bottomleft: 2px !important;
-moz-border-top-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-left-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-bottom-colors:ThreeDShadow ThreeDDarkShadow!important;}

Alles anzeigen

Panther999

Das Gelumpe :shock: fragt noch mal ganz höflich ob Du noch was zu edit und edit2 sagen kannst. :wink:

Habe die Urlbar und die Searchbar auf 22px eingestellt. Urlbar ist auch wunderbar aber bei der Searchbar stimmt was nicht.

So sieht die normal aus ohne Border unten.
[Blockierte Grafik: http://www.abload.de/img/unbenannt-3ew5.jpg]

Und so beim Mouse Hover.
[Blockierte Grafik: http://www.abload.de/img/unbenannt-4ml3.jpg]

Ich meine jetzt nicht die Hintergrundfarbe sondern das die Größer wird beim Mouse Hover. Soll aber genauso bleiben wie die Urlbar wenns geht.
Danke schon mal vom Gelumpe. :wink:

Gruß P

loshombre

Zitat

Gleich noch was. Wie heißen die Trennstriche in der Statusleiste?

CSS

statusbarpanel {
-moz-appearance: none !important;
 border-left-style
 border-right-style

Das liegt alles an deinem Theme. Mit deiner Searchbar stimmt sowieso was nicht, weil sie normalerweise mit dem obigen Code nämlich so aussieht:

[Blockierte Grafik: http://img2.imagebanana.com/img/087c6hwy/Zwischenablage02.jpg]
Also perfekt!

loshombre

Ich weiß nicht, was du da fummelst, aber wenn ich zB.

CSS

#searchbar {height: 30px !important; }

,oder halt 22px nehme, gibts hier keinerlei Probleme!

Panther999

Ich hab doch jetzt das Standard Theme. Sowie ich die Searchbar begrenzen will wird sie unten abgeschnitten weil sich wahrscheinlich die komplette nav-bar verkleinert. Mit der urlbar stimmt aber alles komischer weise.
Ich hänge hier mal meine userchrome.css die ich bis dato habe an.
Gruß P

CSS

/* Hintergrund Toolbox */
toolbox#navigator-toolbox {
-moz-appearance: none !important;
background-color: #f7f8d8 !important;
background-image: url("back-ground.png") !important;}


/* Hintergrund Statusbar */
#status-bar {
-moz-appearance: none !important;
background-color: #f7f8d8 !important;
background-image: url("back-ground.png") !important;}


/* Höhe Urlbar */
#urlbar-container {
-moz-appearance: none !important;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;}


/* Höhe Searchbar */
#searchbar {
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;}




/*Keine Begrenzungslinien*/
toolbar#toolbar-menubar {
-moz-appearance: none !important;
border: none !important;}


toolbar#nav-bar {
-moz-appearance: none !important;
border: none !important;}


/* Breite Urlbar */
#urlbar-container {
-moz-appearance: none !important;
width: 512px !important;
min-width: 512px !important;
max-width: 512px !important;}


/* Breite Searchbar */
#searchbar {
-moz-appearance: none !important;
width: 480px !important;
min-width: 480px !important;
max-width: 480px !important;}




/*Höhe Lesezeichenleiste*/
#PersonalToolbar {
-moz-appearance: none !important;
height: 23px !important;
min-height: 23px !important;
max-height: 23px !important;
border: none !important;}


.bookmark-item {
-moz-appearance: none !important;
padding-top: 1px !important;}






.searchbar-engine-button-top {
 list-style-image: none !important;
 border: 1px solid !important;
 border-bottom: none !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-top-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-left-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-bottom-colors:ThreeDShadow ThreeDDarkShadow!important;}


.searchbar-engine-button-bottom {
 list-style-image: none !important;
 border: 1px solid !important;
 border-top: none !important;
-moz-border-radius-bottomleft: 2px !important;
-moz-border-top-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-left-colors:ThreeDShadow ThreeDDarkShadow!important;
-moz-border-bottom-colors:ThreeDShadow ThreeDDarkShadow!important;}




.tab-text {
font-size: 12px !important;}




/* Höhe Tabs und Hintergrund */
.tabbrowser-tab ,.tabbrowser-strip,.tabbrowser-tabs{
     -moz-appearance: none !important;
     height: 22px !important;
     min-height: 22px !important;
     max-height: 22px !important;
     background-color: #f7f8d8 !important;
     background-image: url("back-ground.png") !important;
     border: none !important;}




/*Größe Menü Schrift und Farbe*/
#file-menu,#edit-menu,#view-menu,#go-menu,#bookmarks-menu,#tools-menu,#helpMenu {
-moz-appearance: none !important;
font-size: 15px !important;
color: #980acd !important;}


/*Schriftfarbe für Lesezeichen Symbolleiste */
toolbarbutton.bookmark-item>.toolbarbutton-text {
color:#980acd !important}


/*Schriftfarbe Statusbar*/
#status-bar {
color: #980acd !important;}


 /*Schriftfarbe Urlbar und Searchbar*/
#urlbar,.searchbar-textbox{
color:#0000CC !important}


/*Hover Urlbar und Searchbar*/
#urlbar:hover,.searchbar-textbox:hover {
background:#ffffc0 !important;
background-position: 0 -2px !important;}


/*Hintergrund Urlbar und Searchbar*/
#urlbar,.searchbar-textbox {
background:#e0fefe !important;}




 /* Adressleiste sicherer Server */
#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="high"] > .autocomplete-history-dropmarker
{
   color: #00c000 !important;
   background: none !important;
}


/* Adressleiste unsicherer Server */
#urlbar[level="broken"] > .autocomplete-textbox-container,
#urlbar[level="broken"] > .autocomplete-history-dropmarker
{

   color: #c00000 !important;
   font-weight: bold !important;
}


/* Hover Farbe Menu */
/*Hoverfarbe für Menubar*/   
toolbox#navigator-toolbox > toolbar > toolbaritem > menubar > menu:hover {
background:#80ffff !important;
background-position: 0 -2px !important;}


/* regular throbber */
#navigator-throbber {
list-style-image: url("throbber1.gif") !important;
}


/* loading indicator */
#navigator-throbber[busy="true"] {
list-style-image: url("throbber.gif") !important;
}

Alles anzeigen

loshombre

So wie ich das hier sehen kann, hat die Searchbar von Haus aus 22px Höhe im Standardtheme.

dogfriedwart

loshombre

Jetzt sach ich mal wieder was. Jo, das mit dem Code sah schon recht schnieke aus. Problem war natürlich wie immer, dass es von Theme zu Theme unterschiedlich aussieht. Bin aber immer noch am basteln. Dank dir nochmal!

Panther999
Habe gerade mal deinen Code hier bei mir reingehauen, und muss sagen: Klasse!

EDIT:

Habe gerade mal einen Sreenshot gemacht, um zu zeigen, was ich noch ändern könnte.

[Blockierte Grafik: http://img.photobucket.com/albums/v337/dogfriedwart/Screenshot_2-1.jpg]

1. Wie kriege ich die Schriftart aller 3 Leisten gleich?
2. Wie kriege ich dir URL-Leiste breiter und die Suchleiste kleiner? So wie ich es jetzt gemacht habe, siehts bescheiden aus.
3. Wie kriege ich die Farbe des oberen Bereichs geändert? ERLEDIGT
4. Wie kriege ich die Tableiste in der Höhe kleiner? ERLEDIGT
5. Wie kriege ich die Buttons im umrandeten Bereich enger zueinander? ERLEDIGT

loshombre

Panther999,
wahrscheinlich liegt es bei dir auch noch an diesem Code /*Hover Urlbar und Searchbar*/. Da legst du der Searchbar einen anderen Untergrund und veränderst die Position.

dogfriedwart,

Zitat

Problem war natürlich wie immer, dass es von Theme zu Theme unterschiedlich aussieht

Wenn man mit verschiedenen und bestimmten Codes zwischen den Themes schalten will, baut man sich halt eben welche und verwendet dafür Stylish. Die Erweiterung ist Gold wert.

1.

CSS

menubar > menu, #nav-bar, #PersonalToolbar, tabbrowser{
  font-family: inherit !important;
  font-style: italic !important;
  font-weight: bold !important;
  font-size: 12px !important;
  color: deine Farbe !important;}

2.

CSS

#urlbar{width: 600px !important;}

Dadurch wird die Searchbar automatisch kleiner. Die kannst du aber auch noch separat steuren

CSS

#searchbar{width: 200px !important;}

Hier musst du aber aufpassen, wenn du die Leisten beide auf einer Ebene hast. Die Maße müssen stimmen und zu einander konform sein, sonst hebt die eine Länge die andere wieder auf.

Zitat

3. Wie kriege ich die Farbe des oberen Bereichs geändert?

Mit dieser Aussage kann ich nix anfangen!

5.

CSS

.toolbarbutton-1, toolbarbutton{
padding-left: 0px !important;
padding-right: 0px !important;}

Panther999

Ich fange noch mal komplett neu an und mache dann leiste für leiste.
Dann werde ich ja sehen an was es liegt.

dogfriedwart
Ich habe doch eine komplett andere Aufteilung als Du. Ist natürlich noch längst nicht fertig. Hänge ja jetzt beim Suchfeld fest.
[Blockierte Grafik: http://www.abload.de/img/unbenannt-6syr.jpg]

Gruß P

Panther999

So wie gesagt habe ich neu angefangen und bin jetzt bei der Urlbar und habe die Höhe auf 22px festgelegt und siehe da die Searchbar ist wieder unten wie abgeschnitten. Wie kann ich verhindern das die komplette nav-bar verkleinert wird wenn ich versuche die Urlbar oder Searchbar in der Höhe zu begrenzen?Ich denke das ist das Problem. Der untere Border schneidet die Searchbar unten ab.
[Blockierte Grafik: http://www.abload.de/img/unbenannt-54ul.jpg]
Gruß P

Mein Code bis jetzt:

CSS

* Hintergrund Toolbox */
toolbox#navigator-toolbox {
-moz-appearance: none !important;
background-color: #f7f8d8 !important;
background-image: url("back-ground.png") !important;}


/* Hintergrund Statusbar */
#status-bar {
-moz-appearance: none !important;
background-color: #f7f8d8 !important;
background-image: url("back-ground.png") !important;}


/*Größe Menü Schrift und Farbe*/
#file-menu,#edit-menu,#view-menu,#go-menu,#bookmarks-menu,#tools-menu,#helpMenu {
-moz-appearance: none !important;
font-size: 15px !important;
color: #980acd !important;}


/* Hover Farbe Menu */
/*Hoverfarbe für Menubar*/   
toolbox#navigator-toolbox > toolbar > toolbaritem > menubar > menu:hover {
background:#80ffff !important;}


/* regular throbber */
#navigator-throbber {
list-style-image: url("throbber1.gif") !important;}




/* loading indicator */
#navigator-throbber[busy="true"] {
list-style-image: url("throbber.gif") !important;}








/* Breite Urlbar */
#urlbar-container {
-moz-appearance: none !important;
width: 510px !important;
min-width: 510px !important;
max-width: 510px !important;}


/* Breite Searchbar */
#searchbar {
-moz-appearance: none !important;
width: 505px !important;
min-width: 505px !important;
max-width: 505px !important;}


/* Höhe Urlbar */
#urlbar-container {
-moz-appearance: none !important;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;}

Alles anzeigen

Panther999

So zumindest ein Anfang schon mal. Die nav-bar steht bei min-height auf 19px. Deswegen wurde die immer abgeschnitten. Habe jetzt einen höheren festen Wert eingegeben.

Aber wenn ich jetzt folgenden Code eingebe:

CSS

#searchbar {
-moz-appearance: none !important;
min-height: 22px !important;
max-height: 22px !important;}

wird die Urlbar auf 22px gestellt und bei der searchbar ist nur das Textfeld kleiner, die Buttons links und rechts nicht und der untere Border entfernt.
Was mache ich da nur falsch?

EDIT:So jetzt nach ner Menge Kaffee,etlichen ausgerissenen Haaren und einem Schlaganfall habe ich nun folgende Lösung gefunden: Habe wohl immer zu kompliziert gedacht. Ich lasse die Urlbar und Searchbar in der Höhe wie sie sind und habe einfach nur die nav-bar in der Höhe reduziert. So werden automatisch die url- und searchbar mit reduziert und die Border bleiben auch
Gruß P

Panther999

Zitat von loshombre

CSS

statusbarpanel {
-moz-appearance: none !important;
 border-left-style
 border-right-style

1.)Muss nochmal fragen wegen diesem Code. Ist das der um die Trennstriche weg zubekommen? Habe folgendes probiert:

CSS

#statusbarpanel {
-moz-appearance: none !important;
 border-left-style: none !important;
 border-right-style: none !important;}

Aber das tut es nicht.

2.)Wollte die Tabs in der Breite begrenzen und habe .tabbrowser.tab als Selektor genommen aber das tut es auch nicht?

Gruß P

loshombre

Zitat

Ist das der um die Trennstriche weg zubekommen?

Ja, das ist er. Allerdings wendest du ihn falsch an (#)!
Dazu kannst du noch eventuell dies hier mit reinpacken

CSS

border-left-width: 0px !important;
 border-right-width: 0px !important;

Panther999

Ah ja ohne Raute. :oops:

Was ist mit den tabs?

Gruß P

loshombre

Zitat

Was ist mit den tabs?

Ist das ein Befehl, oder was!
Irgend welche Tab-Erweiterungen am Strat ?

Panther999

Öhm nein kein Befehl aber eine direkte Aufforderung! :wink:

Colorful Tabs habe ich installiert.

Wo sehe ich eigentlich welche Schriftarten ich installiert habe und wie die heißen falls ich mal die Schriftart ändern will?

Gruß P