Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie tła prefixu.
Pełna wersja: Dodanie tła prefixu.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

Zenk

06.02.2012, 13:15
Znalazłem błąd... Ostatnia linijka:
Cytat:.author_info {
color: darkgreen;
width: 97%;
padding: 3px;
border:1px solid black;
)

Zamień ")" na "}".

Xedoxo

06.02.2012, 13:22
Ok wszystko działa, dzięki!

Zenk

06.02.2012, 13:26
Teraz wystarczy dodawać nowe kolory do global.css np:
Kod:
.prefix.czerwony {background: red;}

I html wygląda tak:
Kod:
<span class="prefix czerwony">Tekst_Czerwony</span>

majkel99

18.02.2012, 17:15
Zrobiłem co podałeś ale gdy dodaje wątek z prefixem to pojawia mi się tekst prefixu np "Tekst_Czerwony". Napis jest czarny i zwykły. Nie ma takich prefixów w ramkach jak na mybboard.pl

Zenk

19.02.2012, 01:04
(18.02.2012, 17:15)majkel99 napisał(a): [ -> ]Zrobiłem co podałeś ale gdy dodaje wątek z prefixem to pojawia mi się tekst prefixu np "Tekst_Czerwony". Napis jest czarny i zwykły. Nie ma takich prefixów w ramkach jak na mybboard.pl

Na pewno coś źle zrobiłeś. Podaj adres forum. Pewnie popatrzyłeś tylko na drugą stronę wątku, najpierw musisz dodać kod z 1 strony.
https://webboard.pl/thread-22522.html?pi...#pid108075

majkel99

19.02.2012, 11:40
Robiłem ze strony pierwszej i nie działa :(

Adres: http://cyberforum24.pl/index.php

Global css:

Kod:
body {
    background: #ddebf5;
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    
    font-family: "Helvetica", Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

a:link {
    color: #0070b4;
    text-decoration: none;
}

a:visited {
    color: #026CB1;
    text-decoration: none;
}

a:hover, a:active {
    color: #323232;
}

#container {
    background: #fff;
    width: 92%;
    color: #000000;
    border: 1px solid #c3ddf0;
    margin: auto auto;
    padding: 20px;
    text-align: left;
    box-shadow: 6px 0 4px  -4px #ccc , -6px 0 4px  -4px #ccc;
    -webkit-box-shadow: 6px 0 4px  -4px #ccc , -6px 0 4px  -4px #ccc;
    -moz-box-shadow: 6px 0 4px  -4px #ccc , -6px 0 4px  -4px #ccc;
    max-width: 2000px;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu {
    margin-top: 9px;
    text-shadow: 0px 1px 2px #03304f;
}

.menu ul {
    color: #c8e9ff;
    text-align: left;
    padding: 4px;
}

.menu ul a:link {
    background: #1C2022;
    color: #c8e9ff;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    text-decoration: none;
    font-family: "Helvetica", Verdana, Arial,;
}

.menu ul a:visited {
    background: #1C2022;
    color: #c8e9ff;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    background: #0665A0;
    color: #c4edff;
    border-top: 2px solid #0e6c97;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    transition: all .4s linear;
    -o-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    
    text-decoration: none;
}

#panel {
    color: #EEEEEE;
    padding: 8px;
    text-align: right;
    height: 21px;
    
    font-size: 11px;
}

#panel a:link {
}

#panel a:visited {
}

#panel a:hover, #panel a:active {
    color: #eeeeee;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    width: 100%;
    margin: auto auto;
    border: 1px solid #073d69;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.thead {
    background: #0079bf url(images/ins/thead_bg.png) bottom left repeat-x;
    color: #ffffff;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #e9e9e9;
    color: #000000;
    font-size: 12px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #000000;
}

.trow1 {
    background: #f3f3f3 url(images/ins/trow1.png) repeat-x;
    border-top:1px solid #dddddd;
}

.trow2 {
    background: #fafafa url(images/ins/trow2.png) top left repeat-x;
    border-top:1px solid #dddddd;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #f3faff;
    color: #323232;
    border-top: 1px solid #ccebfd;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #e9e9e9;
    color: #c4c4c4;
    padding: 5px;
    border-top: 1px solid #dadada;
}

.tfoot a:link {
    color: #595959;
    padding: 2px;
    
    text-decoration: none;
}

