Lost Crusade - Background Image ?

04/07/2012 17:05 inFlame'#1
Hallo,

ich wollte anstatt diese eintönigen Farbe ein Image im Lost Crusade Template einbauen, dazu hab ich in der Main.css bei Body

das hier: body {
width: 1066px;
background: #2dcef0;
margin: 0 auto;
font-size: 12px;
font-family: Verdana;
color: #000000;

in: body {
width: 1066px;
background-image: "http://www.play-anime.net/wp-content/uploads/2011/10/Flyff_artwork_Euphresia_Woodland-Path.jpg";
margin: 0 auto;
font-size: 12px;
font-family: Verdana;
color: #000000;

abgeändert, es kommt aber das bild nicht :s
04/07/2012 17:22 Crystal-Craft#2
so :
background-position:center; /* Bg in der Mitte */
background-image:url(../img/bg.png) ; /* Pfad abändern */
background-repeat:no-repeat; /* Background wird nicht wiederholt */
04/07/2012 17:36 inFlame'#3
Hab schon hab blos vergessen zu editieren. Hab die URL Falsch angeben :D
04/08/2012 08:33 nintendo13#4
Quote:
Originally Posted by inFlame' View Post
Hallo,

ich wollte anstatt diese eintönigen Farbe ein Image im Lost Crusade Template einbauen, dazu hab ich in der Main.css bei Body

das hier: body {
width: 1066px;
background: #2dcef0;
margin: 0 auto;
font-size: 12px;
font-family: Verdana;
color: #000000;

in:
Code:
body {
    width: 1066px;
    background-image: "http://www.play-anime.net/wp-content/uploads/2011/10/Flyff_artwork_Euphresia_Woodland-Path.jpg";
    margin: 0 auto;
    font-size: 12px;
    font-family: Verdana;
    color: #000000;
abgeändert, es kommt aber das bild nicht :s
muss so sein
Code:
body {
    width: 1066px;
    background: url("http://www.play-anime.net/wp-content/uploads/2011/10/Flyff_artwork_Euphresia_Woodland-Path.jpg") no-repeat center top;
    margin: 0 auto;
    font-size: 12px;
    font-family: Verdana;
    color: #000000;
Habe mal in den Background dafür gesorgt das es sich nicht wiederholt, in der Mitte und von oben angezeigt wird.

Wenn du willst das sich der Background nicht mit bewegt wenn du runter scrollst dann baue noch das in body ein:
Code:
background-attachment:fixed;
04/08/2012 09:05 inFlame'#5
Wie gesagt habt schon, aber wo werden die Slider Beschreibungen KOnfiguriert, in index.php ist nur sowas wie ne Variable oder so ähnlich
04/08/2012 09:26 Crystal-Craft#6
Wenn du dein Bild im solider Lol nennst ist die Beschreibung auch Lol
04/08/2012 11:18 Xaio#7
WTF??

also ertsmal hat der body Bereich weder eine feste höhe noch breite..
dafür benutzt man div boxen...
Also wer dem body sollche Angaben gibt.. sorry der hat kp vom scripten.
Das einzige was sinnvoll ist width:100% zu setzen.. aber feste breite ne sorry
Man gibt den Body auch kein margin: 0 auto...
das bedeutet das der body mittig ist.. macht es Sinn? nein
der body ist alles was man sieht.. ein Bereich ohne jegliche angaben in der hinsicht!
Für sowas hat man den wrapper
den kann man sagen das er mittig sein soll mit der und der höhe..-.-

dann zum background image:

background: url("Dein Pfad") no-repeat scroll center center #Alternative Hintergrundfarbe;


dazukommend sollte man immer im body die werte auf 0 setzen.
sprich padding, border,margin OHNE auto!


Zum Slider:
Lad dir einfach das Add-on Firebug runter.
Dort untersuchst du einfach den Slider... einfach aktivieren, über die Beschreibung gehen und er sagt dir wo was in welcher Datei definiert ist.. sogar mit Zeilenangabe.

MFG Xaio
04/08/2012 11:33 Crystal-Craft#8
also beim slider machst du es so gehst in imgaes oder img kp grad löscht die bilder tutst ein bild rein das z.b. XD.png heißt dann ist das bild im slider der hp und die beschreibung ist XD also so wie der bildname
04/08/2012 12:42 Unleashed!#9
Quote:
Originally Posted by Xaio View Post
WTF??

also ertsmal hat der body Bereich weder eine feste höhe noch breite..
dafür benutzt man div boxen...
Also wer dem body sollche Angaben gibt.. sorry der hat kp vom scripten.
Das einzige was sinnvoll ist width:100% zu setzen.. aber feste breite ne sorry
Man gibt den Body auch kein margin: 0 auto...
das bedeutet das der body mittig ist.. macht es Sinn? nein
der body ist alles was man sieht.. ein Bereich ohne jegliche angaben in der hinsicht!
Für sowas hat man den wrapper
den kann man sagen das er mittig sein soll mit der und der höhe..-.-
Wenn du doch so ein toller "Skripter"/"Designer" bist, warum machst du dann nach jedem Satz/Bruchstück eines Satzes, den du schreibst einen Zeilenumbruch? Also wenn du das auf deinen Websites auch so machst, ist das nicht gerade viel besser als dem body das Attribut width: blabla; zu geben. Und was soll das bewirken?
Code:
body { width: 100%; }
Also das ergibt für mich mal garkeinen Sinn. Weder im Internet Explorer, noch im Firefox, Chrome Opera etc. hat das irgendeine Auswirkung darauf, wie die Seite aussieht oder wie sie sich verhält. Versuchst du damit die Breite vom Body, die im IE manchmal Probleme macht auf 100% zu setzen? Dafür könntest du im Body viel besser margin und padding auf 0 setzen. Dadurch gibt es dann auch keine Probleme mit Opera/Chrome. Aber deine Website funktioniert ja dann dafür auf dem Firefox so wie sie soll. Nur leider benutzen nicht alle den gleichen Browser und da solltest du als "Scripter" drauf achten und deine Site dem entsprechend gestalten. Bevor du hier Leute runtermachst, die nicht so viel Ahnung von CSS etc. haben, solltest du dich selber mal mit der Materie auseinander setzen.

@TE: Die Kommentare unter dem Slider sind immer die Namen des Bildes. Heißt : Das Bild heißt "Aktuelle Features.jpg", dann lautet der Text auf der Website unter dem Bild "Aktuelle Features". Wobei du hierbei mit den Umlauten wie Ä/ä, Ö/ö und so weiter aufpassen solltest, da das manchmal ungewollte Nebeneffekte mit sich bringt. Finde das auch irgendwie schwachsinnig gemacht, hätte man besser lösen können. Wobei ich mich selber mit PHP/Ajax/JS nur sehr wenig auskenne.
04/08/2012 13:46 Sedrika#10
#Closed