Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie informacji dla niezalogowanego
Pełna wersja: Dodanie informacji dla niezalogowanego
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

bratmati

25.05.2014, 18:06
wersja skryptu MyBB: Aktualna
adres forum: swimhax.tk
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym aby dla gości [ użytkowników niezalogowanych ] pojawiał się w tym miejscu komunikt może być belka cos podobna na screenie + napis.
Nie jesteś zalogowany na forum, zaloguj się badź zarejestruj.

podaje .css
Kod:
body {
     background:#222 url(images/infinity/background.png) repeat;
     margin: 0px auto;
    color: #808080;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
        overflow-y: scroll;
}

a:link, a:visited {
    color: #687880;
    text-decoration: none;
}

a:hover, a:active {
    color: #56636a;
    text-decoration: none;
}

#header {
        background:     ;
        height: 200px;
        margin: auto;
        position: relative;
}

#header_wrap {
        width: 960px;
        height: 40px;
        padding: 40px 0px 0px 0px;
        margin: auto;
}

.logo {
>
        float: left;
margin-top: -40px;
}

.search_box {
        position: relative;
    float: right;
}

.search_box input.textbox {
        background: #5f6d74;
        float: right;
        width: 120px;
        height: 30px;
        padding: 0px 30px 0px 5px;

/* Controls inner border */
        border: 1px solid #525e64;

        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;

/* Controls outer border */
        box-shadow: 0px 1px 0px #7f929c;
       -moz-box-shadow: 0px 1px 0px #7f929c;
        -webkit-box-shadow: 0px 1px 0px #7f929c;
        -khtml-box-shadow: 0px 1px 0px #7f929c;
        color: #a0a0a0;

        font-style: italic;
}

.search_box input.textbox:focus {
        background: #707070;
        outline: none;
        border: 1px solid #6a6a6a;
        color: #fff;
}

.search_box input.complete {
        position: absolute;
        right: 3px;
        float: right;
        height: 20px;
    margin-left: 5px;
        padding: 5px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
}

a.adv_search {
        background: #546167;
        display: block;
        position: absolute;
        right: 250px;
        float: right;  
        height: 14px;
        padding: 8px;  
        border: 1px solid #546167;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #fff;
        font-size: 10px;

}

#bridge {
        background: #f6f6f6;
        position: absolute;
        z-index: 2;
        bottom: 0;
        width: 960px;
        height: 50px;
        margin: auto;
        padding: 0px 0px;
        border-bottom: 1px solid #ededed;
        border-radius: 2px 2px 0px 0px;
        -moz-border-radius: 2px 2px 0px 0px;
        -webkit-border-radius: 2px 2px 0px 0px;
        -khtml-border-radius: 2px 2px 0px 0px;
}

#container {
    background: #fff;
        position: relative;
    width: 920px;
    color: #808080;
    margin: 0px auto;
    padding: 20px;
       border-radius: 0px 0px 2px 2px;
       -moz-border-radius: 0px 0px 2px 2px;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
       -khtml-border-radius: 0px 0px 2px 2px;
    text-align: left; /* IE 5 fix */
        box-shadow: 0px 0px 5px #b0b0b0;
       -moz-box-shadow: 0px 0px 5px #b0b0b0;
        -webkit-box-shadow: 0px 0px 5px #b0b0b0;
        -khtml-box-shadow: 0px 0px 5px #b0b0b0;
}

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

.menu ul {
        padding: 0;
        font-size: 12px;
    text-align: left;
}

.menu ul a:first-child {
        border-radius: 2px 0px 0px 0px
}

.menu ul a:link, .menu a:visited {
        float: left;
        position: relative;
        padding: 18px 20px 16px 20px;
        border-right: 1px solid #ededed;
    color: #808080;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
        background: #fafafa;
    text-decoration: none;
}

#portal .portal, #forums .forums, #search .search, #memberlist .memberlist, #calendar .calendar, #help .help {
        background: #fff;
        padding: 18px 20px 17px 20px;
        color: #687880;
        font-weight: bold;
}

a.panel_toggle {
        background: #0066CC;
        float: right;
        margin: 12px 20px 0px 0px;
        padding: 6px 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #fff;
        font-weight: bold;
}

a.panel_toggle:hover {
        box-shadow:inset 0px 2px 3px #819197;
       -moz-box-shadow:inset 0px 2px 3px #819197;
        -webkit-box-shadow:inset 0px 2px 3px #819197;
        -khtml-box-shadow:inset 0px 2px 3px #819197;
}

