Firefox - Forum mal anders

vitos77

ach so - na dann, so schlimm ist es auch nicht mit der Hintergrundfarbe. Vielen Dank für den Hinweis.

Road-Runner

Zitat von vitos77

EDIT: Jetzt kunktioniert es. Es muss lauten: "background-image: url("icon_user_online.gif")!important;"

Bei mir liegt das Bild nicht im gleichen Verzeichnis wie die usercontent.css, deswegen brauche ich die ganze Pfadangabe ("file:///d:/3 - mozilla/icon_user_online2.gif").

boardraider

Quelle: MaximaleEleganz

Zitat von MaximaleEleganz

Versuche es doch mal so:

Beim file-Protokol sollte man trotz der Plattform Slashes (/) im gesamten Pfad verwenden.

MK204

Neues Forum an Bildschirm angepasst ( 19er 16:10 Bildschirm )

kompletter Schnipsel >>>> http://userstyles.org/styles/20387

CSS

#site-slogan{ margin: 0px 0px 0px 330px !important;}
#site-name{ margin: 0px 0px 0px 275px !important;}


#logo,#mcs_header_logo{ display: none !important;}
#mcs_header_bg{ -moz-appearance: none !important;  font-weight: bold !important;background: #8bd2ff  !important;}


.grid-10{ margin: 0px -330px 0px 0px !important;}
.grid-16.clear-block{ margin: 0px 0px 0px 200px !important;}


#page-header > DIV:last-child  > DIV{ margin: 0px -250px 0px -250px !important;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABVCAIAAADsX6I8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAW0lEQVR4nJ2RUQ6AMAhDW+LBuP+hWn80E7cs6Bdp6QsQmJkAAsAoh+1RqlmTu17f7PQk/eECgO1bTUnba3MCavJSffzzvAaH1qvWKiJIvgbV+5YrkXzsYltS5U4uZIILW2v55wAAAABJRU5ErkJggg==") repeat center !important;}


#page-footer > DIV:first-child,
#page-body > P,
#page-body > P:first-child + P + UL + DIV + DIV + DIV + H3 + P + H3,
#page-body > P:first-child + P + UL + DIV + DIV + DIV + H3{ margin: 0px -250px 0px -250px !important;}


#page-body > H2,#page-body > H2:first-child + P + FORM > DIV,#jumpbox > FIELDSET,#page-body > H2:first-child + SPAN + P + DIV,.topic-actions,#page-body > H3 > A{ margin: 0px -250px 0px -250px !important;font-weight: bold !important;}
#page-body > H2:first-child + P + FORM + DIV + FORM > FIELDSET,#viewtopic > FIELDSET,#page-body > H2:first-child + P + DIV + DIV + DIV + FORM > FIELDSET,#page-body > H2:first-child + P + DIV + DIV + DIV + FORM + HR + DIV + P + P + FORM + H3 + P + H3{ margin: 5px -250px 0px -250px !important;font-weight: bold !important;}


#page-body > HR{ display: none !important;}
#page-body >  H3 { border: none !important;}


#page-body > UL{ margin: 0px -250px 0px -250px !important;font-weight: bold !important;}
#postingbox,.panel.bg3,#page-body > FORM:first-child > H2:first-child + DIV,#page-body > FORM:first-child > H2,#page-body > FORM > DIV:first-child{ margin: 0px -250px 0px -250px !important;}


.lastpost { margin: 0px 0px 0px 60px !important;}
.panel.bg2,#tabs,#review,#topicreview{ margin: 5px -250px 0px -250px !important;}
.forabg,.forumbg{ margin: 0px -250px 0px -250px !important;}
.post.bg2,.post.bg1{ margin: 5px -250px 0px -250px !important;}


#search > FIELDSET > A{ text-decoration: none !important; color: #fff !important; padding: 1px 5px 3px 5px !important;background-image: url(data:image/png;base64,/9j/4AAQSkZJRgABAAEASABIAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wBDAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ3/xADSAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/AAAsIABkACAEBEQD/2gAIAQEAAD8A8OWSqIkqkJKriv/Z) !important;background-repeat: repeat-x !important ;color: #fff !important;font-weight: bold !important; border: 1px solid #bbb !important; color: #fff !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important;}
#search > FIELDSET > A:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAZCAIAAAB/8tMoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVR4nEXLsRHEMAwDwcON+2/O1fyIFBz+5sv7PBa8rUvdiwMecBN/rRM8iYd6wKHe4gancYPb/xvigAtO+QCL3SSum+CNiAAAAABJRU5ErkJggg==) !important; background-repeat: repeat-x !important;color: #fff !important;font-weight: bold !important; border: 1px solid #bbb !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important;}
#textBeforeSearch { color: #fff !important; padding: 1px 5px 3px 5px !important;background-image: url(data:image/png;base64,/9j/4AAQSkZJRgABAAEASABIAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wBDAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ3/xADSAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/AAAsIABkACAEBEQD/2gAIAQEAAD8A8OWSqIkqkJKriv/Z) !important;background-repeat: repeat-x !important ;color: #fff !important;font-weight: bold !important; border: 1px solid #bbb !important; color: #fff !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important;}


