Webseite in voller breite

universum123

moin

die frage ist

wie bekomme ich diese Seite auf die volle Monitorbreite (oder halbwegs füllend)

http://mdff.bplaced.net/XMB/files/

leider existiert kein "Style" für Stylish

oder eine Einstellung/Code für die userContent.css

danke ewtl. Vorschläge

uni

Zitronella

und einfach vergrößern mit Strg + (plus) ist keine Lösung, oder?

universum123

Zitat von Zitronella

und einfach vergrößern mit Strg + (plus) ist keine Lösung, oder?

ne nich wirklich

und bitte nicht mit irgendwelchen "Add-ons" kommen :wink:

das bläst nur auf wien Luftballon :lol:

für "camp-firefox" gibt es ja auch ein schönen Style - so in der Art meine ich

uni

2002Andreas

OT Beiträge verschoben nach:

Webseite in voller breite

2002Andreas

Meinst du das so?

[Blockierte Grafik: http://www11.pic-upload.de/thumb/20.09.15/of46vm57at5.jpg]

Wenn ja teste es bitte mit diesem Code, Werte evtl. für dich noch anpassen:

CSS

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


@-moz-document domain("mdff.bplaced.net") {


#container {
	width: 1000px!important;}


#content{
	width: 830px!important;}


#container > H1{
margin-left:50px!important;}
}

Alles anzeigen

Einzutragen in die Erweiterung Stylish oder der userContent.css

https://addons.mozilla.org/de/firefox/addon/2108

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userContent.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userContent.css ab.
Danach mußt du den Fx neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Hilfe zu Stylish

universum123

:klasse:

danke teste es gleich mal und berichte

uni

mit vielen tests hab ichs halbwegs hinbekommen (

CSS

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


@-moz-document domain("mdff.bplaced.net") {


    #container {
       width: 95%!important;}


    #content{
       width: 85%!important;}


    #container > H1{
    margin-left: 25%!important;}
    }

Alles anzeigen

nur oben das "Bild" bekomme ich nich auf die volle breite

wäre auch nich so schlimm

ich teste weiter

:klasse: Andreas

2002Andreas

Zitat von universum123

nur oben das "Bild" bekomme ich nich auf die volle breite

Dazu müsste man das Bild auch erst mit einem Bearbeitungsprogramm breiter machen, und dann per Code dieses neue Bild wieder einfügen.
Aber da muss ich leider passen. :?

Gedulde dich bitte etwas, es gibt hier user die so ein Bildbearbeitungsprogramm haben.

universum123

@ Andreas

das mit dem "Bild" is nich so dramatisch

hab gerade festgestellt das ich die Links, wenn ich das Bild voll nach rechts schiebe, besser lesen kann

ist erst mal alles soweit IO :klasse:

nur mal nebenbei - was soll eigentlich das sein?

CSS

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






@-moz-document domain("bplaced.net") {


body {


width: 984px !important;


}


#header {


background-image: none !important;


height: 15px !important;


}


#header_commercial {


display:none !important;


}


#header_links {


height: 35px !important;


font-size: 13px !important;


padding: 0px !important;


position: absolute !important;


left: 10px !important;


right: 16px !important;


top: 0px !important;


width: 984px !important;


background: #333 !important;


-moz-opacity: 0.75 !important;


opacity: 0.75 !important;


}


#header_links a{


font-family: Trebuchet MS !important;


font-size: 12px !important;


font-weight: normal !important;


margin: 4px 3px 0px !important;


padding: 1px !important;


color: #fff !important;


}


#header_links:before{


content: "bplaced (newStyle Design)";


color: #00BFFF;


font-family: Trebuchet MS;


}


#header_links a:hover {


border-top: 1px solid #00BFFF !important;


margin: 3px 3px 0px !important;


color: #00BFFF !important;


}


#header_links a img {


display: none !important;


}


.input, #register input, #forms input, #reg_form input {


background: #B2DFEE none !important;


color: gray !important;


border: 1px solid #00BFFF !important;


}


.input, #register input:focus, #forms input:focus, #reg_form input:focus {


background: #fff none !important;


color: gray !important;


}


#menubar a {


border: none !important;


font-family: Trebuchet MS !important;


font-weight: normal !important;


}


#menubar a:hover {


color: blue !important;


background: transparent !important;


}


#menubar #active {


background: #00BFFF !important;


}


.legend {


border-color: #00BFFF !important;


}


.submit {


background: #fff none !important;


color: gray !important;


font-weight: normal !important;


border: 1px solid #00BFFF !important;


}


#menu_table thead th {


background: #00BFFF !important;


font-weight: normal !important;


}


h1 {


color: #00BFFF !important;


}


#bar {


color: #00BFFF !important;


}


.menu_head {


margin: 0px !important;


width: auto !important;


text-align: left !important;


color: gray !important;


font-size: 180% !important;


border-bottom: 3px solid #00BFFF;


padding: 2px !important;


margin-bottom: 10px !important;


}


.title {


color: gray !important;


}


#bottom {


height: 21px !important;


background: none !important;


font-size: 12px !important;


