Page 1 of 1

Hintergrund mit Farbverlauf

Posted: Thu 28. Dec 2006, 20:33
by tastosteron
Ich möchte meinen Hintergrund mit einem Farbverlauf aufwerten:
Kann mir da jemand ein paar Tips geben wie das schnell und einfach geht?
Bitte Schritt für Schritt (Anfänger)! :D
Hab schon alles durchsucht, aber nix gefunden..... :?: :?:

Posted: Thu 28. Dec 2006, 21:08
by rushclub
schau dir mal das css von http://www.phpwcms.de (startseite) an.
einfach n bild mit nem verlauf nach grau. hintergrundfarbe im body definieren. bild im stylsheet verweisen. wiederholung auf aus. das wars. :)

Code: Select all

	background-image: url(link/zum/bild.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;

Re: Hintergrund mit Farbverlauf

Posted: Fri 29. Dec 2006, 11:13
by Klappstuhl28
tastosteron wrote: Bitte Schritt für Schritt (Anfänger)! :D
Das geht auch von oben nach unten: :D
Und Schritt für Schritt ist das Stichwort:
http://www.peperkorn-online.de/

Lars

Posted: Sat 3. Mar 2007, 14:57
by oeconom
Um nochmal eine blöde und Uralt-Frage aufzuwärmen... :oops:
Ich habe es bei Pepe leider nicht gefunden.

Wenn ich im Seitenlayout eine Hintergrundgraphik definiert habe, wie und wo genau muß ich jetzt das repeat-x hinsetzen, damit ich diese entsprechend nur horizontal wiederholt bekomme?

Danke und Gruß,
FELIX

Posted: Sat 3. Mar 2007, 15:12
by flip-flop
Also hier Grundsätzliches: http://www.css4you.de/backgroundproperty.html
Wenn ich im Seitenlayout eine Hintergrundgraphik definiert habe, wie und wo genau muß ich jetzt das repeat-x hinsetzen, damit ich diese entsprechend nur horizontal wiederholt bekomme?
Das geht nicht im Seitenlayout, sondern in einer CSS-Anweisung.

Hier einmal ein Auszug:
body {
margin-right: 5px;
margin-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;

background: #C1D2E2 url(/picture/bg/background.jpg) top left fixed repeat-x;
height:101%;
}
Zu sehen unter:

Code: Select all

mz.ja-nek. de/test2_6.phtml
Gruß Knut

Posted: Sat 3. Mar 2007, 15:30
by oeconom
Hallo Knut,
danke für die Hilfestellung.
Habe es also in die Standard CSS eingefügt, gleich am Anfang:

Code: Select all

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #FFFFFF url(/picture/backgr.png) top left fixed repeat-x;
}
Und findet sich entsprechend auch in der frontend.css wieder. Im Layout habe ich die Einträge herausgenommen und das Hintergrundbild ist im pictures Ordner.
Resultat: nichts.
Die Farbe (hier weiß), nimmt er, hatte ich mal gegen schwarz getauscht zum testen. Allerdings wird kein Bild angezeigt.

Woran kann das liegen?

Nochmal danke,
FELIX

Posted: Sat 3. Mar 2007, 16:06
by flip-flop
Vermutlich findet das System das Bild nicht.

Der Ordner /picture/ muss tatsächlich im root der Seite liegen. Bei Seiten die in Unterverzeichissen laufen ohne sub.domains klappt das so nicht. Ist ja logisch.

Also würde ich relativ adressieren. ../../picture/.

Wenn du testest/entwickelst versuche möglichst eine sub.Domain zu verwenden. Dann hast du eine saubere Seitenansprache ohne dass das System sich verbiegen muss.

Gruß Knut

Posted: Sat 3. Mar 2007, 18:27
by oeconom
...kaum macht man' richtig geht's! :wink:
Super Knut, vielen Dank!
Und das mit der sub.domain werde ich zu berücksichtigen versuchen.

Danke, Gruß und schönes Wochenende,
FELIX