PHP HIntergrundbild einrichten

» Willkommen auf Internet und Netzwerk «

Neues Thema Antworten

cheech2711
aus Belgien
offline

OC God
20 Jahre dabei !

Intel Core i5
3200 MHz @ 3600 MHz
44°C mit 1.024 Volt

Google mich gerade tod und bin mir nicht sicher wie das anstellen soll :noidea:

Da ist ja links und rechts dieser Rand neben der HP und auf einer Gamingseite habe ich ein wirklich scheenes Bild gesehen, was zudem npch so eingebunden war, dass man nur die HP scrollen konnte.

habe in CSS folgendes eingefügt:

.heads, .headssmall * {font-weight: bold;}

/* Browserfix, wenn Fenster verkleinert */
div#pkpagedecoration{
min-width:980px;
}

#pksiteparser span {
color:#FFF;
}
background-image:url(content/images/Sundown.jpg);
background-position:fixed;{

}
.leftborder {
background: url({IMAGEDIR}/page_border_left.jpg);
width:4px;

wenn ich jetzt rechts oder links in den Bereich meiner HP klicke, kann ich mir eine Grafik anzeigen lassen, welche aber nicht da ist?
Dazu habe ich noch bei Hintergrund und Basisangaben, bei HIntergrundgrafik den Pfad zum jpg angegeben was ich aber glaube nicht brauche, da das ja eigentlich im CSS Code steht..

Hat einer ne Idee wie ich das hinbekomme?

INTEL Sucks_Support AMD

Beiträge gesamt: 6907 | Durchschnitt: 1 Postings pro Tag
Registrierung: Sep. 2003 | Dabei seit: 7535 Tagen | Erstellt: 18:10 am 1. Sep. 2011

ocinside
aus Krefeld
online

Administrator
23 Jahre dabei !

Intel Core i9
3600 MHz @ 5200 MHz
78°C mit 1.552 Volt

Erstmal benötigst du das Hintergrundbild, was du dort einbinden möchtest.
Wenn es von einer anderen Webseite stammt, frag kurz den Copyright Inhaber, ob du es verwenden darfst.
Das Hintergrundbild wurde mit dem Pfad "content/images/Sundown.jpg" angegeben, aber den kannst du natürlich ändern.
Anstatt "{IMAGEDIR}/page_border_left.jpg" trägst du deinen Pfad zu dem Bild für den linken Rand ein.
Ob du das überhaupt möchtest, kannst du ja selber entscheiden.

Und wenn es nicht skalierbar sein muß, kannst du das Hintergrundbild auch ganz oldschool im body Tag einbauen und z.B. mit folgendem Code einbinden:

Hardware News lesen * Unterhalten * Smarthome und Gadgets
Übertakten, Modding und Testberichte * Fanartikel kaufen

Beiträge gesamt: 169736 | Durchschnitt: 20 Postings pro Tag
Registrierung: April 2001 | Dabei seit: 8396 Tagen | Erstellt: 10:36 am 2. Sep. 2011

cheech2711
aus Belgien
offline

OC God
20 Jahre dabei !

Intel Core i5
3200 MHz @ 3600 MHz
44°C mit 1.024 Volt

Hallo Jens, ich wusste doch das Du mir helfen wirst

das Hintergrundbild habe ich bereits auf meinem Webspace im Imageordner hinterlegt. Ich probiere gleich beides mal aus :godlike:

Dankee

also das in den Bodytag einbauen funktioniert, allerdings stellt Er mir das Bild mehrfach dar und das will ich eigentlich net, ich wollte es eigentlich so, das es ein Bild ist und vor allen Dingen feststehend ist, so dass ich die HP scrollen kann und links und rechts das Bild stehen bleibt :noidea:

OK, Jens ich hatte es an der falschen Stelle im Bodytag :blubb:

na ja Anfänger halt :lol:

wunderbar, das Bild steht fest und die Page lässt sich scrollen :ocinside:

(Geändert von cheech2711 um 11:29 am Sep. 2, 2011)

INTEL Sucks_Support AMD

Beiträge gesamt: 6907 | Durchschnitt: 1 Postings pro Tag
Registrierung: Sep. 2003 | Dabei seit: 7535 Tagen | Erstellt: 11:04 am 2. Sep. 2011

ocinside aus Krefeld online Administrator 23 Jahre dabei ! Intel Core i9 3600 MHz @ 5200 MHz 78°C mit 1.552 Volt	Gern geschehen Und wenn das Bild nicht wiederholt werden soll, könnte man den Style Tag auch noch um folgendes erweitern: background-repeat:no-repeat; Das ganze würde dann also im Body Tag so aussehen: Hardware News lesen * Unterhalten * Smarthome und Gadgets Übertakten, Modding und Testberichte * Fanartikel kaufen
	Beiträge gesamt: 169736 \| Durchschnitt: 20 Postings pro Tag Registrierung: April 2001 \| Dabei seit: 8396 Tagen \| Erstellt: 11:32 am 2. Sep. 2011

cheech2711 aus Belgien offline OC God 20 Jahre dabei ! Intel Core i5 3200 MHz @ 3600 MHz 44°C mit 1.024 Volt	ich habe das mal mit dazu gepackt und ich habe mal an einem LCD 1920-1080 Monitor geschaut und die Größe des Bildes auf 1920x920px angepasst so dass es auch auf FullHD gut aussieht Danke noch mal INTEL Sucks_Support AMD
	Beiträge gesamt: 6907 \| Durchschnitt: 1 Postings pro Tag Registrierung: Sep. 2003 \| Dabei seit: 7535 Tagen \| Erstellt: 12:52 am 2. Sep. 2011

ocinside aus Krefeld online Administrator 23 Jahre dabei ! Intel Core i9 3600 MHz @ 5200 MHz 78°C mit 1.552 Volt	Ich habe mir gerade mal deine schöne Raubtierseite angesehen Du hast zweimal den body Tag drin. Entferne einfach den ersten und schreibe den zweiten ruhig komplett in eine Zeile. Hardware News lesen * Unterhalten * Smarthome und Gadgets Übertakten, Modding und Testberichte * Fanartikel kaufen
	Beiträge gesamt: 169736 \| Durchschnitt: 20 Postings pro Tag Registrierung: April 2001 \| Dabei seit: 8396 Tagen \| Erstellt: 13:42 am 2. Sep. 2011

cheech2711
aus Belgien
offline

OC God
20 Jahre dabei !

Intel Core i5
3200 MHz @ 3600 MHz
44°C mit 1.024 Volt

Danke, hat auch echt Spaß gemacht den PHP Style mit Paintshop so hinzu bekommen.

Habe jetzt ein anderes Problem an dem ich hängen bleibe, ich möchte eigentlich das hinter den Navboxen nicht das grau ist, sondern das der Hintergrund transparent ist, aslo das ich praktisch das Hintergrundbild sehen kann ...habe das so gemacht aber das ist falsch denke ich :blubb:

<body style="background-image: url(content/images/Sundown.jpg); background-attachment:fixed; background-color:transparent; background-repeat:no-repeat;">

(Geändert von cheech2711 um 23:41 am Sep. 2, 2011)

INTEL Sucks_Support AMD

Beiträge gesamt: 6907 | Durchschnitt: 1 Postings pro Tag
Registrierung: Sep. 2003 | Dabei seit: 7535 Tagen | Erstellt: 23:30 am 2. Sep. 2011

ocinside aus Krefeld online Administrator 23 Jahre dabei ! Intel Core i9 3600 MHz @ 5200 MHz 78°C mit 1.552 Volt	Der body Tag ist ausschließlich für den body, nicht für die einzelnen Elemente. Wenn die durchsichtig sein würden, könntest du die weiße Schrift ja gar nicht mehr lesen - oder welche meinst du genau ?! Hardware News lesen * Unterhalten * Smarthome und Gadgets Übertakten, Modding und Testberichte * Fanartikel kaufen
	Beiträge gesamt: 169736 \| Durchschnitt: 20 Postings pro Tag Registrierung: April 2001 \| Dabei seit: 8396 Tagen \| Erstellt: 10:57 am 3. Sep. 2011

cheech2711
aus Belgien
offline

OC God
20 Jahre dabei !

Intel Core i5
3200 MHz @ 3600 MHz
44°C mit 1.024 Volt

im Prinzip möchte ich den Hintergrund der Navboxen, da wo ich auf dem Bild die Kreuze hingemacht habe, so dass man das Hintergrundbild sehen kann.

so sollte es dann aussehen, mir würden der linke und der rechte Bereicht und der untere Teil reichen, da ich den Rest in der Mitte eh über jpg gemacht habe und das halt nicht ändern möchte.

(Geändert von cheech2711 um 11:44 am Sep. 3, 2011)

INTEL Sucks_Support AMD

Beiträge gesamt: 6907 | Durchschnitt: 1 Postings pro Tag
Registrierung: Sep. 2003 | Dabei seit: 7535 Tagen | Erstellt: 11:39 am 3. Sep. 2011

ocinside aus Krefeld online Administrator 23 Jahre dabei ! Intel Core i9 3600 MHz @ 5200 MHz 78°C mit 1.552 Volt	Im CSS File findest du: TD.pkcontent_right und TD.pkcontent_left dort müßtest du die Zeile: background-color : #666666 rausnehmen, um den Hintergrund zu entfernen. Hardware News lesen * Unterhalten * Smarthome und Gadgets Übertakten, Modding und Testberichte * Fanartikel kaufen
	Beiträge gesamt: 169736 \| Durchschnitt: 20 Postings pro Tag Registrierung: April 2001 \| Dabei seit: 8396 Tagen \| Erstellt: 16:42 am 3. Sep. 2011

Neues Thema Antworten