Do it yourself: CSS für Profil und Blog

@Ciela
Wie groß sollte es denn sein?

@cat_and_go
Puh, wie groß es mindestens sein sollte weiß ich leider nicht, aber ich nehme immer HD Hintergründe, die sind auf jeden Fall groß genug. Meistens schon zu groß :D

hab jetzt noch eins getestet, passt auch nicht, kachelt er ebenfalls :/

cat_and_go schrieb:kachelt er ebenfalls :/

in deine html-Beschreibung muss das hier rein:

<style> body {background-repeat:no-repeat !important; background-position: top center !important;} </style>

damit ist es nur einmal, und zwar oben in der mitte: top center
andere werte sind: left right bottom middle

@Bishamon
ich habs via allmy uploader hoch geladen, ein der adresse, wo steht "hintergrundbild" eingebettet eingefügt, und änderungen gespeichert.

ich glaube, ich bin zu blöde :/

@cat_and_go
Der Code muss in das große weiße Feld, wo "Profil-Beschreibung" steht und dann unten noch den Haken bei "Profil ist HTML" setzen.
Natürlich musst du noch ein Bild als deinen Hintergrund einstellen und dann sollte es nicht mehr Kacheln.

@Ciela
@Bishamon
es hat geklappt, vielen lieben dank :)

"Border-radius" funktioniert bei mir nicht. Ist das normal?

entweder du schreibst border-radius nicht in content2 sondern in txt2.
dann geht es ...

oder in content2 fügst du einen border hinzu

Danke schon den Fehler gefunden hatte bei meine Textfeld Hintergrundfarbe versehentlich drin wie in der div dadurch war es nicht zu sehen 😂 durcheinander ohne ende
Und es ist noch nichtmal Freitag! 😲

Hab jetzt auf Anhieb in der Suchfunze nichts gefunden.. wie skaliere ich denn mein Hintergrundbild so, dass es wenn es zu groß ist, nicht nur nen Bruchteil des Bildes anzeigt, sondern trotzdem alles? Ich glaube ich hatte mal nen Code dafür, aber keine Ahnung welcher das war oder wo er hin ist.

Ciela schrieb:nicht nur nen Bruchteil des Bildes anzeigt, sondern trotzdem alles

Eigenschaft:

https://css-tricks.com/almanac/properties/b/background-size/

siehe Werte:
cover (ausgefüllt, aber eventuell beschnitten)
contain (alles)

@Bishamon
Yep, cover hab ich im Moment drin. Mal das andere versuchen.. danke dir :)

Ciela schrieb:Yep, cover hab ich im Moment drin. Mal das andere versuchen

bei contain ist zwar das gesamte Bild sichtbar, aber je nach Fenstergröße mit einem Leerraum.

ich persönlich würde bei cover bleiben (da vollständig ausgefüllt) und mit background-position auf den wichtigen Teil des Bildes fokusieren:
https://css-tricks.com/almanac/properties/b/background-position/

Moin, wie heißen denn die Boxen unter der Freundesliste? "Beobachtet", "Blogs" und "Themenverwandt". Die würde ich gerne ausblenden.

Und kann man den Namen "Allmystery" (a.attitel) umbenennen?

@Ford
.mcell_inhalt, .mcell2, .mcell_inhalt2, .mcell_status, .mcell_inhalt3, div.mcell
Die hab ich jetzt auf Anhieb, falls noch irgendwas fehlt muss ich schauen. Habs nur aus meinem Profil kopiert. :Y:

Und ja, den Namen kann man ändern.

a.attitel{visibility:hidden;}
a.attitel:after{content:"TEXT";
visibility:visible;}

Glaube ich.

@Ciela
Das mit den Boxen klappt nicht so recht. Man kann nur alle entfernen, aber nicht einzeln. Muss ich ein anderes Mal machen.

Das mit dem Allmysterynamen klappt so halb. :D Der neue Name erscheint NEBEN der Position des alten Namens. Der alte Name ist zwar weg, aber die Position irgendwie nicht belegbar. Auch nicht, wenn man das :after weglässt.
Vielleicht finde ich bei Google etwas.

Huch, das ging ja schnell.
Der Code für einen neuen Forumsnamen lautet:

a.attitel{visibility:hidden;}
a.attitel:before{content:"TEXT";
visibility:visible;}


Statt das after kommt ein before.

@Ford
Ja, vielleicht hab ich da noch veraltete Sachen. Auf jeden Fall waren die einzelnen Begriffe früher mal die einzelnen Boxen. Aber eventuell kommt jemand, der davon mehr Ahnung hat.
Ah und sehr gut das mit dem Titel :Y: Jetzt ist es also davor und nicht dahinter. lol.

Ford schrieb:Das mit den Boxen klappt nicht so recht. Man kann nur alle entfernen, aber nicht einzeln. Muss ich ein anderes Mal machen.

Das sollte gehen:

.infoholder .hideOnMobile, .mcell[href*="themen"], .mcell[href*="themen"] + .mcell_inhalt { display: none; }