.tfoot a:visited {
    color: #595959;
    padding: 2px;
    
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    background: #018fd5;
    color: #ffffff;
    padding: 1px;
    border: 1px solid #02547c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.bottommenu {
    background: url(images/ins/bottom_menu_bg.png) top left repeat-x;
    color: #000000;
    border: 1px solid #bababa;
    padding: 10px;
    margin: 0;
    margin-top: -1px;
}

.bottommenu_main {
    width: 96%;
    margin:auto auto;
}

.bottommenu  a:link {
    background: #e4e4e4;
    color: #3c3c3c;
    padding: 2px;
    border: 1px solid #cecece;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    
    text-decoration: none;
}

.bottommenu  a:visited {
    background: #e4e4e4;
    color: #3c3c3c;
    padding: 2px;
    border: 1px solid #cecece;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    text-decoration: none;
}

.bottommenu  a:hover, .bottommenu  a:active {
    background: #018fd5;
    color: #ffffff;
    padding: 2px;
    border: 1px solid #02547c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.navigation {
    background: #dedede url(images/ins/nav_bg.png) top left repeat-x;
    color: #5a5a5a;
    padding: 8px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: -20px;
    text-shadow: 0px 0px 1px #fbfbfb;
    font-family: "Helvetica", Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #2b2b2b;
    text-shadow: 0px 0px 1px #fbfbfb;
    
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff url(images/ins/input_bg.png) top left repeat-x;
    color: #393939;
    border: 1px solid #bababa;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff url(images/ins/input_bg.png) top left repeat-x;
    color: #393939;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    background: #eee url(images/ins/quote.png) top left no-repeat;
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px;
    padding-left: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #ecf8ff;
    border: 1px solid #c4e9ff;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.pagination .pagination_current {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #000;
    border: 1px solid #075C93;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    font-weight: bold;
}

.pagination a:hover {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #075C93;
    cursor: pointer;
    
    
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

/* header */
#header_main {
    background: url(images/ins/header_bg.png) top left repeat-x;
    height: 130px;
    margin: auto auto;
}

#header_sub {
    width: 96%;
    margin: auto auto;
    text-align: left;
}

/* panel buttons */
.buttons_cp {
    background: #0177c1;
    color: #ededed;
    padding: 2px 5px;
    border: 2px solid #001b2c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 2px #04487c;
    
    font-size: 11px;
}

.buttons_cp:link {
    color: #ededed;
    text-decoration: none;
}

.buttons_cp:visited {
    color: #ededed;
    text-decoration: none;
}

.buttons_cp:hover {
    background: #0096f4;
    color: #ededed;
    border: 2px solid #008ae1;
    transition: all .4s linear;
    -o-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    
    text-decoration: none;
}

.buttons_cp:active {
    background: #009dff  repeat-x top left!important;
    color: #ededed;
    text-decoration: none;
}

.buttons_lo {
    background: #0177c1;
    color: #ededed;
    padding: 1px 5px;
    border: 2px solid #001b2c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 2px #04487c;
    font-size: 11px;
}

.buttons_lo:link {
    color: #ededed;
    text-decoration: none;
}

.buttons_lo:visited {
    color: #ededed;
    text-decoration: none;
}

.buttons_lo:hover {
    background: #0096f4;
    color: #ededed;
    border: 2px solid #008ae1;
    transition: all .4s linear;
    -o-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    
    text-decoration: none;
}

.buttons_lo:active {
    background: #009dff  repeat-x top left!important;
    color: #ededed;
    text-decoration: none;
}

.buttons_ca {
    background: #56c60b;
    color: #ededed;
    padding: 2px 5px;
    border: 2px solid #001b2c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 2px #349704;
    
    font-size: 11px;
}

.buttons_ca:link {
    color: #ededed;
    text-decoration: none;
}

.buttons_ca:visited {
    color: #ededed;
    text-decoration: none;
}

.buttons_ca:hover {
    background: #5ac000;
    color: #ededed;
    border: 2px solid #58ba00;
    transition: all .4s linear;
    -o-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    
    text-decoration: none;
}

.buttons_ca:active {
    background: #62d000  repeat-x top left!important;
    color: #ededed;
    text-decoration: none;
}

