Custom Designs / Desgins von 50U7R34P3R

Hallo sleepy,

welches Bild willst du den in welchem Style ändern? Dazu müsstest du ja nur die CSS-Datei bearbeiten.

Ok, das geht eigentlich recht easy. Dafür fügst du einfach in die CSS-Datei folgendes ein:

Zitat

body {

background-image: url('HIER DEINE URL EINFÜGEN!');

background-size: cover;

background-attachment: fixed;

}

background-attachment: fixed; sorgt dafür, das das Bild fixiert ist und nicht mitscrollt. Wenn die das weglässt, scrollt das Bild auch mit beim scrollen auf der Website, also da sind dann mehrere Bilder übereinander.

Zitat von 123sleepyy

Zitat von ByPander

Ok, das geht eigentlich recht easy. Dafür fügst du einfach in die CSS-Datei folgendes ein:

background-attachment: fixed; sorgt dafür, das das Bild fixiert ist und nicht mitscrollt. Wenn die das weglässt, scrollt das Bild auch mit beim scrollen auf der Website, also da sind dann mehrere Bilder übereinander.

ähm

---

ja xd

Brauchst du dabei Hilfe?

Wenn du mir sagst, welchen Style du von denen haben willst und eine URL zu einem Bild schickst, kann ich dir das fix machen.

Zitat von 123sleepyy

Kennst du irgendeine gute seite für Bilder? xD Finde nix was krass is xd

Dein Bild musst du dir schon selbst raussuchen.. xD

Einfach ein Motiv, oder ein Theme, welches dir gefällt googeln, dann kommen meistens schon recht gute.

Zitat von 123sleepyy

Zitat von ByPander

Dein Bild musst du dir schon selbst raussuchen.. xD

Einfach ein Motiv, oder ein Theme, welches dir gefällt googeln, dann kommen meistens schon recht gute.

Auflösung is egal?

Sollte schon recht hochauflösend sein, da es sonst hochskalliert wird und pixelig wird.

Zitat von 123sleepyy

Zitat von ByPander

Sollte schon recht hochauflösend sein, da es sonst hochskalliert wird und pixelig wird.

Gehen bilder von reddit?

Klar

Da man .json Datein nicht hochladen kann im Forum über Workupload: https://workupload.com/file/rAQfEKZtXNw

Heyho,

Natürlich können auch persönliche Hintergrundgrafiken (und Grafiken im Allgemeinen) verwendet werden.

ByPander hat das schon korrekt ausgeführt.

{
background-image: url('HIER DEINE URL EINFÜGEN!');
background-size: cover;
background-attachment: fixed;
}

Die CSS-Codes, welche ich als Designs zur Verfügung gestellt habe, dürfen auch problemlos geändert und ergänzt werden.

Da alle Änderungen, welche du in Stylus machst für dich gelten und nur bei dir lokal dargestellt werden, darfst du damit Änderungen am Design vornehmen, soviel du willst.

Zitat von 50U7R34P3R

Die Verwendung eines Designs steht in keinem Konflikt zum Regelwerk von GrieferGames.

Es werden keine Daten an den Servern von GrieferGames verändert und keine eurer Daten werden an Dritte übermittelt.

Die Designs basieren auf dem Standard-CSS von Woltlab, sind alle durch mich angepasst worden und unlizensiert.

Das Verwenden, Weitergeben oder Verändern ist also ausdrücklich gestattet.

Wenn ich einmal nicht wusste, was ich tun muss, um ein gewünschtes Ergebnis zu erzielen, habe ich mich oft auf SelfHTML informiert. Die Anleitungen für HTML und CSS sind enorm hilfreich und gut nachvollziehbar.

Ansonsten hab ich auch viel auf Webseiten, die mir gefallen haben (oder wo ich etwas gesehen habe, was ich unbedingt "einbauen" wollte) den Inspektor (Entwicklermodus) des Browsers genutzt und deren CSS untersucht, um zu verstehen, wie es auf der Webseite funktioniert und (wie und) ob ich das auch bei mir in den Layouts nutzen kann.

Ansonsten hilft immer eine Websuche nach den Informationen, auch wenn man hier ein wenig Arbeit reinstecken muss und gelegentlich auch mal mit anderen Leuten in den Austausch gehen muss, um die Informationen zu erhalten. Oftmals sind da entsprechende Discord-Server und Foren für Web-Designer ziemlich hilfreich.

Letztlich ist es dann die Arbeit mit Stylus selbst zum Schreiben des CSS, die den letzten Schliff bringt. Da Stylus einem häufig Vorschläge gibt, welche Möglichkeiten man hat und da man die Änderungen/Auswirkungen jederzeit live beobachten kann, ist auch hier mit etwas Experimentieren eine Menge an Lernerfolg möglich.