#panel {
    background: #fff;
        display: none;
        float: right;
        position: absolute;
        z-index: 4;
        top: -11px;
        right: 20px;
        width: 200px;
    padding: 10px;
        border-radius: 2px 0px 2px 2px;
        -moz-border-radius: 2px 0px 2px 2px;
        -webkit-border-radius: 2px 0px 2px 2px;
        -khtml-border-radius: 2px 0px 2px 2px;
    color: #808080;
    font-size: 12px;
}

#panel input.textbox {
        background: #aec5cd;
        width: 190px;
        border: 1px solid #a5bac2;
        padding: 5px;
        box-shadow: 0px 1px 0px #d3eef8;
        -moz-shadow: 0px 1px 0px #c9e3ed;
        -webkit-shadow: 0px 1px 0px #c9e3ed;
        -khtml-shadow: 0px 1px 0px #c9e3ed;
       color: #fff;
}

#panel input.textbox:focus {
       outline: none;
}

#panel input.button {
    background: #d4eff7; /* Old browsers */
    background: -moz-linear-gradient(top,  #d4eff7 0%, #bcd8dd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4eff7), color-stop(100%,#bcd8dd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d4eff7 0%,#bcd8dd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d4eff7 0%,#bcd8dd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d4eff7 0%,#bcd8dd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d4eff7 0%,#bcd8dd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4eff7', endColorstr='#bcd8dd',GradientType=0 ); /* IE6-9 */
       margin: 5px 0px;
       padding: 5px 10px;
       border: 1px solid #aec5cd;
       border-radius: 2px;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
       -khtml-border-radius: 2px;
        box-shadow: 0px 1px 0px #d3eef8;
        -moz-shadow: 0px 1px 0px #c9e3ed;
        -webkit-shadow: 0px 1px 0px #c9e3ed;
        -khtml-shadow: 0px 1px 0px #c9e3ed;
       color: #707f84;
       font-weight: bold;
}


#panel input.button:hover {
    background: #bad4db; /* Old browsers */
    background: -moz-linear-gradient(top,  #bad4db 0%, #d4eff7 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad4db), color-stop(99%,#d4eff7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bad4db 0%,#d4eff7 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bad4db 0%,#d4eff7 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bad4db 0%,#d4eff7 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #bad4db 0%,#d4eff7 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad4db', endColorstr='#d4eff7',GradientType=0 ); /* IE6-9 */
}

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

#panel .pm_bubble {
        background: url(images/tranquil/pm_bubble.png) no-repeat;
        width: 16px;
        height: 16px;
        float: right;
        position: absolute;
        right: 10px;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
}

#panel .icon {
        vertical-align: middle;
        margin-top: -1px;
        margin-right: 5px;
}

.panel_menu ul {
        margin: 10px 0px 0px 0px;
        padding: 0;
}

.panel_menu li {
        list-style: none;
}

.panel_menu li a:link, .panel_menu li a:visited {
        display: block;
        padding: 5px 0px;
        border-bottom: 1px solid #aec5cd;
        color: #76868b;
}

.panel_menu li a:hover {
        
}


table {
    color: #808080;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
        letter-spacing: 0.08em;
}

.tborder {
    width: 100%;
    margin: auto auto;
}

.thead {
        background: #0066CC;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #fff;
}

.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: #f0f0f0;
    color: #a0a0a0;
    font-size: 12px;
}

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

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

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

.trow1 {
    background: #fff;
        border-bottom: 1px solid #f0f0f0;
}

.trow2 {
    background: #fff;
        border-bottom: 1px solid #f0f0f0;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
        background: #f0f0f0;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #BBBBBB;
}

.tfoot a:link {
    color: #000000;
    text-decoration: none;
}

.tfoot a:visited {
    color: #000000;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #000000;
    text-decoration: underline;
}

#footer {
        background: #BBBBBB;
        width: 960px;
        height: 20px;
        margin-top: 20px;
        text-align: center;
}

.footer_wrap a:link, .footer_wrap a:visited {
       color: #BBBBBB;
}

.bottommenu {
        width: 960px;
        margin: 20px auto 0px auto;
    padding: 20px 0px 20px 0px;
        border-radius: 0px 0px 2px 2px;
        -moz-border-radius: 0px 0px 2px 2px;
        -webkit-border-radius: 0px 0px 2px 2px;
        -khtml-border-radius: 0px 0px 2px 2px;
    color: #808080;
        text-align: center;
}

