• CSS & HTML: Fragerunde •

Erste Seite | « | 1 ... 3 | 4 | 5 | 6 | 7 ... 24 | » | Letzte [ Nach unten | Zum letzten Beitrag | Thema abonnieren | Neueste Beiträge zuerst ]

boneless.

25, Männlich

8. Pocketbook Writer

Neuling

Beiträge: 1392

Re: ► CSS & HTML: Fragerunde ◄

von boneless. am 28.06.2020 10:38

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

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%.

Antworten

Chai

-, Weiblich

1. Freshman

Ambitionierter Teilnehmer

Beiträge: 50

Re: ► CSS & HTML: Fragerunde ◄

von Chai am 28.06.2020 11:49

Danke dir!

Antworten

HopeLess
Gelöschter Benutzer

Re: ► CSS & HTML: Fragerunde ◄

von HopeLess am 23.11.2020 20:03

Guten Abend zusammen,

ich bräuchte einen Code, damit es anfängt zu schneien. :) Ich habe überall geschaut und probiert, aber es will einfach nicht schneien. Kann mir bitte jemand helfen? Vielen Dank! :)

Antworten

Anticonformist
Administrator

26, Weiblich

12. Famous Novelist

Moderator

Ambitionierter Teilnehmer

Header-Design

Beiträge: 5627

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.

Antworten

Thynion
Gelöschter Benutzer

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

Antworten Zuletzt bearbeitet am 25.11.2020 17:34.

Sappho
Gelöschter Benutzer

Re: ► CSS & HTML: Fragerunde ◄

von Sappho am 17.12.2020 17:42

Form des Profil Bildes:

/* Profilbild */
#profileImage img {
border: 3px solid #F78181 !important;
box-shadow: 0px 0px 1px 1px #ffffff;
opacity: 0.9;
border-radius: 130px;
}

Gelb markiert, Da kannst Du so viel daran schrauben wie Du möchtest, wird bei + immer runder, setzt Du die Zahl - runter, wird es wieder Eckiger

Solid ist der Rahmen Stil, kannst Du ja mal mit "dotted"(gepunktet) probieren xD

Mitte:

/*Bild*/
#profile #profileImage {
margin-left: 300px;
position: absolute;
}

Ränder Allgemein & Einheitlich:

/* XXX */
border-color: #F78181 !important;
border-style: dotted !important;
border-radius: 30px;
}

Das muss dann unter jedem Absatz machen, an dem eine andere Umrandung gewünscht ist

Hier kannst du ebenfalls Dein Border abrunden, stell die Zahl höher, wird es runder

Antworten

Alyrikerin
Gelöschter Benutzer

Re: ► CSS & HTML: Fragerunde ◄

von Alyrikerin am 17.12.2020 17:52

@Asari

Ich war mega verwirrt bei dir, weil man nix gesehen hat haha

aber voll cool, wie die Rahmen Animation ist!

Kann man den Code dafür haben?

Antworten

Sappho
Gelöschter Benutzer

Re: ► CSS & HTML: Fragerunde ◄

von Sappho am 18.12.2020 11:36

Kann man:

/* Boxen */
div.box2 {
background-image: url(https://i.pinimg.com/564x/b8/5e/0e/b85e0edb6986cb5b18d53736a79073e5.jpg);
background-color: #000000 !important;
background-repeat: repeat !important;
border: 2px solid #000000 !important;
border-radius: 30px;
border-color: #F78181 !important;
border-style: dotted !important;
}

/* Boxen (Mouseover) */
div.box2:hover {
background-image: url(https://i.pinimg.com/564x/b8/5e/0e/b85e0edb6986cb5b18d53736a79073e5.jpg);
background-color: #F78181 !important;
background-repeat: repeat !important;
border: 2px solid #000000 !important;
border-radius: 1px;
border-color: #F78181 !important;
border-style: dotted !important;
}

Antworten

Sappho
Gelöschter Benutzer

Re: ► CSS & HTML: Fragerunde ◄

von Sappho am 18.12.2020 11:37

Was für mich interessant wäre zu wissen:

Ich hätte gerne die Mainbar verändert (zB wo die Menüpunkte sind, anderer Hintergrund/ Form von einem Knopf zB) bzw. auch die Linet Anzeige verborgen ... mit dem Befehl "display none" möchte es nicht so recht klappen xD

Antworten Zuletzt bearbeitet am 12.04.2021 16:10.

Alaska

25, Weiblich

8. Pocketbook Writer

Neuling

Beiträge: 1516

Re: ► CSS & HTML: Fragerunde ◄

von Alaska am 19.12.2020 05:30

Hey alle zusammen!

Ist es eigentlich möglich, eine Audioplayer-Bar wie bei Tumblr oben beim Rsh Profil anzubringen? Hat das schon jemand geschafft? Ich quäle mich schon die ganze Nacht damit rum ..

Danke im Voraus ♥

» I've dreamed since I was four years old

that the house is slowly on fire
that the house is slowly on fire

and I can't get you to leave it
and I can't get you to leave it

and I can't leave without you. «

Antworten

Erste Seite | « | 1 ... 3 | 4 | 5 | 6 | 7 ... 24 | » | Letzte