Hintergrund in die Mitte setzten und Forum einstellen das es bei jeden gleich is

[Kiluna]

Hallo Zusammen!

Ich habe mir schon einige Beiträge zu den Hintergründen etc angesehen, doch ich bin zu keiner Lösung gekommen...

Ich habe diesen Style gefunden und habe festgestellt, das auch wenn der Bildschirm größer ist das Bild und das Forum immer gleich und in der Mitte angezeigt werden.
Hier mal der Style:

http://demo.nicetheme.com/forum?theme_id=145690

Ich bin echt am verschweifeln, denn ich weis keine Lösung >.<
Ich habe schon probiert, das Hintergrundbild festzustellen, aber das bring in diesem Fall auch nix.

Liegt es vllt an der CSS?
Ich habe jetzt in meiner Ausbildung angefangen das zu lernen, aber ich bin echt noch nicht gut darin...>.<

Es wäre schön, wenn jemand mir sagen könnte, wie ich auch diese Einstellung vornehmen kann ^^.
LG Luna

[LouiXIV]

Du kannst das Hintergrundbild mit folgendm CSS-Code zentrieren:

Code:

body {
    background-position: center top;
}

[Kiluna]

Ok ich probier es mal aus ^^

Edit: Nun wird es aber immer noch doppelt angezeigt >.<