.navigation {
        padding: 10px;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
    color: #808080;
    font-size: 12px;
    font-weight: bold;
}

.navigation a:link, .navigation a:visited {
    color: #93a6ad;
    text-decoration: none;
}

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

.navigation .active {
    color: #808080;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #a0a0a0;
    padding: 5px;
}

input.button {
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
        padding: 5px 10px;
        border: 1px solid #dadada;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #808080;
        font-weight: bold;
        text-shadow: 0px 1px 0px #fff;
}

input.button:hover {
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #fafafa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#fafafa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#fafafa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#fafafa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
        color: #606060;
        cursor: pointer;
}

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

select {
    background: #ffffff;
        padding: 5px;
    border: 1px solid #a0a0a0;
}

.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: #fff;
        margin-top: 12px;
    border: 1px solid #808080;
}

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

.popup_menu .popup_item:hover {
    background: #d8e6eb;
    color: #606060;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

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

.valid_field {
        padding: 5px;
    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: block;
        float: left;
        padding: 0;
}

.menu img {
    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;
}

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

blockquote {
    border: 1px solid #ccc;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
    margin: 0;
    background: #fff;
    padding: 5px;
}

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

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

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

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
    padding: 5px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 5px 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;
    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 #f0f0f0;
}

.pagination .pagination_current {
    background: #808080;
    border: none;
    font-weight: bold;
    color: #fff;
}

.pagination a:hover {
    background: #a0a0a0;
    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;
        color: #404040;
}

a.css_button {
        background: #dadada;
        padding: 5px 5px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        font-weight: bold;
        color: #808080;
        display: inline-block;
        margin: 1px;

}

a.css_button_large {
        background: #dadada;
        margin: 10px 0px;
        padding: 10px 25px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        font-weight: bold;
        color: #808080;
}

a.css_button a:link, a.css_button a:visited, a.css_button_large a:link, a.css_button_large a:visited {
        color: #808080;
}

.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;
    white-space: nowrap;
}

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

.reset_padding {
        padding-left: 0px;
}

.forum_stats_wrap {
        display: none;
        margin-left: 10px;
}
        
.forum_stats {
        background: #e0e0e0;
        float: left;
        margin: -3px 0px 0px 0px;
        padding: 3px 5px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #808080;
        font-size: 11px;
}

.forum_stats_arrow {
        position: relative;
        float: left;
        margin: 3px 0px 0px 10px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;     
    border-right: 10px solid #e0e0e0;
}

.tablehead { padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }

.modnotice {
background: #ADCBE7;
padding: 8px;
margin: auto auto;
border: 1px solid #0F5C8E;
color: #000000;
font-size: 12px;
}

.newsbar {
    background: #FFFFFF;
    border-top: 2px solid #0C5B80;
    border-bottom: 2px solid #1372BD;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}

#registerdiv {
    position: fixed;
    top:10px;
    right: 10px;
    width: 600px;
    height: 50px;
    background: rgba(3, 6, 14, 0.7);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 2px #fff;
    z-index: 1200;
    text-align: center;
    margin: 0 auto;
}

.Photo {
    padding: 1px;
    border: 1px solid #d5d5d5;
    background: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
    
  
.favimg {
            border-radius: 60px;
        }

.buttons {
        cursor: pointer;
        color: #FAFAFA;
        width: 44px;
        height: 29px;
        padding-top: 15px;
        text-align: center;
        background: #6EABCC;
        border-left: 1px solid #87bad5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.buttons:hover {
        cursor: pointer;
        color: #FAFAFA;
        background: #4583a5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.clickedbuttons {
        cursor: pointer;
        width: 44px;
        height: 29px;
        padding-top: 15px;
        text-align: center;
        background: #6EABCC;
        border-left: 1px solid #87bad5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.clickedbuttons:hover {
        cursor: pointer;
        color: #FAFAFA;
        background: #4583a5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

index
Kod:
<html>
<head>

<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body id="forums">
{$header}


</p></align>
<align="center"><p class="newsbar">
<span style="color:black ">RUSZYŁA LIGA ! ZAPOZNAJ SIĘ!

</span>
</p></align>

</p></align>
<align="center"><p class="newsba">
<span style="color:black ">

</span>
</p></align>


</p></align>
<align="center"><p class="newsba">
<span style="color:black ">

</span>
</p></align>
{$dvz_shoutbox}















{$forums}





{$boardstats}



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="width: 100%;">
<tr>
<td class="thead" colspan="6">
<div><strong>Oznaczenie ikonek działów</strong></div>
</td>
</tr>
</thead>
    <tr>
        <td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}"/></td>
        <td class="trow1" align="left" valign="middle"> <span class="smalltext">{$lang->new_posts}</span></td>
        <td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}"/></td>
        <td class="trow1" align="left" valign="middle"><span class="smalltext">{$lang->no_new_posts}</span><br /></td>
        <td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" /></td>
        <td class="trow1" align="left" valign="middle"><span class="smalltext">{$lang->forum_locked}</span><br /></td>
    </tr>
