Kostenlose CSS-Vorlagen (Wird ständig aktualisiert)

Aus dem Englischen übersetzt

Free CSS Templates (Constantly being updated)

76

85

UPDATE BITTE LESEN.

In letzter Zeit habe ich mehrere Leute gesehen, die mein CSS ohne Credit nutzen. Ich bin bei Konfrontationen irgendwie ein rückgratloses Miststück, aber vor Kurzem habe ich jemanden darauf angesprochen und er erklärte einfach, er habe angenommen, ich hätte den Credit bereits eingebaut. Es gibt ein paar Gründe, warum ich das nicht tue, aber egal, ab jetzt füge ich meinen CSS-Credit irgendwo im Code hinzu, damit du das nicht musst. Aber wenn ich sehe, dass du mein CSS nutzt und mir keinen Credit gibst, was du tun solltest, weil ich dir in den Rentry-Layouts sage, dass du es tun sollst, dann melde ich dich und du wirst kein CSS mehr nutzen können. Ja, das ist eine echte Regel auf J.ai. Wie auch immer, nimm dir einfach eine Minute Zeit, geh auf dein Profil, wenn du mein CSS nutzt, und stelle sicher, dass du mir Credit gibst. Danke an alle, die Credit gegeben haben, ich liebe euch <3

Hinweis: Alles vor CSS 8 hat keinen eingebauten Credit.




HEY DU! JA, DU!!
Bist du ein Janitor AI Bot-Ersteller/Nutzer, der sein Profil aufhübschen möchte, oder probierst du einfach gern neues CSS aus und lernst, wie es funktioniert?

Dann empfehle ich dir, dir diesen Bot anzuschauen, wo ich all meine CSS-Vorlagen teile und ihn wahrscheinlich gerade aktualisiere, während du das liest, um mehr hinzuzufügen!! :3



FAQ (Bitte lies das, bevor du weitermachst, besonders wenn du nur begrenzte Kenntnisse in CSS und HTML hast.)



F: "Was ist CSS?"

A: CSS (Cascading Style Sheets) ist eine Programmiersprache, mit der das Aussehen einer Website verändert wird. Sie steuert Farben, Schriftarten, Hintergründe, Rahmen, Layouts, Animationen und mehr.


F: "Was ist HTML?"

A: HTML (HyperText Markup Language) wird verwendet, um Inhalte auf einer Webseite zu strukturieren. Für JanitorAI-Profile kann HTML genutzt werden, um benutzerdefinierte Bereiche, Links, Infoboxen und Dropdown-Menüs zu erstellen, wo dies unterstützt wird.


F: "Was ist der Unterschied zwischen CSS und HTML?"

A: HTML erstellt die Struktur und den Inhalt, während CSS das Erscheinungsbild steuert. Die meisten meiner Vorlagen verwenden beides, um ein vollständiges Profil-Design zu erstellen.


F: "Brauche ich Programmiererfahrung, um deine Vorlagen zu nutzen?"


A: Nein! Meine Vorlagen sind anfängerfreundlich gestaltet. Alle enthalten Kommentare, die erklären, was du anpassen kannst und wo du deine Informationen einfügst.


F: "Kann ich deine Vorlagen bearbeiten?"

A: Natürlich! Du darfst Farben, Schriftarten, Bilder, Text und andere Designelemente nach deinen Wünschen ändern.


F: "Wie installiere ich eine CSS-Vorlage?"


A: Weiter unten gibt es gleich ein Bild mit Anleitungen ♡♡♡


F: "Kann ich zwei verschiedene Vorlagen kombinieren?"

A: Das kannst du, aber ich würde es nicht empfehlen, es sei denn, du verstehst CSS. Verschiedene Vorlagen können widersprüchlichen Code enthalten, der dein Layout zerstören kann.


F: "Wie ändere ich die Farben?"