[#Frank]

Schau dir bitte das hier mal an:
http://www.css4you.de/backgroundproperty.html
Hilft dir das weiter?

Edit: Die Seite kann dir auch beim lernen behilflich sein. Ich denke das du die Seite selfhtml.Org auch kennst. Auch die ist dir bei deinem Bestreben das zu lernen eine gute Hilfe.

[Kiluna]

Vielen Dank.
Ja die Seite kenne ich auch ^^
Ich werde mir das ganze nochmal ansehen und dann melde ich mich wieder ^^

[#Frank]

Bei deiner Frage sollte es um den Repeat Befehl gehen. Schau dir das dort mal an und Teste...

[Zuckerpuppe]

[Kiluna]

Sie möchte, dass die Breite des Forums immer gleich ist, auch wenn man es mit verschiedenen Auflösungen betrachtet.
Ist das richtig?

Der Beispielstyle hat nämlich ein Hintergrundbild drin, was ins Forum integriert wird

Genau so habe ich mir das gedacht
Ich werde nochmal gucken und Testen. Vllt gelingt es mir ja ^^

[Zuckerpuppe]

Du musst auf jeden Fall dann eine feste Breite eingeben.

Adminbereich - Allgemeines - Forum - Einstellungen - Seitenstruktur

dort dann die (z.B.) 920 nur als Zahl eingeben, ohne Prozent oder Pixelangaben.
Dann wird das Forum bei allen, unabhängig von der Auflösung, bzw Bildschirmgröße, gleich breit angezeigt.

[Kiluna]

Hm...ich werde nicht schlau daraus...ich habe alles auf no-repeat gestellt, aber es will nicht so wie ich XD
Ich möchte auch nicht einfach etwas löschen, so das nachher gar nix mehr geht.
Ich habe mal die komplette Forum-CSS hier aufgeschrieben.
Ich denke, wenn noch jemand über die Daten fliegt, dann findet man bestimmt den Fehler

Die Seitenstrucktur habe ich mal auf 100 ohne px und % gestellt.

Es wäre echt super super nett ^^

Code:

body {
    background-position: center top;
}

table.forumline {border:2px dashed;}

th{font-variant: small-caps;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}

td.bodyline{border:3px dotted;}
td.spaceRow{border:0px; background-color: transparent;}
td.catHead,td.catBottom{border:0px;}
td.catLeft{border:0px;font-variant: small-caps;text-align:center;}
td.row1,td.row2,td.row3{filter:Alpha(Opacity=80);}

span.cattitle,span.maintitle,span.mainmenu,span.nav{font-variant: small-caps;}

a.copyright{color: #00BFF3;}
a.copyright:hover{color: #CC6600;}

.poster-profile a img {
background-image: url(http://i68.servimg.com/u/f68/13/38/78/93/shanex10.png);
width: 94px;
height: 94px;
background-position: center;
background-repeat: no-repeat;
padding: 30px;
}

/*Contur rontunjit la cadrul forumului-DOAR PENTRU UTILIZATORII FIREFOX,GOOGLE CHROME SI SAFARI*/
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
body {

}

table.forumline {border:2px dashed;}

th{font-variant: small-caps;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}

td.bodyline{border:3px dotted;}
td.spaceRow{border:0px; background-color: transparent;}
td.catHead,td.catBottom{border:0px;}
td.catLeft{border:0px;font-variant: small-caps;text-align:center;}
td.row1,td.row2,td.row3{filter:Alpha(Opacity=80);}

span.cattitle,span.maintitle,span.mainmenu,span.nav{font-variant: small-caps;}

a.copyright{color: #00BFF3;}
a.copyright:hover{color: #CC6600;}

.atta...
a.trigger{
  position: absolute;
  text-decoration: none;
  top: 20px;
  left: 0;
  font-size: 16px;
  letter-spacing:-1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color:#fff;
  padding: 5px 5px 5px 5px;
  font-weight: 700;
  background:#fff url(images/plus.png) 85% 55% no-repeat;
  border:1px solid #e8cdc0;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  display: block;
}

a.trigger:hover{
  position: absolute;
  text-decoration: none;
  top: 20px;
  left: 0;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color:#fff;
  padding: 5px 5px 5px 5px;
  font-weight: 700;
  background:#f1f1f1 url(images/plus.png) 85% 55% no-repeat;
  border:1px solid #e8cdc0;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  display: block;
}

/* Start http://www.cursors-4u.com */
body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth755.cur), progress !important;}
/* End http://www.cursors-4u.com */

[Zuckerpuppe]

Das erste, was du machen musst, ist das Headerlogo zu verkleinern.
Das hat eine Breite von 977 Pixel.
Du kannst dann im Adminbereich oder CSS einstellen was du willst, das Forum wird nie schmaler als das Headerlogo ist.

Mehr als 900 Pixel würde ich da nicht nehmen, denn es gibt ja noch User, die eine kleine Auflösung haben (wie ich z.B.) und bei der jetzigen Breite sogar schon seitlich scrollen müssen.

Wenn das Logo kleiner ist, solltest du (wie oben angegeben) die Breite des Forums auf 920 stellen. Dann sollte es klappen.

Im CSS ist nichts drin, was die Breite verändert. Das kannst du also so lassen.

edit: wenn ich dein Logo entferne, sehe ich das Forum so:

es wird sofort schmaler...

[Kiluna]

Ok Danke ich werde die Größe des Banners ändern ^^
Vielen Dank für den Tip

Edit: So habe mal das Banner auf 900px eingestellt. Hat super geklappt.
Jetzt ist mein Problem, dass das Hintergrundbild doppelt angezeigt wird
Kann man das auch noch einstellen?

[LouiXIV]

dann misch ich nochmal mit

Das Bild wiederholt sich, weil deine eingestellte Auflösung breiter ist, als die Breite des Bildes (1.256px). Schätze mal du hast 1680.
Hier mal der Code, der das Bild zentriert und den repeat abschaltet:

Code:

body {
    background-position: center top;
    background-repeat: no-repeat;
}

Bei deiner Auflösung musst du aber damit leben, dass dann rechts und link ein leerer Streifen erscheint oder du suchst dir ein breiteres Hintergrundbild

[Kiluna]

Oh vielen lieben Dank ^^
Es hat geklappt *freu*
Ich habe jetzt noch den Code repeat-y miteingefügt und es wird nur nach unten doppelt angezeigt aber nicht mehr zur Seite hin . ^^

Vielen lieben Dank an euch.

[#Frank]

Für die Wiederholung nach unten ist repeat-x zuständig und der Parameter ist dann no-repeat.
Damit das Bild dann nich nach oben mitscroolt muss bei der Position noch der Parameter fix hinzugefügt werden. Aber das ist alles auf der CSS Seite beschrieben, die ich oben verlinkt habe.