• CSS & HTML: Fragerunde •

29, Weiblich

7. Columnist

Re: • CSS & HTML: Fragerunde •

von tomorrow. am 05.01.2026 23:14

Einfach ein :hover hinten an den Namen des Objekts anfügen, dann kannst du die Einstellungen zum Hover-Modus bearbeiten.

Also beispielweise

.dynamic-tab-pane-control .tab-row .tab.selected a {

background-color: #000000 !important; }

und dann mit Hover

.dynamic-tab-pane-control .tab-row .tab.selected a:hover {
background-color: #000000 !important; }

Und das dann für die entsprechenden Boxen mit der gewünschten Farbe oder eben transparent. Musste damit auch etwas herum probieren :3

Antworten

WhiteBlossom

27, Weiblich

10. Wannabe Poet

Neuling

Beiträge: 2529

Re: • CSS & HTML: Fragerunde •

von WhiteBlossom am 04.01.2026 16:45

Die Menüpunkte Fragen, Blog, Gästebuch auf meinem Profil, haben die Hover Funktion und werden dann grün. Ich möchte sie jedoch farblich anpassen und wollte fragen, ob man mir dabei helfen könnte? (:

You're S.P.E.C.I.A.L.

Antworten

Fesy

26, Weiblich

7. Columnist

Beiträge: 530

Re: • CSS & HTML: Fragerunde •

von Fesy am 25.12.2025 14:20

Vielen Dank <3

Die Geschichtsbücher werden mir verzeihen, auch wenn du es vielleicht nicht tust.

Antworten

death.

25, Männlich

2. Ambitious Beginner

Beiträge: 1

Re: • CSS & HTML: Fragerunde •

von death. am 24.12.2025 18:41

Ich würde gerne den Hintergrund von meinen Tabs andersfarbig machen bekomme das aber nicht hin.

Habe schon das:

/* tab bar position */
.dynamic-tab-pane-control .tab-row .tab {
font-size: 9px;
display: inline;
float: inline-start;
border: 0;
border: 0px solid #b8c1cb;
cursor: pointer;
z-index: 10;
margin: 0 700px 3px 1px;
margin-left: 1px;
padding: 4px 0 0 0;
height: 18px;
margin-left: -0px;
background-image: url(https://tse3.mm.bing.net/th/id/OIP.XsO1DzxpAa8Qg97s-JNruAHaEK?cb=ucfimg2&pid=Api&ucfimg=1) !important;
}

und das:

/* tab bar position */
.dynamic-tab-pane-control .tab-row .tab {
font-size: 9px;
display: inline;
float: inline-start;
border: 0;
border: 0px solid #b8c1cb;
cursor: pointer;
z-index: 10;
margin: 0 700px 3px 1px;
margin-left: 1px;
padding: 4px 0 0 0;
height: 18px;
margin-left: -0px;
background-color: #8B1A1A !important;
}

für die Hintergrundfarbe probiert

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Beiträge: 6057

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 18.12.2025 04:28

Oh das wär toll. Den vom 6.7.2021, 16:26 nutze ich am meisten. Ich kann den Quellcode leider nicht einfügen (Aber bei mir ist es der zweite von unten)

Falls du den um 16:29 meinst, hier ist die Anpassung:

<div style="background:#F2F2F2;border:1px solid #D8D8D8;padding-top:8px;padding-bottom:15px;padding-right:30px;padding-left:30px;text-align: left;">Vorname Nachname [Bild Deines Charakters] [Bild Deines Charakters] ❚  ❚  ❚ Name • Spitzname • Herkunft • Alter Verhältnisse • Tätigkeit • Sexualität Größe • Statur • Haarfarbe • Augenfarbe ❚  ❚  ❚ [kleiner Text über Deinen Charakter] ❚  ❚  ❚</div>

Antworten

Fesy

26, Weiblich

7. Columnist

Beiträge: 530

Re: • CSS & HTML: Fragerunde •

von Fesy am 16.12.2025 16:22

Oh das wär toll. Den vom 6.7.2021, 16:26 nutze ich am meisten. Ich kann den Quellcode leider nicht einfügen
(Aber bei mir ist es der zweite von unten)

Die Geschichtsbücher werden mir verzeihen, auch wenn du es vielleicht nicht tust.

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Beiträge: 6057

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 16.12.2025 13:35

Hallo :)Ich liebe ja die Steckbriefvorlagen und benutzt die wirklich reichlich. Ich würde nur gerne manchmal linksbündig schreiben können. In den Vorlagen die ich gerne nutze, ist alles zentriert. Kann ich da irgendwie was ändern?Liebe Grüße ♡

Hello!

Das bekommt man meist mit dem Befehl

text-align: left;

hin.

Ich kann diesen gerne in deine Vorlage integrieren.

Antworten

Fesy

26, Weiblich

7. Columnist

Beiträge: 530

Re: • CSS & HTML: Fragerunde •

von Fesy am 16.12.2025 11:14

Hallo :)
Ich liebe ja die Steckbriefvorlagen und benutzt die wirklich reichlich. Ich würde nur gerne manchmal linksbündig schreiben können. In den Vorlagen die ich gerne nutze, ist alles zentriert. Kann ich da irgendwie was ändern?

Liebe Grüße ♡

Die Geschichtsbücher werden mir verzeihen, auch wenn du es vielleicht nicht tust.

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Beiträge: 6057

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 12.06.2025 18:45

Hallu ♥Ein paar Fragen hätte ich zu meinem Profil :31. Wie kann ich rechts die Menüpunkte (Fragen & Blog) farblich anpassen? Habe hier in dem Thread leider auch nichts gefunden und das ausprobieren mit den Codes hat nicht so gut geklappt ^^2. Mit welchem Code kann ich das LiNet unterhalb meiner Mainbar entfernen?Habe bereits ein Code drinnen, aber das scheint nicht mit inbegriffen zu sein.3. Ist es möglich die Sonne/den Blitz (Online/Offline) zu verschieben? Da es leider mit dem Namen verschoben ist. Wenn nicht, würde ich es auch gerne komplett entfernen. Aber nur wenn möglich (:Zu guter letzt Nummero 4 (I'm sorry )Wie schaffe ich es, den Header zu kürzen? Also das quasi der Text: Profil von WhiteBlossom, nicht so verloren aussieht, sondern alles ein wenig enger beieinander ist. Hoffe man versteht was ich meine ^^ Orientiert habe ich mich ein wenig an Orphics Profil. Vielleicht ist es einfacher zu verstehen, was ich meine ^^Kleiner Nachtrag:Und irgendwas flimmert immer auf der rechten Seite, wenn man mit der Maus über das Profilbild/Allgemeines fährt. Keine Ahnung was ich da getan habe ^^Liebe Grüße! ♥You're S.P.E.C.I.A.L.

Hello!

1. Dafür musst du den hinterlegten Farbcode in diesem Code entsprechend anpassen:

.dynamic-tab-pane-control .tab-row .tab a:hover { background-image: url(https://www.htmlcsscolor.com/preview/128x128/c77650.png); text-shadow: 0px 0px #000000 !important; box-shadow: 0 0 2px #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

2. Da müsste der Code helfen:

.linetAd { visibility: collapse; }

3. Probier es mal damit:

.profileTableOffline { background-image: url(https://icons.iconarchive.com/icons/glyphish/glyphish/24/64-zap-icon.png); width: 231px; }

4. Kann dir leider nicht so ganz folgen. Es sieht bereits so aus, als hättest du deinen Header verkürzt.

Hoffe ich konnte dir helfen! Kannst mir auch gern privat schreiben.

LG!

Antworten

WhiteBlossom

27, Weiblich

10. Wannabe Poet

Neuling

Beiträge: 2529

Re: • CSS & HTML: Fragerunde •

von WhiteBlossom am 08.06.2025 09:33

Hallu ♥

Ein paar Fragen hätte ich zu meinem Profil :3

1. Wie kann ich rechts die Menüpunkte (Fragen & Blog) farblich anpassen? Habe hier in dem Thread leider auch nichts gefunden und das ausprobieren mit den Codes hat nicht so gut geklappt ^^

2. Mit welchem Code kann ich das LiNet unterhalb meiner Mainbar entfernen?
Habe bereits ein Code drinnen, aber das scheint nicht mit inbegriffen zu sein.

3. Ist es möglich die Sonne/den Blitz (Online/Offline) zu verschieben? Da es leider mit dem Namen verschoben ist. Wenn nicht, würde ich es auch gerne komplett entfernen. Aber nur wenn möglich (:

Zu guter letzt Nummero 4 (I'm sorry )
Wie schaffe ich es, den Header zu kürzen? Also das quasi der Text: Profil von WhiteBlossom, nicht so verloren aussieht, sondern alles ein wenig enger beieinander ist. Hoffe man versteht was ich meine ^^ Orientiert habe ich mich ein wenig an Orphics Profil. Vielleicht ist es einfacher zu verstehen, was ich meine ^^

Kleiner Nachtrag:
Und irgendwas flimmert immer auf der rechten Seite, wenn man mit der Maus über das Profilbild/Allgemeines fährt. Keine Ahnung was ich da getan habe ^^

Liebe Grüße! ♥

You're S.P.E.C.I.A.L.

Antworten Zuletzt bearbeitet am 08.06.2025 10:17.