Do it yourself: CSS für Profil und Blog

ProjectSerpo schrieb:Wie kann ich im header ein Foto hinzufügen ?

Und falls möglich, bitte auch in der Freundesliste

ProjectSerpo schrieb:Wie kann ich im header ein Foto hinzufügen ?

Als Background? Dann ungefähr so:

<style> header { background-image: url(https://www.allmystery.de/i/gt368h64psej_vacation-g54d717377_640.jpg); background-size: cover; } .mcell_inhalt { background-color: transparent; } .infoleiste { background-image: url(https://www.allmystery.de/i/gt368h64psej_vacation-g54d717377_640.jpg); background-size: cover; } </style>

@Outback

Vielen herzlichen Dank :)

Ich habe ein besonderes Anliegen. Wie kann ich auf mein Profil eine Umfrage erstellen mit die % Zahl Balken der Abstimmung, wie es hier auf Allmy ist und falls möglich, so, dass ein Benutzer auch nur einmal abstimmen kann ? Ist sowas möglich?

Moin,

gibt es zur Profilgestaltung auf Allmy irgendwo was nachzulesen, hab null Plann von html und css

@Bücherwurm
Joa, du kannst in diesem Thread von vorne anfangen, da sind schon mal die Grundlagen erklärt. :)

@Luminita

Ich lese mich mal ein, dauert sicher etwas, hoffe dann kann ich auch so tolle Profile bauen wie andere hier :)

Hallo Zusammen, ich bräuchte bitte eure Hilfe.

Ich möchte diesen Bereich einfärben, mit welchem Code mache ich das ?





Eventuell auch den unteren Bereich mit die Rubriken. Vielen lieben Dank :)

Ist es auch möglich, einen Rand außen rum zu gestalten ?

Edit: Hat sich erledigt, konnte das selbst hinbekommen :)

Hallo Zusammen,
Es geht um HTML Codes oder CSS.
Wenn man sich abmeldet, erscheint immer ".... ist seit gestern abwesend" oder "...seit dem 15.01.2024 abwesend".

Gibt es ein HTML / CSS Code, wo man das verändern kann? Wo man etwas anderes schreiben kann?

Zum Beispiel:
".... macht seit gestern Urlaub" oder "seit dem 15.1.2024 Urlaub"...?

Vielen lieben Dank :)

LG

@ProjectSerpo

Sowas ginge für .offline oder auch .online:

.profile_available .offline { font-size: 0; } .profile_available .offline::before { font-size: 8px; } .profile_available .offline::after { font-size: 13px; content: "ProjectSerpo macht bis 1.1.2025 Urlaub."; font-family: inherit; white-space: pre; }

@Outback

Vielen lieben Dank :)

@Outback

Kann man es auch so einstellen, dass die Zeiten in Echtzeit angegeben werden, wann man offline ist?

ProjectSerpo schrieb:Kann man es auch so einstellen, dass die Zeiten in Echtzeit angegeben werden, wann man offline ist?

Echtzeitabfragen sind via HTML oder CSS unmöglich.

Oder meinst du "mal so, mal so"? Dann halt den Code-Block auszukommentieren /* .. */

Outback schrieb:Echtzeitabfragen sind via HTML oder CSS unmöglich

Ah ok ...

Outback schrieb:Oder meinst du "mal so, mal so"? Dann halt den Code-Block auszukommentieren /* .. */

Zum Beispiel, wenn ich jetzt um 20:13 offline gehe, dass es mir so angezeigt wird (mit veränderten Text):

ProjectSerpo ist seit 20.13 Uhr nicht mehr zu erreichen oder in ein paar Tagen :

ProjectSerpo ist seit dem 19.01.2024 nicht mehr zu erreichen, dass war die Zeitangabe korrekt ist, nur der Text anders ist.

ProjectSerpo schrieb:dass es mir so angezeigt wird (mit veränderten Text):

Ahh :D .. am Anfang Allmy-Text, am Ende oder darunter eigener wäre machbar:

.profile_available { display: inline-block; } .profile_available .offline { display: inline-block; white-space: nowrap; width: calc(100% - 9ch + 2px); overflow: hidden; } .profile_available:has(.offline)::after { content: "nicht mehr zu erreichen."; color: #919191; position: absolute; /* 2nd line left: 1.6em; margin-top: 1.2em; */ }

@Outback
Danke vielmals, das werde ich demnächst einbauen, wenn ich genug Zeit habe :)

Ich bräuchte bitte nochmal eure Hilfe. Wie bekomme ich den Bereich unten unten transparent, oder vielleicht auch ganz weg?




Vielen lieben Dank

@ProjectSerpo
Der Bereich heißt .mcell_status
Ganz weg geht z. B. mit {visibility:hidden;} oder {display:none;} oder transparent müsste mit {color: transparent;} klappen.

@Luminita

Danke vielmals :)