#navbar > UL > LI > A { color: #fff !important; background: #000000 !important; color: #fff !important;font-weight: bold !important; border: 1px solid #bbb !important; color: #fff !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important;}
#navbar > UL > LI > A:hover { background-image: url(data:image/png;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAQECAQEBAgICAgICAgICAQICAgICAgICAgL/2wBDAQEBAQEBAQEBAQECAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAkAIgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+dRLw44I69+Mf4VfjvsYB/r9ABXnqagcZ756/56VpR354yeuc89euORX8FV8D3P8ArlwPGOG7/h/Xoehx3/Ptj6+n5irceqfTH6f/AK+lebx6p9Mfp/8Ar6Vdjv8An8Pr/wDrrh+oP+rH0lDjfCq13/X9f127uO//AHh/H/61XP7U/wB38v8A69ee/wBqTf8ATv8AkP8AGl/tX95/ywx/n/P1rjeVXd2vwPWoccYax6D/AGp/u/l/9epv7S/2v1rz77cPf9aT+1P978v/AK9a/wBl+hv/AK44T+c7v7cfb9KdJf8AP4fT/wDVXB/bh7/rSf2p/vfl/wDXo/sv0OCtxjhdNdztv7T/ANn/AD+VEeqf16/j1/WuK+3D3/WoP7Q9v0oWV6rY8qvxXhO6udtJqn0x+n/6+tU/7U/3fy/+vXISX/P4fT/9VU/tw9/1ru/s88mtxXhHomddJf8AH4/X/wDXVWS/5/D6f/qrlP7Q9v0qnJqnX8On4dP0rf6iv6ueXX4qwp1Ul/x+P9D+ZorjpL/j8fr/AProo+oHA+MsL6HHx3/H4/T/APVV6O/5/D6//rriEv8Ar+Harkd/0z7/AOAwR+FfZV8B5XP56wXFat8Xb9DsI7r3/wA9xzVyO6/6bfXI/LIFcV9qPof0/wAKljuv/wBR/nx/SuF4G+x6uH4sS+1t5+h2328f89v/AEGiO6/zxzXE/b/9r/x7/wCxqb+1P938v/r1P1B/1Y71xlZJdvM7b+0Pb9Kg+3Te361x39qQ/wCQf8ad/an+7+X/ANen9Ql2/Aw/1sX834nX/bj7fpU/9oe36VxP28f89v8A0Gj7fL/z2rf6g+35GFbizZc2nqdf9uPt+lRfb/8Aa/8AHv8A7GuU+3H2/Sovt/8Atf8Aj3/2NH1B/wBWOCtxbpfm/H5HYfb/APa/8e/+xqn/AGh7fpXN/wBqed2x/Tv071T/ALQ9v0qllXkjy/8AWt/zL7zqftx9v0qJ7/px6/5xiuWkv+fw+n/6qgkv+n49q3WUvS+v9L+vmH+tfmvvOkkvskge3r+Of1orlnuz6nH1PNFbLLWkko7f8A5XxJh7r3v6uv6+45mKaQ4565/TNXI55OeemMcfWiivpD8uwrdo6/1qS+fL/eqeKaQ4565/TNFFc1l2PVoN66v+rFjzn9vyp9FFFl2Oi77sh8+XzPvf521NRRRZdjnu+7CqnnSebjP6f7WP5UUV0WXYwrN2er2X5i+fL/epftMvqP8AvkUUUWXY8vEN3er2f5IrefL/AHqrec/t+VFFFl2MrvuHnP7flUDyyEkbv89aKK6LLsF33YzzH/vGiiinZdjNN6avp/7af//Z) !important; background-repeat: repeat-x !important;color: #fff !important;font-weight: bold !important; border: 1px solid #bbb !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important;}

Alles anzeigen

[Blockierte Grafik: http://www.abload.de/thumb/1k5g3.png] [Blockierte Grafik: http://www.abload.de/thumb/3i0yj.png] [Blockierte Grafik: http://www.abload.de/thumb/41463.png] [Blockierte Grafik: http://www.abload.de/thumb/6k0wj.png] [Blockierte Grafik: http://www.abload.de/thumb/823ua.png]

deschen2

Hallo MK. Hättest du evtl. noch einen Code, der das Forum nur breiter macht, ohne Symbole o.ä. zu verändern. Bie deinem Code sind die Fraben usw. ja nicht mehr original.
Thx.

MaximaleEleganz

Du kannst sie auch automatisch anpassen lassen, mir ist eine bestimmte Breite lieber:

CSS

#page-body, .container-12, .container-16 {
   width: 1200px !important;
}