</table>
<br style="clear: both" />

{$footer}



</body>
</html>

oraz
header_welcomeblock_guest
Kod:
<div style="float: right">
    <div id="registerdiv">
        <span class="smalltext">Witaj gościu! Nie jesteś zalogowany na forum, więc możesz nie mieć dostępu do niektórych z jego funkcji! Aby rozwiązać ten problem
            <a href="http://swimhax.ct8.pl/login.php?action=login" style="color: #fff; text-decoration: underline;">zaloguj się</a> lub
            <a href="http://swimhax.ct8.pl/member.php?action=register" style="color: #fff; text-decoration: underline;">zarejestruj nowe konto</a>.<br></span>
    </div>
</div>

<div id="menupanel">
<form action="member.php" method="post">

<input type="text" class="textbox" name="username" value="Username" onfocus="if(this.value == 'Username') { this.value = ''; }" onblur="if(this.value=='') { this.value='Username'; }" />

<input type="password" class="textbox" name="password" value="password" onfocus="if(this.value == 'password') { this.value = ''; }" onblur="if(this.value=='') { this.value='password'; }" />

<div style="float: right; margin-top: 8px;">
<label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" style="vertical-align: middle; margin-top: -1px;" /> {$lang->remember_me}</label>
</div>

<input type="submit" class="button" name="submit" value="{$lang->login}" />
<input type="hidden" name="action" value="do_login" />

</form>


<div style="margin-top: 10px;">
<img class="icon" src="{$theme['imgdir']}/key.png" alt="" /><a href="{$mybb->settings['bburl']}/member.php?action=lostpw">{$lang->lost_password}</a>
&nbsp; - &nbsp;
<img class="icon" src="{$theme['imgdir']}/register.png" alt="" /><a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>
</div>
</div>

Ecosse

25.05.2014, 18:09
https://webboard.pl/wiki.php?okienko-dla...uginu.html

Myślę, że ja na swojej stronie mam dość ciekawe, link w sygnaturze.

CSS którego używam ja:

Kod PHP:
#registerdiv {
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    right: 10px;
    z-index: 30000;
    opacity: 0.8;
    width: 260px;
    height: auto;
    background: #cf3737;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid #771b1b;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
    border-radius: 3px;
    font-weight: normal;
}
#registerdiv:hover {
    opacity: 1;
} 

bratmati

25.05.2014, 22:47
nie o to chodzilo :) Mam to

SLAVOO

26.05.2014, 07:54
A gdzie napisałeś dokładnie o co Ci chodziło bo nie widzę?

skaju

26.05.2014, 13:57
Prawy Dolny Róg:
Dodaj do global.css:
Kod:
#stickymsg {
    background: #191919;
    border: 1px solid #202020;
    bottom: 10px;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.6);
    color: #BCBCBC;
    font-family: Tahoma;
    font-size: 11px;
    height: auto;
    line-height: 16px;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 260px;
    z-index: 30000;
}

#stickymsg a {
    color: #9f0401;
    font-weight: bold;
    text-decoration: none;
}

#stickymsg:hover {
    opacity: 1;
}

Do header_welcomeblock_guest:
Kod:
<div id="stickymsg">
<center>
<span style="color:#129EFF; text-shadow: 1px 1px 10px #6699ff; font-weight: bold;">Witaj na  GamesPad.PL - Czerp radość z gry</span><br>Jesteś <b>Gościem</b>, a to znaczy że nie korzystasz <br> ze wszystkich możliwych opcji.<br>
</div>

SS:
[Obrazek: div.png]
Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie informacji dla niezalogowanego