• CSS & HTML: Fragerunde •

Re: ► CSS & HTML: Fragerunde ◄

von Thynion am 25.11.2020 17:34

Hätte jemand Codes, um dem Profilbild eine andere Form zu geben und es evtl. in die Mitte zu versetzen?

Und: welche, um die ganzen Ränder einzufärben. Für Freunde-Bilder, das eigene Profilbild, so wie Allgemein, Statistik, Persönliches, Gruppen, Geschenke.. Also auch die Rahmen der Kästen darunter meine ich, nicht nur die der Überschriften. :'D

Re: ► CSS & HTML: Fragerunde ◄

von Anticonformist am 23.11.2020 20:53

@HopeLess: Brauchst du das für deinen Hintergrund? Da hilft meistens schon eine GIF. Ein Code ist nicht erforderlich.

Re: ► CSS & HTML: Fragerunde ◄

von HopeLess am 23.11.2020 20:03

Re: ► CSS & HTML: Fragerunde ◄

von Chai am 28.06.2020 11:49

Danke dir! 

Re: ► CSS & HTML: Fragerunde ◄

von boneless. am 28.06.2020 10:38

Schwarzweiß-Färbung

 

Geschenke auf dem Profil
ul.profile_list_gifts {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
ul.profile_list_gifts:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

Profilbild
#profileImage img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
#profileImage img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

Profilbilder der Freunde
/* Freundesliste: Profilbilder Raender */
ul.relationships li img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
/* Freundesliste: Profilbilder*/
ul.relationships li img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

Man kann auch weniger als 100% eingeben, sodass noch ein Hauch der ursprüglichen Farbe zu sehen ist.
Dieser Teil ist dazu da, dass, sobald man mit der Maus auf die Bilder geht, die Farbe zurückkommt. Wenn das nicht gewünscht wird, muss hier ebenfalls 100% eingetragen werden, anstelle der 0%.

Re: ► CSS & HTML: Fragerunde ◄

von Chai am 27.06.2020 02:31

Hat jemand einen Code für die Freundesliste in Graustufen? 

Re: ► CSS & HTML: Fragerunde ◄

von Rogers am 10.06.2020 20:23

Huhu; ich hab folgende Codes für die Ränder:



Bei Border-Width kannst du die Breite des Rands anpassen – setzt du es auf null, hast du keinerlei Rand mehr. 
Bei Border-Color kannst du die Farbe des Randes ändern.
Bei Border-Style kannst du die Art des Randes ändern: solid = ein ganz normaler Strich; double = zwei Striche; dotted = Punkte.

Jetzt zu den Kästchen:



Ich mache es tatsächlich immer so, dass ich da ein Bild einfüge von der Farbe, die ich in dem Kästchen haben will. Also wenn du ein schwarzes Kästchen willst, einfach den Link zu nem schwarzen Bild reinkopieren. Vielleicht geht es auch weniger umständlich... aber so mache ich es immer.

Wenn es nicht klappt, schick mir gern ne PN und ich versuche dir weiterzuhelfen. :)

XO, Rogers <3

until you're used to my face
and my mystery fades

x

Re: ► CSS & HTML: Fragerunde ◄

von Mel_Wayland am 10.06.2020 14:13

Re: ► CSS & HTML: Fragerunde ◄

von Anticonformist am 07.06.2020 13:14

Huhu,

ich habe folgendes Problem: Ich bekomme irgendwie diesen Strich bei der Mainbar (nur (?) sichtbar bei Nutzung des Handys im Browser Firefox) nicht weg. Über Google-Chrome (PC) erscheint alles normal. Hat jemand eine Idee?

Re: ► CSS & HTML: Fragerunde ◄

von Death am 29.05.2020 12:49