Hi du,
bist du zufällig auch bei Deixu vorbeigekommen und hast einen Blick auf seine Beschreibung geworfen? Das wäre diese hier: https://www.deixu.net/forum/bo…rmatierte-themen-pr-fixe/ Das dürfte die Lösung auf deine Frage sein....?
Freundliche Grüße kommen von
Gabbid 
Es geht auch schneller und einfacher, ohne Plugin. Einfach in die zusätzlichen CSS Deklarationen eintragen.
Der Farbenwert muss natürlich dann noch individuell angepasst werden.
.prefix strong {
color: #d14a00;
}
Für fette Schrift dann einfach noch
font-weight: bold;hinzufügen
Es gibt auch noch diese Möglichkeit 
Wow, das schaut ja noch besser aus, stylisch 
.
Verrat uns doch wie das geht, bitte bitte 
PlugIn von deixu verwenden, dann kannst du jedes Präfix via css ansprechen.
LG
ja, das ist zwar vom Plugin aber das css wurde geändert das es so aus sieht
obwohl man kann es auch ohne Plugin erstellen!
ein Beispiel "rote prefix box"
.prefix-rot {
display:inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: rgb(195,0,39);
background: -moz-linear-gradient(top, rgba(195,0,39,1) 0%, rgba(160,50,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,0,39,1)), color-stop(100%,rgba(160,50,0,1)));
background: -webkit-linear-gradient(top, rgba(195,0,39,1) 0%,rgba(160,50,0,1) 100%);
background: -o-linear-gradient(top, rgba(195,0,39,1) 0%,rgba(160,50,0,1) 100%);
background: -ms-linear-gradient(top, rgba(195,0,39,1) 0%,rgba(160,50,0,1) 100%);
background: linear-gradient(top, rgba(195,0,39,1) 0%,rgba(160,50,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E12D00', endColorstr='#C32700',GradientType=0 );
color: #ffffff;
border:1px solid #870000;
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;
}ein Beispiel "orange prefix box"
.prefix-orange {
display:inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: rgb(242,130,91);
background: -moz-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,130,91,1)), color-stop(100%, rgba(229,91,43,1)));
background: -webkit-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 100%);
background: -o-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 100%);
background: -ms-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 100%);
background: linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#e55b2b', GradientType=0 );
color: #FFFFFF;
border: 1px solid #E14F00;
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;
}ein Beispiel "grüne prefix box"
.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;
}ein Beispiel "blaue prefix box"
.prefix-blau {
display:inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: rgb(77,146,221);
background: -moz-linear-gradient(top, rgba(77,146,221,1) 0%, rgba(34,90,137,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,146,221,1)), color-stop(100%,rgba(34,90,137,1)));
background: -webkit-linear-gradient(top, rgba(77,146,221,1) 0%,rgba(34,90,137,1) 100%);
background: -o-linear-gradient(top, rgba(77,146,221,1) 0%,rgba(34,90,137,1) 100%);
background: -ms-linear-gradient(top, rgba(77,146,221,1) 0%,rgba(34,90,137,1) 100%);
background: linear-gradient(top, rgba(77,146,221,1) 0%,rgba(34,90,137,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d92dd', endColorstr='#225a89',GradientType=0 );
color: #ffffff;
border:1px solid #265F91;
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;
}dann kannst du jedes Präfix via css ansprechen.
Edit: Damit es einheitlich aussieht, empfehle ich dir, solltest du einen cls-Stil verwenden, zb. ShapeShifter, den Code der verschiedenen Info Boxen zu nutzen. Einfach mal in den zusätzlichen Deklarationen nach .info .warning .error etc. suchen.
LG
Wenn ich mich recht entsinne, sind die Präfixe ohne das PlugIn nicht separat ansprechbar.
LG