A: Suche im CSS nach Farbwerten wie #FFFFFF oder #1E1E1E. Ersetze sie durch deine bevorzugten HEX-Farbcodes.


F: "Wie ändere ich die Bilder?"

A: Finde die Bild-URLs im Code und ersetze sie durch direkte Links zu deinen eigenen Bildern. Ich empfehle Imgur oder einen anderen Bildhosting-Dienst, der direkte Bildlinks unterstützt.


F: "Kann ich Bereiche entfernen, die ich nicht möchte?"

A: Ja, obwohl du beim Löschen von HTML-Elementen vorsichtig sein solltest. Das Entfernen des falschen öffnenden oder schließenden Tags kann andere Teile deines Profils zerstören


F: "Kann ich diese Vorlagen auf dem Handy nutzen?"

A: Die meisten meiner Vorlagen sind so gestaltet, dass sie sowohl auf dem Desktop als auch auf dem Handy funktionieren. Einige Funktionen können jedoch je nach Bildschirmgröße anders dargestellt werden.



Fehlerbehebung


F: "Warum funktioniert mein CSS nicht?"

A: Es könnte mehrere Gründe geben, darunter fehlende Klammern, widersprüchlicher Code, fehlerhaftes HTML oder Änderungen an der JanitorAI-Website. Prüfe noch einmal, ob du die gesamte Vorlage kopiert hast, und wende dich an mich, wenn du weiterhin Probleme hast.


F: "Warum werden meine Bilder nicht angezeigt?"

A: Stelle sicher, dass du eine direkte Bild-URL verwendest und nicht einen Link zu einer Bildhosting-Webseite. Prüfe außerdem, ob das Bild nicht gelöscht oder privat gemacht wurde.


F: "Warum sieht mein Profil anders aus als die Vorschau?"

A: Deine Bildschirmgröße, dein Browser, vorhandenes CSS oder Änderungen an JanitorAI können beeinflussen, wie die Vorlage erscheint.


F: "Warum ist mein Profil auf dem Handy kaputt?"

A: Einige CSS-Eigenschaften verhalten sich auf kleineren Bildschirmen anders. Bestimmte Layouts benötigen möglicherweise zusätzliche, mobil-spezifische Anpassungen.


F: "Warum öffnen sich meine Dropdowns nicht richtig?"

A: Prüfe, ob die HTML-Struktur korrekt ist und jedes öffnende Tag sein passendes schließendes Tag hat. Widersprüchliches CSS kann auch das Verhalten von Dropdowns beeinflussen.


F: "Was soll ich tun, wenn JanitorAI ein Update macht und die Vorlage zerstört?"

A: Website-Updates können die Klassen oder Elemente ändern, auf die Vorlagen angewiesen sind. Einige Vorlagen müssen möglicherweise aktualisiert werden, um mit der neueren Version zu funktionieren. Sag mir Bescheid und ich versuche, es so schnell wie möglich zu beheben.


F: "Kannst du mir helfen, eine Vorlage zu reparieren?"

A: Absolut! Wenn du jemals Probleme hast, scheu dich nie, mich auf Discord anzuschreiben @sandy_bear_my_baby10, dann können wir es gemeinsam herausfinden ♡



Nutzung und Credit


F: Muss ich dir Credit geben?

A: Wenn im Rentry-Code darum gebeten wird, mir Credit zu geben, dann gib mir bitte Credit auf deiner Seite. Du darfst meinen Namen einfach in eine Box setzen, die niemand sieht, aber bitte gib den ursprünglichen Code nicht als deinen eigenen aus.


F: Darf ich deine Vorlagen weiterverbreiten?

A: Bitte poste, verbreite oder lade meine Vorlagen nicht als deine eigenen hoch. Verlinke die Leute stattdessen bitte zur Originalvorlage oder zu meinem Profil.

F: "Wie installiere ich eine CSS-Vorlage?"
↓