/*logo*/
.logo {
    margin-top: -9px;
}

/*popup*/
#backgroundPopup {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact {
    background: #FFFFFF;
    width: 300px;
    display: none;
    position: fixed;
    _position: absolute;
    height: 300px;
    border: 10px solid #3d3d3d;
    z-index: 2;
    padding: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
}

#popupContact h1 {
    background: #eee;
    color: #383838;
    text-align: left;
    border-bottom: 2px dotted #D3D3D3;
    padding: 5px;
    margin-bottom: 20px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Helvetica", Verdana, Arial, Sans-Serif;
    font-size: 20px;
    font-weight: 700;
}

#popupContactClose {
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor: pointer;
}

#button {
    text-align: right;
    height: 12px;
}

#login {
    text-align: left;
}

#login .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

#login input[type="text"], #panel input[type="password"] {
    background: #ffffff url(images/ins/input_bg.png) top left repeat-x;
    width: 90%;
    color: #393939;
    height: 25px;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#login input[type="submit"] {
    background: #1b8ed0 url(images/ins/button_bg.png) top left repeat-x;
    color: #fff;
    position: relative;
    margin-top: 12px;
    margin-right: 10px;
    border: 1px solid #075c93;
    padding-bottom: 2px;
    padding-top: 1px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0
    #b3b3b3!important;
    -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3!important;
    box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3!important;
    
    font-family: Lucida Grande,Arial, Helvetica,sans-serif;
    font-weight: bold;
}

#login input[type="submit"]:hover {
    background: #1b8ed0 url(images/ins/button_bg.png) top left repeat-x;
    color: #fff;
    border: 1px solid #075c93;
    padding-bottom: 2px;
    padding-top: 1px;
    position: relative;
    margin-top: 12px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Lucida Grande,Arial, Helvetica,sans-serif;
    font-weight: bold;
}

/*table footer*/
.table_footer {
    background: #00649D url(images/ins/thead_bg.png) top left repeat-x;
    height: 3px;
    border: 1px solid #015382;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*button*/
.bottommenu input[type="submit"] {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: relative;
    padding: 1px;
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

.bottommenu input[type="submit"]:hover {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    padding: 1px;
    box-shadow: 0 1px 0 0 #72B9EB inset, 0 1px 2px 0 #B3B3B3 !important;
    
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#container input[type="submit"] {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: relative;
    padding: 1px;
    
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#container input[type="submit"]:hover {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    padding: 1px;
    box-shadow: 0 1px 0 0 #72B9EB inset, 0 1px 2px 0 #B3B3B3 !important;
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

/*author info style*/
.auth_block {
    background: #e6e6e6;
    width: 121px;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #353535;
    display: block;
    height: 16px;
    margin: 4px 0;
    padding: 1px 3px;
}

/*search*/
div#search {
    float: right;
    margin-top: -3px;
}

input#search_box {
    background: #ffffff url(images/ins/input_bg.png) top left repeat-x;
    width: 110px;
    color: #393939;
    border: 1px solid #bababa;
    padding: 3px;
    float: left;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
}

.prefix {
color: #fff;
-webkit--radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
font-size: 10px;
display: inline !important;
}
.prefix.niebieski {background: #0000CD;}
.prefix.czerwony {background: red;}

Zenk

19.02.2012, 13:44
[Obrazek: testks.th.png]

To dziwne, bo mi u Ciebie działa.

majkel99

19.02.2012, 13:52
Heh a mi nie. Skad sie w tej informacji wzial prefix tekstowy text

Zenk

19.02.2012, 20:04
Dodałem firebugiem. Na 100% powinno działać, w htmlu coś źle robisz.
Dodaj jako prefix:
Kod:
<span class="prefix niebieski">Niebieski</span>

musicfan

15.12.2012, 18:26
dodałem ale nie wyświetla się ...

Zenk

15.12.2012, 19:06
@up, dużo nam to mówi...
1. Adres forum,
2. Co dodałeś,
3. Gdzie dodałeś.

musicfan

15.12.2012, 21:13
1. http://www.handsupowo.pl
2. https://webboard.pl/thread-22522.html?pi...#pid108075
3. do global css

prefixy są w tym dziale
http://www.handsupowo.pl/Forum-Inne-Gatunki-Muzyki
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie tła prefixu.