Hallo !
Ich habe in dem Forum der Nutzerin Zzarc farbliche prefix'e gesehen. Nachdem ich sie Kontaktiert hatte hat sie mich unter anderem auf den entwickler Deixu aufmerksam gemacht, dessen homepage wohl down ist.
Nach ersten versuchen kam dies dabei raus:
[Blockierte Grafik: http://i.imgur.com/s5xCFF2.png]
Verwendete CSS deklaration:
.prefix-grün { display:inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: rgb(114,186,69);
background: -moz-linear-gradient(top, rgba(114,186,69,1) 0%, rgba(77,148,64,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(114,186,69,1)), color-stop(100%, rgba(77,148,64,1)));
background: -webkit-linear-gradient(top, rgba(114,186,69,1) 0%, rgba(77,148,64,1) 100%);
background: -o-linear-gradient(top, rgba(114,186,69,1) 0%, rgba(77,148,64,1) 100%);
background: -ms-linear-gradient(top, rgba(114,186,69,1) 0%, rgba(77,148,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c15e', endColorstr='#559e2d', GradientType=0 );
background: linear-gradient(top, rgba(114,186,69,1) 0%, rgba(77,148,64,1) 100%);
color: #FFFFFF;
border: 1px solid #4E9540;
box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
padding: 0px 3px 0px 3px; }
Alles anzeigen
Der kleine grüne strich am 2. thema ohne prefix stört mich etwas. Grundsätzlich würde ich aber gern icons anzeigen lassen welche die "interesanntheit" einer nachricht wiederspiegeln sollen.
Sofern dies nicht möglich ist, würde ich einfach auf farben zurück greifen. Dort wären also die drei Fragen aufgekommen.
Kann man Icons als Prefix verwenden und wenn ja, wie?
Wie erstelle ich mehrere Prefix variablen die ich per CSS ansprechen kann?
Wie behebe ich den anzeigefehler am thread ohne prefix?