Background frage

[BlaZZeR]BirD · 27. Februar 2014, 00:40

Hallo,

ich habe einen .css Code, mit dem ich das Background der Seite einstelle, wie kann ich den Background jederzeit ändern? (also den Link im CSS Code)
Code:

CSS-Quellcode

.background
{
background-image:url("http://LinkZumBackground");
}

anwendung ist halt:

HTML-Quellcode

<div class="background">
.. Inhalt.
</div>

MfG

weazy · 27. Februar 2014, 10:21

Du meinst so wie hier? subtlepatterns.com/

[BlaZZeR]BirD · 27. Februar 2014, 10:41

Nein, nicht direkt.

Ich lasse die BackgroundURL in einer MySQL Datenbank speichern, und diese wird dann ausgelesen und soll dann genutzt werden.

Akuba · 27. Februar 2014, 10:51

dann ließ dies aus und gib einfach nocheinmal den CSS Tag aus, nur mit dem Hintergrund.

Besser wäre es über ein Javascript, hab allerdings nicht wirklich ahnung davon wie man mit Javascript class abschnitte richtig ändert.

[BlaZZeR]BirD · 27. Februar 2014, 11:02

Würde ich wissen wie ich das machen muss, würde ich nicht fragen. Also lass deine unnötige Antworten bitte.

weazy · 27. Februar 2014, 11:19

Schau dir mal den Thread an, da JS für dich ja glaub ich Neuland ist: forum.jswelt.de/javascript/567…bild-per-klick-ndern.html

[BlaZZeR]BirD · 27. Februar 2014, 11:25

Erstmal danke,

jedoch eine Frage, wenn ich es so machen würde:

JavaScript-Quellcode

document.body.style.background="#000 url(/images/Bild2.jpg)";

Müsste ich doch den ausgelesenen Background

PHP-Quellcode

$background = $fetch->backgroundURL;

irgentwie dortrein setzten. würde das denn so gehen (was ich ja bezweifle)

JavaScript-Quellcode

document.body.style.background="#000 url($background)";

MfG

weazy · 27. Februar 2014, 11:50

Ich empfehle dir mal den Quelltext von subtlepatterns.com/ zu lesen. Mach mal eine Seite ohne Inhalt und versuch erstmal nur 2 Hintergründe zu ändern, sodass dein Code so kurz wie möglich ist und du auch wirklich verstehst was du tust.

[BlaZZeR]BirD · 27. Februar 2014, 12:16

weazy schrieb:

Ich empfehle dir mal den Quelltext von subtlepatterns.com/ zu lesen. Mach mal eine Seite ohne Inhalt und versuch erstmal nur 2 Hintergründe zu ändern, sodass dein Code so kurz wie möglich ist und du auch wirklich verstehst was du tust.

Das bringt mir relativ wenig. Wenn ich keine Ahnung hab davon dann hab ich keine Ahnung davon.

weazy · 27. Februar 2014, 12:23

Willst du es auch nicht lernen? Also willst es nur einmalig für (d)eine Seite? Ich halte nicht viel von Codes die man nicht versteht, weil man dann - je größer das Projekt wird - nur durcheinander kommt. Natürlich brauchst es auch nicht lernen, wenn du es nur einmalig brauchst.

Akuba · 27. Februar 2014, 12:25

Angenommen du hast das Query schon ausgeführt und deine Variable wo alles drin gespeichert ist heißt row:

PHP-Quellcode

{
echo "<style>.background { background-image:url(".$row['hintergrund']."); } </style>";
}

Es ist nicht das Gelbe vom Ei, es soll dir auch nur einen Denkanstoß geben.

[BlaZZeR]BirD · 27. Februar 2014, 12:52

weazy schrieb:

Willst du es auch nicht lernen? Also willst es nur einmalig für (d)eine Seite? Ich halte nicht viel von Codes die man nicht versteht, weil man dann - je größer das Projekt wird - nur durcheinander kommt. Natürlich brauchst es auch nicht lernen, wenn du es nur einmalig brauchst.

Natürlich möchte ich es lernen, jedoch hast du es falsch verstanden. Du forderst mich auf mir den Quellcode anzuschauen von dem (JS / Java) ich nix verstehe. Also würde dies zu Copy&Paste verfallen, jedoch tue ich das nicht!

Akuba schrieb:

Angenommen du hast das Query schon ausgeführt und deine Variable wo alles drin gespeichert ist heißt row:

PHP-Quellcode

{

echo "<style>.background { background-image:url(".$row['hintergrund']."); } </style>";

}

Es ist nicht das Gelbe vom Ei, es soll dir auch nur einen Denkanstoß geben.

Auf die Idee wäre ich auch gekommen, jedoch gibt es eine Sache die du nicht beachtet hast. eine .css Datei kann keine PHP Tags enthalten.

Akuba · 27. Februar 2014, 13:02

Ich habe niemals gesagt das du dies in die css Datei packen sollst, da hast du etwas falsch verstanden. Allerdings kannst du z.b. wenn der Seitenheader geparst wird das Bild aus der Datenbank ausgeben und hinzufügen.

Ich hab aber noch eine Frage an dich: Wann willst du das Hintergrundbild ändern?

[BlaZZeR]BirD · 27. Februar 2014, 13:11

Akuba schrieb:

Ich habe niemals gesagt das du dies in die css Datei packen sollst, da hast du etwas falsch verstanden. Allerdings kannst du z.b. wenn der Seitenheader geparst wird das Bild aus der Datenbank ausgeben und hinzufügen.

Ich hab aber noch eine Frage an dich: Wann willst du das Hintergrundbild ändern?

Das du das gesagt hättest, steht doch nirentwo ^^, damit war lediglich gemeint, das ich dies so habe (also in der style.css Datei)

Ich plane es derzeit so, das wenn ich auf "Hintergrund ändern" gehe, dort ein Feld kommt wo man die URL eingibt. Diese wird dann gespeichert, und dann wird das Bild aus der DB ausgelesen und angezeigt.

#e es ist KEIN ganzer Background einer Seiter, sondern eine art Profil "header".

Es sieht derzeit so aus:
[Blockierte Grafik: http://abload.de/img/unbenannt5aubc.png]

#e2
Wie kann ich eigentlich "einstellen" das dass Bild vom Skin nur bis zur Brust (ungefähr) geht?
Ungefähr das ist die Größe auf die ich den Skin anzeigen lassen möchte:

HTML-Quellcode

width="40.5" height="90"

Background frage

Background frage

CSS-Quellcode

HTML-Quellcode

JavaScript-Quellcode

PHP-Quellcode

JavaScript-Quellcode

weazy schrieb:

PHP-Quellcode

weazy schrieb:

Akuba schrieb:

PHP-Quellcode

Akuba schrieb:

HTML-Quellcode

Teilen

Benutzer online 1