Viele Leute schlagen dir vielleicht vor, dein CSS in deinen Bereich "Über mich" in den Einstellungen einzufügen, aber mein gesamter Code ist so gestaltet, dass er bei dieser Art der Installation funktioniert, und du kannst sehen, was du bearbeitest ♡

Wenn du es in deinem Über-mich-Bereich installierst und es anders aussieht als die Bilder im Rentry-Code, möchte ich, dass du zuerst versuchst, es so zu installieren, wie ich es dir sage, und dann sicherstellst, dass du den gesamten Code kopiert hast. Wenn es immer noch nicht funktioniert hat, dann solltest du dich melden.

CSS EINS: Einfaches monochromes, graues Design, zwei Banner, vier Dropdowns, mehrere Links und eine Box für Lieblingsersteller und/oder Freunde, wenn du es dazu ändern möchtest. Mein einfachstes CSS, ideal für Leute, die etwas Einfaches wollen und nicht viel Erfahrung mit CSS/HTML haben

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/kashvault-css

CSS ZWEI: Kuromi- und Gothic-inspiriertes Profilthema mit dunkelgrauen Hintergründen, staubrosa und mauve Akzenten, ideal für jemanden, der etwas Komplexeres und Niedlicheres sucht.

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/Kashvault-css2

CSS DREI: Von Dating-Apps inspiriertes Profil mit dunklen Grundfarben und rosa und roten Umrandungen, sieht cool aus und passt besser zu Leuten mit grundlegenden CSS-Kenntnissen

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/kashvault-css3

CSS VIER: Militär-/SAS-Thema, dunkle/armygrüne Farben, Dropdowns, Links, gut für jemanden, der etwas Komplexes aussehendes will, das in Wirklichkeit sehr einfach und leicht zu ändern ist.

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/kashvault-CSS4

CSS FÜNF: Niedliches und einfaches Desktop-Thema, derzeit weiß-schwarz monochrom, komplexer und mit mehr Code als meine anderen Vorlagen

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/Kashvault-CSS5

CSS SECHS: Desktop-Theme inspiriert von "Corn"Hub mit dem klassischen schwarz-orangen Farbschema. Auffällig, verspielt und detaillierter als meine einfacheren Vorlagen, mit benutzerdefinierten Layouts und vielen bearbeitbaren Funktionen. Wahrscheinlich mein komplexestes CSS, meiner Meinung nach

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/KashVault-CSS6

CSS SIEBEN: Einfache Bot-Karten, die die Bot-Beschreibung und beim Darüberfahren die Tags anzeigen, monochrom, einfach und leicht einzufärben.

Bilder sind im rentry.co enthalten, zusammen mit weiteren Funktionsbeschreibungen und eventuellen Einschränkungen = https://rentry.co/kashvault-CSS7

CSS ACHT: Ein strandthematisches Janitor AI-Layout in Meerschaumgrün und Weiß mit anpassbaren Links, Dropdowns, Charakterkarten, Ozean-Dekorationen und mobilfreundlichem Styling.

Bilder sind im rentry.co enthalten = https://rentry.co/Kashvault-CSS8

CSS NEUN: Einfache leere Bot-Karten, die sich umdrehen, vollständiges Bild zeigen und Bot-Bio und Tags beim Darüberfahren anzeigen, funktioniert sowohl auf dem Desktop als auch auf dem Handy.

Bilder sind diesmal NICHT im rentry.co enthalten = https://rentry.co/Kashvault-css09

DENK DARAN: ICH BIN EINESTUDENTIN.
Ich bin KEINE Webentwicklerin, und ich bin ein MENSCH.

Bitte denk einfach daran, nicht alles, was ich mache, wird perfekt sein, und wenn ich etwas vermassle, korrigiere mich einfach freundlich.

Discord-ServerLink


Erstellt 7. Okt.

Aktualisiert 30. Okt.

Veröffentlicht 9. Okt.

Veröffentlichte Chats