Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Passi92 Heute um 17:13

» Impressum
von #Frank Gestern um 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Gestern um 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Gestern um 22:07

» Themen-Icons
von Bigtuber Gestern um 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Gestern um 20:09

» Themen fixieren
von inde Gestern um 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Gestern um 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 10:40

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

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von LouiXIV am Mi 11 Jan 2012 - 11:33

Du kannst das Hintergrundbild mit folgendm CSS-Code zentrieren:
Code:
body {
    background-position: center top;
}

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 12:40

Ok ich probier es mal aus ^^

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

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am Mi 11 Jan 2012 - 12:57

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 13:04

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

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am Mi 11 Jan 2012 - 13:06

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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Zuckerpuppe am Mi 11 Jan 2012 - 13:29


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 14:27

@Zuckerpuppe schrieb: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 Wink
Ich werde nochmal gucken und Testen. Vllt gelingt es mir ja ^^

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Zuckerpuppe am Mi 11 Jan 2012 - 14:38

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. Smile

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 14:47

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 Very Happy

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 */

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Zuckerpuppe am Mi 11 Jan 2012 - 14:54

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... Wink

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 14:58

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 Neutral
Kann man das auch noch einstellen?


Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von LouiXIV am Mi 11 Jan 2012 - 15:44

dann misch ich nochmal mit Wink

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 Wink


Zuletzt von LouiXIV am Mi 11 Jan 2012 - 16:18 bearbeitet, insgesamt 1 mal bearbeitet

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kiluna am Mi 11 Jan 2012 - 15:53

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. Wink

Kiluna
Neuling
Neuling

Weiblich Beiträge : 17
Anmeldedatum : 10.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am Mi 11 Jan 2012 - 16:25

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.

closed



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten