Präfixe farblich darstellen

ruhrpottbobo · 8. September 2012

Wo gibts das Plugin ?

Bluebird292 · 9. September 2012

Zitat von ruhrpottbobo

Wo gibts das Plugin ?

Hier --->http://www.woltlab.net/paquets…C3%A9fixes-de-discussion/
Den Download findest Du unten im ersten Beitrag.

ruhrpottbobo · 9. September 2012

Danke

Seele · 9. September 2012

Was da vielleicht noch zu sagen wäre ist, dass dieser Download ne Beta Version ist.
In diversen Foren, welche Plugins anbieten, wird immer wieder gewarnt, Betaversion = nicht 100% sicher, sollte man nicht im Hauptforum einbauen. Für Testboards würde es gehen. Wer es dennoch in Hauptforum einbaue mache das auf eigenes Risiko.

Andreas-Leon · 9. September 2012

CSS

.prefix-youtube { 


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);
}

Alles anzeigen

Hallo,

das sieht super aus. Wie kann ich die Felder etwas breiter machen? Der Prefix sieht immer so reingequetscht aus.

martinb7483 · 9. September 2012

CSS

padding: 0px 3px 0px 3px;

Andreas-Leon · 9. September 2012

Perfekt, danke.

martinb7483 · 9. September 2012

Bitte

JackD · 9. September 2012

Hab mir das o.g. Plugin nun auch installiert. All meine Präfixe werden nun auch farblich angezeigt - allerdings nur in einer Farbe.

Wenn ich das richtig verstanden habe, muss ich für jedes Prefix eine neue Sprachvariable anlegen und dann für jedes Prefix auch noch den CSS Code richtig ?

Doch wie lege ich genau eine neue Sprachvariable in diesem wbb an (hab mir im Laufe des Tages schon 2 mal das Board zerstört, weil ich keinerlei Ahnung habe)

Würde mir helfen, wenn einer mal ein Screen von der Variable mit anheften könnte, so das auch ich das verstehe

Gamer4ever-Webmaster · 9. September 2012

Bei mir zeigt es dennoch wie vorher an, also, Ohne Farbe. Man, wieso geht sowas nicht gleich Automatik

Edit:

Ich brauche mal hilfe, ist das mit richtig

CSS

/* Header */
#header, #logo {
border-width: 0px;
}
#header {
width: 100%;
}


/* LogoLink */
.logoLink {
position: absolute;
width: 400px;
height: 70px;
left: 50%;
margin-left: -440px;
top: 35px;
z-index: 100;
}


/* HomeLink */
.homeLink {
background: url("$global.images.location$bg_homeLink.png") top center no-repeat;
position: absolute;
width: 88px;
height: 31px;
right: 50%;
margin-right: -319px;
z-index: 100;
}
.homeLinkInner {
padding-left: 23px;
padding-top: 5px;
}
.homeLinkInner a {
color: #141414;
}
.homeLinkInner a:hover {
text-decoration: underline !important;
}


/* User Menü */
#userPanel {
background: url("$global.images.location$bg_userMenu.png") bottom center no-repeat;
position: absolute;
top: 277px;
width: 902px;
height: 32px;
left: 50%;
margin-left: -342px;
z-index: 100;
}
.userPanelInner {
padding-left: 40px;
margin-top: -2px;
}
#userMenu li {
background: url("$global.images.location$bg_userMenuLine.png") right center no-repeat;
margin-top: -8px;
padding-right: 10px;
padding-bottom: 8px;
padding-top: 7px;
}
#userNote {
background: url("$global.images.location$bg_userMenuLine.png") right center no-repeat;
padding-top: 8px;
}
.userPanel, .userPanel a {
color: #a8a8a8;
}
.userPanel a:hover {
text-decoration: underline !important;
}
#userMenu img {
display: none;
}


/* Hauptmenü */
#mainMenu, .mainMenu .mainMenuInner, .mainMenu .mainMenuInner a {
border-width: 0px;
}
.mainMenu .mainMenuInner {
margin-left: -9px;
}
.mainMenu .mainMenuInner li {
background: url("$global.images.location$bg_menuLine.png") right center no-repeat;
padding: 12px 5px 6px 5px;
text-align: center;
}
.mainMenu a {
border: 0px;
width: 100px;
}
.mainMenu a:hover {
text-decoration: underline !important;
}
#mainMenu img {
display: none;
}


/* Suche */
#search {
background: url("../images/gamer4ever_online/bg_search.png") bottom center no-repeat;
position: absolute;
width: 240px;
right: 50%;
margin-right: -559px;
z-index: 100;
top: -15px;
}
#search .searchContainer {
padding-top: 15px;
padding-bottom: 5px;
}
#searchInput {
background-image: url("$global.images.location$searchHeadS.png") !important;
background-color: transparent !important;
border-width: 0px;
color: #000;
width: 15em;
}


/* Content */
#mainMenu {
background: url("$global.images.location$bg_menu.png") bottom center no-repeat;
padding-top: 1px;
padding-left: 10px;
padding-right: 10px;
height: 72px;
z-index: 100;
}
#mainContainer {
background: url("$global.images.location$bg_mainContainer.png") top center no-repeat;
margin-top: -72px;
padding-top: 72px;
}
#main {
background: url("$global.images.location$bg_main.png") center repeat-y;
padding-left: 10px;
padding-right: 10px;
min-height: 300px;
}
#tplIndex .mainHeadline {
display: none;
}
.messageAuthor, .userAvatar, .userSymbols, .userCredits, .userMessenger {
border-width: 0px !important;
}
#footerContainer {
background: url("$global.images.location$bg_footer.png") top center no-repeat;
width: 100%;
margin-top: -155px;
padding-top: 155px;
height: 75px;
}
#footerMenu img, #changeStyle img, #date img {
display: none;
}
#footerMenu a, .stylePicker a, .breadCrumbs a, .pageOptions a {
color: #282828;
}
#footerMenu a:hover, .stylePicker a:hover, .breadCrumbs a:hover, .pageOptions a:hover {
text-decoration: underline !important;
}
.copyright, .copyright a {
color: #adafb6;
}


/* Buttons */
.largeButtons img, .smallButtons img, #userCardCredits .smallButtons img {
display: none;
}
.extraButton img {
display: block;
}
.largeButtons a {
padding: 5px;
}
.largeButtons li, .smallButtons li {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}


/* Kategorie Köpfe */
.containerHead .boardTitle {
text-align: center;
}
#boardlist .boardlistInner {
min-height: 24px;
}
.tabMenu li a:hover, .tabMenu li.activeTabMenu a, .tabMenu ul li.activeTabMenu a:hover {
background-position: bottom;
}
.tabMenu img {
display: none;
}


/* Footer */
#footer {
border-width: 0px;
}


/* Link Unterstreichung */
a, a * { 
text-decoration: none !important; 
}


/* Hinweis Boxen */
.success, .warning, .error, .info {
background-color: #c5c9ca;
border-color: #516975;
color: #555a60;
}
.success a, .warning a, .error a, .info a {
color: #555a60;
}
.success a:hover, .warning a:hover, .error a:hover, .info a:hover {
color: #333;
}
.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;
}
.prefix-youtube { 


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);
}

Alles anzeigen

Präfixe farblich darstellen

cls-design

Informationen

Demoinstallationen

Hilfe