• CSS & HTML: Fragerunde •

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

Re: ► CSS & HTML: Fragerunde ◄

von Death am 29.05.2020 11:49

Das war er nicht aber danke

Re: ► CSS & HTML: Fragerunde ◄

von Silber22 am 29.05.2020 11:10

Glaube, das ist der Code?

/* Container */
#container {
color: #ffffff !important;
opacity: 0.72 !important;
}

Bei opacity einfach den Grad der Transparenz auswählen. 1 heißt, es gibt keine Tranzparenz. Hoffe ich konnte helfen ^^‘

Re: ► CSS & HTML: Fragerunde ◄

von Aphrodite am 29.05.2020 11:06

Das würd mich auch interessieren - wär super, wenn jemand den Code hier reinstellen könnte :)

Re: ► CSS & HTML: Fragerunde ◄

von Death am 29.05.2020 08:51

Also ich hätte die Frage wie nochmal der Code war, dass der Hintergrundbdes Containers/Inhaltsbereich durchsichtig wird. Ich haate den Code mal, bin aber gerade zu unbegabt ihn wieder zu finden oder ihn zu schreiben. 
display: none macht den ganzen Inhaltsbereich/Container weg und opacity: 0 macht den ganzen durchsichtig. Wäre schön, wenn da jemand helfen könnte.
(ganz: macht durchsichtig oder weg mit Boxen/Profilbild usw.)