padding: 0px !important;


width: 1002px !important;


margin-left: -10px;


background: #333 !important;


-moz-opacity: 0.75 !important;


opacity: 0.75 !important;


padding: 0px !important;


color: #fff !important;


}


#bottom a[rel="extern"]{


display: none;


}


#bottom div a{


font-family: Trebuchet MS !important;


font-weight: normal !important;


margin-bottom: 10px !important;


padding: 0px 0px 0px 0px !important;


color: #fff !important;


}


#bottom div [style="width: 440px; float: left; margin-top: 5px;"] {


margin: 0px 20px 0px 0px !important;


width: auto !important;


}


}

Alles anzeigen

2002Andreas

Zitat von universum123

was soll eigentlich das sein?

Das ist ein Code für die Seite:

http://mdff.bplaced.net/

Allerdings funktioniert er nicht (mehr) richtig, evtl. ist er schon alt und an der Webseite hat sich einiges geändert.

universum123

:klasse:

jep

hatte ich mal getestet - brachte aber nix

danke erst mal

2002Andreas

Der Code ist von 2008 wie du hier sehen kannst.

https://userstyles.org/styles/5302/bplaced-newstyle

Zitat von universum123

danke erst mal

Bitte, war gern geschehen.

2002Andreas

Ich habe hier mal einen Code mit einem vergrößertem Bild, evtl. reicht dir das ja dann schon.

[Blockierte Grafik: http://www11.pic-upload.de/thumb/21.09.15/zkmh5wz8g1f.gif]

Das Bild hat mir der User Endor zur Verfügung gestellt, dafür meinen herzlichen Dank :klasse:

Da der Code für das Forum zu groß ist, musst du ihn dir von hier downloaden.

http://www.xup.in/dl,12068167/Code.txt/

Den Link einfach anklicken, und dann den Code markieren und kopieren, und bei dir z.B. in das Stylishfenster wieder einfügen.
Die Werte musst du dir dann wieder selber anpassen.

universum123

:klasse: an euch beide

nur das "Bild" bekomme ich nicht auf volle Bildschirmbreite

is aber erst mal alles OK so

später frage ich noch mal nach der Schriftgröße

:lol:

2002Andreas

Der neue Code ist nur das Bild. Mit diesem Code wird das alte Bild gegen ein neues größeres ausgetauscht.
Alles andere hattest du ja schon in deinem eigenen Code.

Zitat von universum123

später frage ich noch mal nach der Schriftgröße

Kein Problem :wink:

universum123

:klasse:

das Bild nich größer bekommen - da hab ich mich falsch ausgedrückt

geht schon von einer Seite zur anderen (2000px) aber dann ist die Schrift/Link verschwunden :-??

sollte aber Normalerweise in der Mitte sein <--- teste noch mit den "margin-left"

so mache erst mal Mittag

universum123

Zitat von 2002Andreas

Der neue Code ist nur das Bild. Mit diesem Code wird das alte Bild gegen ein neues größeres ausgetauscht.
Alles andere hattest du ja schon in deinem eigenen Code.

Kein Problem :wink:

so ich komme mal darauf zurück

würde erst mal gerne "allgemein" die Schriftgröße um 10% anheben

hast/hättest du da was auf "Lager"?

uni

2002Andreas

Bitte mal testen, den Wert wenn dann anpassen.

CSS

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


@-moz-document domain("mdff.bplaced.net") {


*{
font-size:13px!important;}
}

universum123

jawoll "Sir" wird jemacht ;-D

edit sagt:

:klasse:

genau das was ich wollte

Andreas darfst die 3 Bienchen ins Heft malen :wink:

danke uni

bei weiteren fragen werde ich mich vertrauensvoll noch mal hier melden :klasse:

2002Andreas

Freut mich das ich die helfen konnte.

Evtl. wäre dieser Code doch noch besser :-??

CSS

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


@-moz-document domain("bplaced.net") {


#content > TABLE > TBODY > TR:nth-child(n+1),
#content > TABLE > TBODY > TR:nth-child(n+1) > TD:nth-child(n+1),
#content > TABLE > TBODY > TR:nth-child(n+1) > TD:last-child > SPAN{
font-size:14px!important;}


.navigation_cat{
font-size:14px!important;}


}

Alles anzeigen

Kannst ihn ja mal testen wenn du magst.

Zitat von universum123

darfst die 3 Bienchen ins Heft malen

Danke

2002Andreas

Oder auch so incl. der Unterseiten incl. dem Forum:

CSS

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


@-moz-document domain("bplaced.net") {


#content > TABLE > TBODY > TR:nth-child(n+1),
#content > TABLE > TBODY > TR:nth-child(n+1) > TD:nth-child(n+1),
#content > TABLE > TBODY > TR:nth-child(n+1) > TD:last-child > SPAN{
font-size:14px!important;}


.navigation_cat{
font-size:14px!important;}


#content > FORM{
font-size:15px!important;}


}

Alles anzeigen

Du kannst die Schriftgröße auch unterschiedlich machen mit obigem Code.
Melde dich bitte, sollte noch etwas fehlen.