PHP HIntergrundbild einrichten

- OCinside.de PC Forum
https://www.ocinside.de

-- Internet und Netzwerk
https://www.forum-inside.de/forums.cgi?forum=21

--- PHP HIntergrundbild einrichten
https://www.forum-inside.de/topic.cgi?forum=21&topic=1706

Ein Ausdruck des Beitrags mit 11 Antworten ergibt bei 3 Antworten pro Seite ca. 4 DIN A4 Seiten. Das entspricht bei 80 g/m² ca. 19.96 Gramm Papier.


-- Veröffentlicht durch cheech2711 am 19:30 am 3. Sep. 2011

hmm, ich habe im CSS nur folgenden Eintrag ohne das TD davor


/* ########## Content Umrahmungen######### */
.contentbody,
.contenthead,
.userbody,
.forumhead,
.forumbody,
.forumbottom {
border:0px solid #CCCCCC;
background-color:#161820 ;
}
.pkcontent_left input,
.pkcontent_left select,
.pkcontent_left option,
.pkcontent_right input,
.pkcontent_right select,
.pkcontent_right option {
color:#FFF;
}



OK ist ja ein PHP Kit und da musste ich einfach am linken und rechten Navigationsbereich die Hintergrundfarbe löschen. Dann noch die jpg´s page boarder left und right und jut isses, genauso wie ich wollte :godlike:


(Geändert von cheech2711 um 22:24 am Sep. 3, 2011)


-- Veröffentlicht durch ocinside am 16:42 am 3. Sep. 2011

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.


-- Veröffentlicht durch cheech2711 am 11:39 am 3. Sep. 2011

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)


-- Veröffentlicht durch ocinside am 10:57 am 3. Sep. 2011

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 ?!


-- Veröffentlicht durch cheech2711 am 23:30 am 2. Sep. 2011

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)


-- Veröffentlicht durch ocinside am 13:42 am 2. Sep. 2011

Ich habe mir gerade mal deine schöne Raubtierseite angesehen ;)
Du hast zweimal den body Tag drin.
Entferne einfach den ersten <body> und schreibe den zweiten ruhig komplett in eine Zeile.


-- Veröffentlicht durch cheech2711 am 12:52 am 2. Sep. 2011

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:thumb:

Danke noch mal


-- Veröffentlicht durch ocinside am 11:32 am 2. Sep. 2011

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:
<body style="background-image: url(deinpfad/background.gif);  background-attachment:fixed; background-repeat:no-repeat;">


-- Veröffentlicht durch cheech2711 am 11:04 am 2. Sep. 2011

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)


-- Veröffentlicht durch ocinside am 10:36 am 2. Sep. 2011

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:
<body style="background-image: url(deinpfad/background.gif);  background-attachment:fixed;">


-- Veröffentlicht durch cheech2711 am 18:10 am 1. Sep. 2011

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?


OCinside.de PC Forum
© 2001 - 2024 www.ocinside.de