Road-Runner

Ich habe es mit diesem Code erreicht.

CSS

@-moz-document   url-prefix("http://www.camp-firefox.de/forum")
{
.container-16{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;} 


#header{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;
} 


#page-body{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;}

Alles anzeigen

Das sieht dann so aus:

[Blockierte Grafik: http://www.abload.de/thumb/forumrqre.png]

deschen2

ja, sorry, hab jetzt erst den anderen Thread entdeckt. Muss mich erstmal an das neue Design gewöhnen.

Im Moment fährt hier folgender Schnippsel:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


    @-moz-document
    url-prefix(http://www.camp-firefox.de/forum/),
    url-prefix("http://www.camp-firefox.de/forum/viewtopic.php"),
    url-prefix("http://www.camp-firefox.de/forum/index.php"),
    url-prefix("http://www.camp-firefox.de/forum/viewforum.php"){
    #page-body{
    width: 1600px !important;}}

deschen2

Road-Runner. OK deiner gefällt mir besser, da er auch diese kleine "Box" oben breiter macht.

[Edit]Ahhh, doch noch nciht ganz super. Gibt es einen Weg, wie man dieses ganze Gedöns da weiter oben wegkriegt? Also "Startseite, Downloads, Dorum" und "camp Firefox - die FF Community", so dass der Rest nach oben rutscht? Das wäre super.

MfG

2002Andreas

Hallo @ deschen2......

Code

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("www.camp-firefox.de") {


#header_bg,
#mcs_header_logo,
#textBeforeSearch{
display:none !important}


#mcs_header_bg{
background:none !important}


.inputbox.search{
margin-top:-4px !important}


INPUT[type="submit"][value="Suche"][class="button2"]{
margin-top:-4px !important}


}

Alles anzeigen

meinst Du das so ?

deschen2

So ungefähr. Super, vielen Dank!

Obwohl mir oben die Suche mit dem blauen Mozilla-Hintergrund eigentlich gefällt. Kann man da diese blaue Leiste wieder einfügen?

2002Andreas

nimm diesen Teil aus dem Code wieder raus...

Code

#mcs_header_bg{ background:none !important}

oder nimm gleich den :wink:

Code

@namespace url(http://www.w3.org/1999/xhtml);


    @-moz-document domain("www.camp-firefox.de") {


    #header_bg,
    #mcs_header_logo,
    #textBeforeSearch{
    display:none !important}


      .inputbox.search{
    margin-top:-4px !important}


    INPUT[type="submit"][value="Suche"][class="button2"]{
    margin-top:-4px !important}


    }

Alles anzeigen

deschen2

Ähm, eigentlich reicht dann sogar der hier:

Code

@namespace url(http://www.w3.org/1999/xhtml);


    @-moz-document domain("www.camp-firefox.de") {


    #header_bg{
    display:none !important}
    }

2002Andreas

Das für dich wichtige ist damit weg, ja.

2002Andreas

CSS

#mcs_header_bg{
width:960px!important;
margin-left:25px!important}

mit diesem Code kannst Du den Balken an die Breite besser anpassen.

[Blockierte Grafik: http://www3.pic-upload.de/thumb/11.11.09/7nn132rfmwg.jpg]

deschen2

Jepp, finde ich aber so ganz gut, dass der über die komplette Seitenbreite geht. Dieser Eisberg-Hintergrund war ja auch ganz schön, aber dsa ist eben doof, mit dem ganzen Textgedöns da drauf.

2002Andreas

Ok, hauptsache Du bist zufrieden...alles andere ist egal.

MK204

Zitat von deschen2

Dieser Eisberg-Hintergrund war ja auch ganz schön, aber dsa ist eben doof, mit dem ganzen Textgedöns da drauf.

Kannstes so auch haben.....

[Blockierte Grafik: http://www.abload.de/thumb/unbenanntl50u.png] [Blockierte Grafik: http://www.abload.de/thumb/77b1gn.png]

oder noch anderster, die Suchfunktion mit in der Navbar

[Blockierte Grafik: http://www.abload.de/thumb/003tca.png]

deschen2

Hmm, nee, das sieht irgendwie nicht so gut aus, meinem Gefühl nach. Aber so wie jetzt passt das schon.

Allerdings erschließt sich mir nicht, warum man solche Themes in Zeiten von 22 und 24'' Bildschirmen in der Breite begrenzt. Ich kenne zwar nicht die technischen Hintergründe, aber die Anpassungen, die jetzt hier einige schon wieder vorgenommen haben (inkl. mir) hätte man sich durchaus sparen können, oder?

boardraider

Zitat

warum man solche Themes in Zeiten von 22 und 24'' Bildschirmen in der Breite begrenzt.

Weil die Ausnutzung der maximalen Breite die Lesbarkeit für den Durchschnitt der Benutzer mindert.