EPHEMERIS | CSS-VORLAGE [WUNSCH]
Aus dem Englischen übersetzt
![EPHEMERIS | CSS TEMPLATE [REQUEST]](https://ella.janitorai.com/bot-avatars/VX6cuKyBrRvnIoHZkVONW.webp?width=1200){kind=avatar}
by:@Ru1nous
A CAN WE PRETEND THAT AIRPLANES IN THE NIGHT SKY ARE LIKE SHOOTING STARS
EPHEMERIS
EINE JANITORAI-PROFILVORLAGE FÜR DEN NACHTHIMMEL | BIO-CODE VON @MONIE_
✦ SO VERWENDEST DU DIESE ANLEITUNG ✦
1 · Kopiere ALLES | GOLD | (GOOGLE DOCS)
2 · Bearbeite es mit Suchen (Strg/Cmd + F). Suche die Klassennamen in dieser Anleitung, wie nx-title.
3 · Alles markieren, kopieren und in dein JanitorAI-Über-mich-Feld einfügen. Speichern, neu laden, dein Handy prüfen.
✦ Keine Leerzeilen. Für eine neue Zeile tippe <br>.
✦ Nur direkte Bildlinks. Muss auf .png / .jpg / .gif enden. Lass ungenutzte Bilder als src="" und sie verstecken sich selbst.
✦ Ändere nur Wörter innerhalb von "Anführungszeichen" oder zwischen > und <. Lösche niemals Anführungszeichen, < >, { } oder class=.
✦ Keine Kommentare oder * ~ Zeichen im <style>-Teil. JanitorAI schneidet das Stylesheet dort ab.
✦ JanitorAI löscht url(), @import, data: Bilder, CSS-Variablen, <input>, <label> und die CSS-Eigenschaften scale: und rotate:.
meinen Namen → nx-title
die Willkommenszeile → nx-kicker
mein Charakterbild → nx-sona
mein Mondbild → nx-moon-pic
Ticker-Text (beide Kopien bearbeiten) → nx-ticker-set
Über-mich-Boxen → nx-acc
Über-mich-Bilder (3) → nx-portrait
Regeln / FAQ → nx-rf · nx-rule
meine Links → nx-fl
Freunde → nx-friend
Galerie (beide Gruppen bearbeiten) → nx-gi
Serien → nx-cover
Banner → nx-banner
Musikplayer → nx-mp-trk
Lichterkette → nx-fairy · nx-fairyb
Seiten-Haustier → nx-pet
die Credit-Zeile → nx-credit
04 / JEDES PANEL
DIE ABSCHNITTE
ÜBER MICH
Drei Bilder im bogenförmigen Rahmen, eines pro Box. Jede Box ist ein <details>: Titel in <summary>, Text in <p>. Behalte alle drei Boxen. Kopiere einen ganzen Block, um eine hinzuzufügen.
✦ REGELN & FAQ — zwei Bildkarten; Hover schiebt, Tippen öffnet die Liste. Regeln sind nx-rule (Titel in <b>, Grund in <span>). FAQ-Fragen sind <details>.
✦ FIND ME — eine nx-fl-Zeile pro Link: Symbol in <i>, Name in <b>, Zeile in <small>, Link in href.
✦ FREUNDE — je eine nx-friend-Zeile (Name, Zeile, Bild, Link). Vier passen rein; mehr scrollen.
✦ GALERIE — seitlich scrollender Streifen. Es gibt ZWEI identische Gruppen (nx-gset): ändere jedes Bild in BEIDEN.
✦ SERIEN — jede Serie ist EIN <details class="nx-cover"> ... </details>-Block. Kopiere einen ganzen Block, um eine hinzuzufügen; füge niemals in einen Block ein.
✦ ÜBER · REGELN · LINKS · FREUNDE · GALERIE · SERIEN ✦
Milchglas-Leiste am unteren Rand des Heros. Zurück und Vor wechseln zwischen 3 Tracks (Disc-Bild, Titel, Künstler und Link ändern sich alle). Play öffnet den Link dieses Tracks.
Suche nx-mp-trk → drei Blöcke. Ändere nx-mp-song, nx-mp-artist, das <img src=""> und den nx-mp-btn href.
YouTube-Autoplay-Link: https://www.youtube.com/watch?v=VIDEO_ID&list=PLAYLIST_ID&autoplay=1
Spotify öffnet die Playlist, kann aber nicht zum Autoplay gezwungen werden.
Zwei geschichtete Girlanden aus funkelnden Sternen hängen von der Unterseite der oberen Leiste der Seite, mit baumelnden Sternen, die schwingen. Sie bleiben beim Scrollen an ihrem Platz und blockieren nie Klicks. Die erste ist nx-fairy (7 gleichmäßige Durchhänge), die belebtere oben ist nx-fairyb (11 ungleichmäßige Durchhänge).
Verschiebe sie nach oben oder unten → ändere top:56px in beiden Regeln (gleiche Zahl). Handys nutzen top:44px in der @media(max-width:720px)-Zeile nahe dem Ende des CSS.
Entferne eine → lösche ihren <div class="nx-fairy...">-Block ganz oben im Code. Lösche das passende CSS nur, wenn du den Code aufgeräumt haben willst.
Lege ein transparentes PNG in nx-moon-pic. Es läuft 60 Sekunden im Kreis: Schatten gleitet weg, Bild dreht sich um, Schatten gleitet zurück. Ändere 60s in den vier Mond-Regeln (halte sie gleich); -12s ist der Startpunkt. Wenn er außermittig sitzt, ändere inset:-19% in .nx-moon-pic.
Farben sind in jeder Regel ausgeschrieben, also färbt Suchen & Ersetzen alles neu ein.
#d9dce6 silber #b9a6d6 lila Akzent #5b5b66 graue Ränder #ececf0 Fließtext
Gold-Version: nutze die Gold-Vorlage oder ersetze #d9dce6 → #efddba und #b9a6d6 → #dfc277
Schriften: nur die eingebauten Schriften der Seite funktionieren (keine @import). Tausche einen Namen mit Suchen & Ersetzen, eine Liste akzeptierter Schriften findest du HIER.
♡ Seite sieht ungestylt aus — ein * ~ oder /* */ ist in <style> gelangt, oder eine } wurde gelöscht
♡ Bild fehlt — Link ist nicht direkt, oder src="" ist leer
♡ Ticker / Galerie springt — die zwei Kopien stimmen nicht überein
♡ Player-Buttons tun nichts — name="nxmp" fehlt, oder zwei Tracks haben open
♡ Accordion schaltet nicht um — ein <details> hat sein name= oder </details>
✔ Frei nutzbar und auf dem eigenen Profil bearbeitbar. Du darfst die Credit-Zeile entfernen.
Erstellt 24. Okt.
Aktualisiert 25. Okt.
Veröffentlicht 24. Okt.
Proxy erlaubt