Moderationskommentare
Update:
Mein Code sieht derzeit so aus:
2
3
4
.posteditmsg {
background-color:#ffffff;
color: #ff0000;
}
Jedoch möchte ich, dass "Moderations-Kommentar" in schwarz erscheint. Ist dies möglich? *confused* - Ich begebe mich mal auf die Suche.
Gruß.
Zitat von Kryo im Beitrag #16
Jedoch möchte ich, dass "Moderations-Kommentar" in schwarz erscheint. Ist dies möglich? *confused* - Ich begebe mich mal auf die Suche.
Es ist fast alles möglich:
2
3
4
5
6
7
8
.posteditmsg {
background-color:#ffcc33;
border:2px solid #0000ff;
color:#000000;
}
.posteditmsg span{
color:#ff0000;
}
Gruß
Olaf
Super! Danke!
Ich habe den Code leicht "modifiziert".
2
3
4
5
6
7
8
9
.posteditmsg {
background-color:#ffffff;
border:2px solid #ffffff;
color:#000000;
}
.posteditmsg span{
color:#ff0000;
font-weight: bold
}
Screen:
Gruß.
Und für die ganz Harten können wir auch noch das erste Icon blinken lassen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.posteditmsg img:first-child{
-webkit-animation-name: blinken;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinken;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
animation-name: blinken;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@-webkit-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
Und wer das dann immer noch nicht gesehen hat,für den lassen wir alles blinken:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.posteditmsg {
-webkit-animation-name: blinken;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinken;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
animation-name: blinken;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@-webkit-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
Gruß
Olaf
Mal was ganz sanftes, da ich normalerweise das Icon nicht haben möchte. Aber wenn eventuell darin Bedarf besteht:
2
3
.posteditmsg :first-child {
display:none;
}
Das erste Icon wird nur ausgeblendet. Das Bearbeiten-Icon ist jedoch sichtbar. 
Das Problem ist jedoch, dass es einen Abstand gibt.
Die alternative Lösung ist, dass man einen weißen Hintergrund im Kommentar-Icon hochlädt. Ansonsten scheint es - CSSmäßig - keinen Weg zu geben. 
Die Langeweile übermannt mich, sry für den Doppelpost.
Zitat von Kryo im Beitrag #21
Die alternative Lösung ist, dass man einen weißen Hintergrund im Kommentar-Icon hochlädt. Ansonsten scheint es - CSSmäßig - keinen Weg zu geben.
Es gibt doch noch einen Weg :
2
3
4
.posteditmsg img:first-child {
visibility: hidden;
}
Das ist mein letzter Tip.Das ist hier ein Verbesserungsvorschlag und kein CSS Tutorial.
Gruß
Olaf
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | |
|---|---|---|---|---|
 |
Moderationskommentar "bearbeiten" ohne Funktion ?Moderationskommentar "bearbeiten" ohne Funktion ?
erstellt von:
(
Gast
)
29.01.2015 19:58
|
4
(
gelöscht
)
30.01.2015 |
625 |
|
|
Fehlerhafte Anzeige:: Zeichenkette in SignaturFehlerhafte Anzeige:: Zeichenkette in Signatur
erstellt von:
King Kurt
(
Gast
)
25.11.2014 22:18
|
2
(
gelöscht
)
25.11.2014 |
353 |
|
Jetzt anmelden!
Jetzt registrieren!