Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Edytowanie panelu logowania

Założony przez  Suprise.

20.08.2012, 10:23 (Ten post był ostatnio modyfikowany: 20.08.2012, 10:28 przez Suprise.)
#1
wersja skryptu MyBB: 1.6.x
adres forum: www.eshock.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, edytwałem troche styl, i mam problem ponwiaż, dodały mi się jakieś ramki, wokół, paneli logowania (zielone strzałki) (lepiej widać na live demo) oraz chciałbym przesunąć te 2 funkcje, bardziej na lewo (czerwone strzałki). oraz, jak się kliknie w panel login, automatycznie usuwał się domyślny tekst.
Dodaje ss'a
[Obrazek: a41m6q.jpg]

Proszę o pomoc, pozdrawiam.

// Edit

Jednak po odświerzeniu strony, ramki znikły. :>
Teraz problem tyczy się tylko przesunięcia tekstu oraz domyślnego tekstu.
20.08.2012, 10:33 (Ten post był ostatnio modyfikowany: 20.08.2012, 10:33 przez Matslom.)
#2
Za to odpowiada szablon
Style i szablony -> szablony -> nazwa stylu -> nagłówek - szablony -> header_welcomeblock_guest
I oczywiście plik css stylu. Użyj firebug, albo narzędzi wbudowanych w przeglądarkę (nie pamiętam jak to się nazywa...), na pewno się odnajdziesz.
20.08.2012, 10:51
#3
No tak, tylko że ja tego nie ogarniam...
20.08.2012, 10:56
#4
Daj ten szablon i css.
20.08.2012, 11:22
#5
Szablon
<div id="quick_login">
    <form method="post" action="member.php">
        <input name="action" type="hidden" value="do_login"><input name="url" type="hidden" value="{$mybb->settings['bburl']}/index.php">
<input name="quick_login" type="hidden" value="1">
        <input name="quick_username" type="text" value="Login" class="username" onfocus="if(this.value == 'Username') { this.value=''; }" onblur="if(this.value == '') { this.value='username'; }">
        <input name="quick_password" type="password" value="Password" class="password" onfocus="if(this.value == 'Password') { this.value=''; }" onblur="if(this.value == '') { this.value='Password'; }">
        <input name="submit" type="submit" value="Login" class="button">
        <br>
        <span class="remember"><input name="quick_remember" type="checkbox" checked="checked" value="yes" class="checkbox" id="quick_login_remember">
        <label for="quick_login_remember">Zapamiętaj mnie</label>
        </span>
                          <a href="{$mybb->settings['bburl']}/member.php?action=register">Rejestracja</a>
        <a href="{$mybb->settings['bburl']}/member.php?action=lostpw">Zapomniane hasło?</a>
    </form>
</div>

<div class="secondbar">
        <p><a href="{$mybb->settings['bburl']}/member.php?action=register">Zarejestruj się</a> aby otrzymać pełen dostęp do funkcji forum.</p>
</div>

i global.css?
20.08.2012, 11:29
#6
neXe napisał(a):i global.css?
Tak
20.08.2012, 11:51
#7
body {
    background: url(images/glowing/bg.png) repeat-x scroll 0 0 #F0F0F0;
    color: #2C2C2C;
    font: 12px/1.5 Arial,sans-serif;
    margin: 0;
    padding: 0;
}

.trow1 {
}

.trow2 {
}

a {
    color: #86B412;
    text-decoration: none;
}

a:hover {
    color: #608404;
}

#container {
    margin: 0 auto;
    padding: 0 10px;
    width: 85%;
}

#header {
    background: url(images/glowing/header_bg.png) no-repeat scroll 0 0 transparent;
    padding-bottom: 52px;
    position: relative;
height: 215px;
}

.logo {
    float: left;
    margin: 0 0 2px;
    padding-left: 10px;
}

.logo a {
    background: url(images/glowing/logo.png) no-repeat scroll center center transparent;
    display: block;
    height: 167px;
    overflow: hidden;
    padding: 0 5px;
    text-indent: -1000px;
    width: 437px;
}

.menu {
    background: url(images/glowing/menu_bg.png) no-repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.menu li {
    background: url(images/glowing/glow1.png) no-repeat scroll center 200px transparent;
    display: block;
    float: left;
    margin-right: 25px;
    position: relative;
}

.menu li:hover {
    background-position: center center;
}

.menu a {
    background: url(images/glowing/menu_icons.png) no-repeat scroll 0 -86px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    padding-left: 40px;
    text-shadow: 0 1px 0 #3E5506;
}

.menu .calendar {
    background-position: 0 -40px;
}

.menu .help {
    background-position: 0 5px;
}

.menu .memberlist {
    background-position: 0 -129px;
}

.welcomemem {
    background: url(images/glowing/memb_right.png) no-repeat scroll right 0 transparent;
    color: #777777;
    font-style: italic;
    max-width: 250px;
    position: absolute;
    right: 0;
    top: 60px;
}

.welcomemem .inner {
    background: url(images/glowing/memb_left.png) no-repeat scroll left 0 transparent;
    height: 27px;
    line-height: 27px;
    margin-left: -20px;
    padding: 0 20px 0 43px;
}

#search {
    background: url(images/glowing/search_bg.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 30px;
    margin: 8px 5px 0 0;
    padding-left: 10px;
    width: 219px;
}

#search .textbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    margin: 0;
    outline: medium none;
    padding: 8px 0;
    width: 160px;
}

#search .button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 20px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 35px;
}

.secondbar {
    bottom: 0;
    color: #434343;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
}

.secondbar p {
    line-height: 40px;
    margin: 0;
}

#panel .register {
    background: url(images/glowing/register_bg.png) no-repeat scroll 0 0 transparent;
    color: #86B412;
    display: block;
    float: left;
    font-style: italic;
    height: 27px;
    line-height: 27px;
    margin: -90px 0;
    padding: 0 30px;
}

#panel .register:hover {
    color: #9FD41A;
}

#quick_login {
    float: right;
    margin-top: -130px;
}

#quick_login .username, #quick_login .password {
    background: url(images/glowing/login.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #979797;
    height: 17px;
    margin: 0 10px;
    min-width: 156px;
    outline: medium none;
    padding: 5px 5px 5px 35px;
}

#quick_login .password {
    background-position: -210px 0;
}

#quick_login .button {
    background: url(images/glowing/login.png) no-repeat scroll -417px 0 transparent;
    border: medium none;
    color: #F1FECC;
    cursor: pointer;
    height: 29px;
    outline: medium none;
    text-align: center;
    text-shadow: 0 -1px 0 #567700;
    text-transform: uppercase;
    width: 71px;
}

#quick_login .button:hover {
    color: #FFFFFF;
}

#quick_login .remember {
    color: #777777;
    margin: 0 120px 0 100px;
}

#quick_login a {
    border-bottom: 1px solid #666666;
    color: #888888;
    padding-bottom: 1px;
}

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

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

.stats      {list-style: none; margin: 0 0 5px 0; padding: 0; line-height: 18px; clear: both;}
.stats em   {font-size: 16px; font-style: normal; color: #909090; float: left; margin: 0 5px -4px 0;}
.stats span {padding-bottom: 4px;}

.tborder {
    background: url(images/glowing/wraptable_bg.png) repeat-x scroll 0 0 #F0F0F0;
    border: 1px solid #DEDEDE;
    border-radius: 8px 8px 8px 8px;
    margin: 10px 0;
    padding: 14px 12px;
}

.thead, .tfoot {
background: #5D8200 url(images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
}

.thead .description {
    color: #F2FBDB;
    padding: 0 10px;
}

.tcat {
    background: url(images/glowing/tcat_bg.png) repeat-x scroll 0 bottom #171717;
    color: #FFFFFF;
}

.thead a, .tcat a {
    color: #FFFFFF;
}

.trow_shaded {
    background: none repeat scroll 0 0 #FFDDE0;
}

.trow_selected td {
    background: none repeat scroll 0 0 #FFFBD9;
}

.trow_selected .tcat {
    background: none repeat scroll 0 0 #587B00;
}

.trow_sep {
    background: none repeat scroll 0 0 #E5E5E5;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background-position: center 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 5px 10px;
}

.tfoot a {
    color: #FFFFFF;
}

#footer {
    background: url(images/glowing/bg.png) repeat-x scroll 0 0 transparent;
    color: #949494;
}

#footer .wrap {
    background: url(images/glowing/header_bg.png) no-repeat scroll right 0 transparent;
    width: 85%;
    margin: 0 auto;
}

.bottommenu {
    padding: 20px 10px;
}

.navigation {
    color: #000000;
    font-size: 13px;
    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: #000000;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: url(images/glowing/input_bg.png) repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
    border-radius: 4px 4px 4px 4px;
    color: #818181;
    outline: medium none;
    padding: 4px 6px;
}

input.textbox:focus {
    color: #5A5A5A;
}

.thead input.textbox, .tfoot input.textbox {
    border-color: #67810D;
}

textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
    color: #000000;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    padding: 2px;
}

select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
}

.editor {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
}

.editor_control_bar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
}

.autocomplete {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: black;
}

.autocomplete_selected {
    background: none repeat scroll 0 0 #ADCEE7;
    color: #000000;
}

.popup_menu {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #000000;
}

.popup_menu .popup_item {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}

.popup_menu .popup_item:hover {
    background: none repeat scroll 0 0 #C7DBEE;
    color: #000000;
}

.trow_reputation_positive {
    background: none repeat scroll 0 0 #CCFFCC;
}

.trow_reputation_negative {
    background: none repeat scroll 0 0 #FFCCCC;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444444;
}

.reputation_negative {
    color: red;
}

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

.valid_field {
    border: 1px solid #00CC00;
}

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

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

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

img {
    border: medium 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;
}

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

img.attachment {
    border: 3px solid #FFFFFF;
    padding: 2px;
}

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

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

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

blockquote {
    background: none repeat scroll 0 0 #FDFDFD;
    border-left: 5px solid #E4E5E1;
    margin: 0 10px;
    padding: 8px;
}

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

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

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

.codeblock {
    background: none repeat scroll 0 0 #4F5937;
    border-left: 5px solid #3D4723;
    color: #E9EDDE;
    margin: 0 10px;
    padding: 8px;
}

.codeblock .title {
    border-bottom: 1px solid #3D4723;
    color: #FFFFFF;
    font-weight: bold;
    margin: 8px 0;
}

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

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

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

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: none repeat scroll 0 0 #FFFFCC;
    padding-bottom: 3px;
    padding-top: 3px;
}

.pm_alert {
    background: none repeat scroll 0 0 #FFF6BF;
    border: 1px solid #FFD324;
    font-size: 11px;
    margin-top: 15px;
    padding: 5px 20px;
    text-align: center;
}

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

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

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

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

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

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

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

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

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

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

.pagination .pagination_current, .pagination a {
    margin-bottom: 3px;
    padding: 4px 7px;
}

.pagination a {
    background: url(images/glowing/pag_a.png) repeat-x scroll 0 bottom #FEFEFE;
    border: 1px solid #D8D8D8;
    color: #8F8F8F;
}

.pagination .pagination_current {
    background: url(images/glowing/pag_act.png) repeat-x scroll 0 bottom #9ACB1E;
    border: 1px solid #618701;
    color: #FFFFFF;
}

.pagination a:hover {
    color: #618701;
    text-decoration: none;
}

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

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

.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 {
    float: left;
    margin-right: 10px;
}

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

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

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat scroll 0 50% transparent;
    border: medium none;
    height: 13px;
    padding-left: 13px;
    vertical-align: middle;
    width: 13px;
}

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

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

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

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

.pagination_breadcrumb {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    font-weight: normal;
    margin-top: 5px;
    outline: 1px solid #CCCCCC;
    padding: 5px;
}

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

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body.page_index #breadcrumb {
    display: none;
}

#breadcrumb {
    clear: both;
    height: 35px;
    margin: 25px 0 5px;
}

#breadcrumb ul {
    background: url(images/glowing/breadcrumb_right.png) no-repeat scroll right 0 #E3E3E3;
    height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#breadcrumb li {
    float: left;
    height: 27px;
    margin: 0;
    padding: 0;
}

#breadcrumb a {
    outline: medium none;
    text-decoration: none;
}

#breadcrumb li a {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 0 0 transparent;
    color: #959595;
    display: block;
    margin-left: -8px;
    padding-left: 16px;
    text-decoration: none;
}

#breadcrumb li.bread_home {
    margin: 0;
    padding: 0;
}

#breadcrumb li.bread_home a {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 0 -70px transparent;
    height: 35px;
    margin-left: 0;
    padding-left: 0;
    width: 31px;
}

#breadcrumb li.bread_home a:hover {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll -31px -70px transparent;
    margin-left: 0;
    padding-left: 0;
}

#breadcrumb li.bread_home a span {
    background: none repeat scroll 0 50% transparent;
    padding: 10px 15px 9px 1px;
}

#breadcrumb li span {
    display: block;
    line-height: 35px;
    padding: 0 20px 0 6px;
}

#breadcrumb li a span {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 100% 0 transparent;
    display: block;
    padding-left: 5px;
    padding-right: 20px;
}

#breadcrumb li a:hover {
    background-position: 0 -35px;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #00244C;
}

#breadcrumb li a:hover span {
    background-position: 100% -35px;
}

#breadcrumb li span.active {
    color: #6C9406;
}

.hide_nav {
display: none;
}


        #panel .register  {background: url(images/glowing/register_bg.png) no-repeat; height: 27px; padding: 0 30px; display: block; float: left;
                   font-style: italic; color: #86b412; line-height: 27px; margin: 67px 0;}
#panel .register:hover  {color: #9fd41a;}


#quick_login   {float: right;  margin-top: 60px;}
#quick_login .username, #quick_login .password  {background: url(images/glowing/login.png) no-repeat; height: 17px; padding: 5px 5px 5px 35px; margin: 0 10px; min-width: 156px; color: #979797; border: none; outline: none;}
#quick_login .password  {background-position: -210px 0;}
#quick_login .button    {background: url(images/glowing/login.png) no-repeat -417px 0; border: none; outline: none; width: 71px; height: 29px; text-align: center;
                         text-transform: uppercase; color: #f1fecc; text-shadow:  0 -1px 0 #567700; cursor: pointer;}
#quick_login .button:hover {color: #fff;}
#quick_login .remember  {margin: 0 120px 0 100px; color: #777;}
#quick_login a {color: #888; padding-bottom: 1px; border-bottom: 1px solid #666;}

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

.logo a  {background: url(images/glowing/logo.png) no-repeat center center; display: block; text-indent: -1000px; overflow: hidden; height: 167px; width: 187px; padding: 0 20px;}
.ver_sub {
margin: 0;
padding: 0;
list-style: none;

}
.ver_sub li {
width: 50%;
float: left;
}
20.08.2012, 12:19 (Ten post był ostatnio modyfikowany: 20.08.2012, 12:19 przez Ezio.)
#8
Spróbuj zamienić stary global.css na ten poniżej:
body {
    background: url(images/glowing/bg.png) repeat-x scroll 0 0 #F0F0F0;
    color: #2C2C2C;
    font: 12px/1.5 Arial,sans-serif;
    margin: 0;
    padding: 0;
}

.trow1 {
}

.trow2 {
}

a {
    color: #86B412;
    text-decoration: none;
}

a:hover {
    color: #608404;
}

#container {
    margin: 0 auto;
    padding: 0 10px;
    width: 85%;
}

#header {
    background: url(images/glowing/header_bg.png) no-repeat scroll 0 0 transparent;
    padding-bottom: 52px;
    position: relative;
height: 215px;
}

.logo {
    float: left;
    margin: 0 0 2px;
    padding-left: 10px;
}

.logo a {
    background: url(images/glowing/logo.png) no-repeat scroll center center transparent;
    display: block;
    height: 167px;
    overflow: hidden;
    padding: 0 5px;
    text-indent: -1000px;
    width: 437px;
}

.menu {
    background: url(images/glowing/menu_bg.png) no-repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.menu li {
    background: url(images/glowing/glow1.png) no-repeat scroll center 200px transparent;
    display: block;
    float: left;
    margin-right: 25px;
    position: relative;
}

.menu li:hover {
    background-position: center center;
}

.menu a {
    background: url(images/glowing/menu_icons.png) no-repeat scroll 0 -86px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    padding-left: 40px;
    text-shadow: 0 1px 0 #3E5506;
}

.menu .calendar {
    background-position: 0 -40px;
}

.menu .help {
    background-position: 0 5px;
}

.menu .memberlist {
    background-position: 0 -129px;
}

.welcomemem {
    background: url(images/glowing/memb_right.png) no-repeat scroll right 0 transparent;
    color: #777777;
    font-style: italic;
    max-width: 250px;
    position: absolute;
    right: 0;
    top: 60px;
}

.welcomemem .inner {
    background: url(images/glowing/memb_left.png) no-repeat scroll left 0 transparent;
    height: 27px;
    line-height: 27px;
    margin-left: -20px;
    padding: 0 20px 0 43px;
}

#search {
    background: url(images/glowing/search_bg.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 30px;
    margin: 8px 5px 0 0;
    padding-left: 10px;
    width: 219px;
}

#search .textbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    margin: 0;
    outline: medium none;
    padding: 8px 0;
    width: 160px;
}

#search .button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 20px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 35px;
}

.secondbar {
    bottom: 0;
    color: #434343;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
}

.secondbar p {
    line-height: 40px;
    margin: 0;
}

#panel .register {
    background: url(images/glowing/register_bg.png) no-repeat scroll 0 0 transparent;
    color: #86B412;
    display: block;
    float: left;
    font-style: italic;
    height: 27px;
    line-height: 27px;
    margin: -90px 0;
    padding: 0 30px;
}

#panel .register:hover {
    color: #9FD41A;
}

#quick_login {
    float: right;
    margin-top: -130px;
}

#quick_login .username, #quick_login .password {
    background: url(images/glowing/login.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #979797;
    height: 17px;
    margin: 0 10px;
    min-width: 156px;
    outline: medium none;
    padding: 5px 5px 5px 35px;
}

#quick_login .password {
    background-position: -210px 0;
}

#quick_login .button {
    background: url(images/glowing/login.png) no-repeat scroll -417px 0 transparent;
    border: medium none;
    color: #F1FECC;
    cursor: pointer;
    height: 29px;
    outline: medium none;
    text-align: center;
    text-shadow: 0 -1px 0 #567700;
    text-transform: uppercase;
    width: 71px;
}

#quick_login .button:hover {
    color: #FFFFFF;
}

#quick_login .remember {
    color: #777777;
    margin: 0 5px;
}

#quick_login a {
    border-bottom: 1px solid #666666;
    color: #888888;
    padding-bottom: 1px;
}

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

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

.stats      {list-style: none; margin: 0 0 5px 0; padding: 0; line-height: 18px; clear: both;}
.stats em   {font-size: 16px; font-style: normal; color: #909090; float: left; margin: 0 5px -4px 0;}
.stats span {padding-bottom: 4px;}

.tborder {
    background: url(images/glowing/wraptable_bg.png) repeat-x scroll 0 0 #F0F0F0;
    border: 1px solid #DEDEDE;
    border-radius: 8px 8px 8px 8px;
    margin: 10px 0;
    padding: 14px 12px;
}

.thead, .tfoot {
background: #5D8200 url(images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
}

.thead .description {
    color: #F2FBDB;
    padding: 0 10px;
}

.tcat {
    background: url(images/glowing/tcat_bg.png) repeat-x scroll 0 bottom #171717;
    color: #FFFFFF;
}

.thead a, .tcat a {
    color: #FFFFFF;
}

.trow_shaded {
    background: none repeat scroll 0 0 #FFDDE0;
}

.trow_selected td {
    background: none repeat scroll 0 0 #FFFBD9;
}

.trow_selected .tcat {
    background: none repeat scroll 0 0 #587B00;
}

.trow_sep {
    background: none repeat scroll 0 0 #E5E5E5;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background-position: center 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 5px 10px;
}

.tfoot a {
    color: #FFFFFF;
}

#footer {
    background: url(images/glowing/bg.png) repeat-x scroll 0 0 transparent;
    color: #949494;
}

#footer .wrap {
    background: url(images/glowing/header_bg.png) no-repeat scroll right 0 transparent;
    width: 85%;
    margin: 0 auto;
}

.bottommenu {
    padding: 20px 10px;
}

.navigation {
    color: #000000;
    font-size: 13px;
    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: #000000;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: url(images/glowing/input_bg.png) repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
    border-radius: 4px 4px 4px 4px;
    color: #818181;
    outline: medium none;
    padding: 4px 6px;
}

input.textbox:focus {
    color: #5A5A5A;
}

.thead input.textbox, .tfoot input.textbox {
    border-color: #67810D;
}

textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
    color: #000000;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    padding: 2px;
}

select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
}

.editor {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
}

.editor_control_bar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6A6A6;
}

.autocomplete {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: black;
}

.autocomplete_selected {
    background: none repeat scroll 0 0 #ADCEE7;
    color: #000000;
}

.popup_menu {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #000000;
}

.popup_menu .popup_item {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}

.popup_menu .popup_item:hover {
    background: none repeat scroll 0 0 #C7DBEE;
    color: #000000;
}

.trow_reputation_positive {
    background: none repeat scroll 0 0 #CCFFCC;
}

.trow_reputation_negative {
    background: none repeat scroll 0 0 #FFCCCC;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444444;
}

.reputation_negative {
    color: red;
}

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

.valid_field {
    border: 1px solid #00CC00;
}

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

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

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

img {
    border: medium 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;
}

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

img.attachment {
    border: 3px solid #FFFFFF;
    padding: 2px;
}

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

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

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

blockquote {
    background: none repeat scroll 0 0 #FDFDFD;
    border-left: 5px solid #E4E5E1;
    margin: 0 10px;
    padding: 8px;
}

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

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

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

.codeblock {
    background: none repeat scroll 0 0 #4F5937;
    border-left: 5px solid #3D4723;
    color: #E9EDDE;
    margin: 0 10px;
    padding: 8px;
}

.codeblock .title {
    border-bottom: 1px solid #3D4723;
    color: #FFFFFF;
    font-weight: bold;
    margin: 8px 0;
}

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

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

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

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: none repeat scroll 0 0 #FFFFCC;
    padding-bottom: 3px;
    padding-top: 3px;
}

.pm_alert {
    background: none repeat scroll 0 0 #FFF6BF;
    border: 1px solid #FFD324;
    font-size: 11px;
    margin-top: 15px;
    padding: 5px 20px;
    text-align: center;
}

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

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

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

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

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

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

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

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

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

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

.pagination .pagination_current, .pagination a {
    margin-bottom: 3px;
    padding: 4px 7px;
}

.pagination a {
    background: url(images/glowing/pag_a.png) repeat-x scroll 0 bottom #FEFEFE;
    border: 1px solid #D8D8D8;
    color: #8F8F8F;
}

.pagination .pagination_current {
    background: url(images/glowing/pag_act.png) repeat-x scroll 0 bottom #9ACB1E;
    border: 1px solid #618701;
    color: #FFFFFF;
}

.pagination a:hover {
    color: #618701;
    text-decoration: none;
}

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

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

.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 {
    float: left;
    margin-right: 10px;
}

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

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

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat scroll 0 50% transparent;
    border: medium none;
    height: 13px;
    padding-left: 13px;
    vertical-align: middle;
    width: 13px;
}

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

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

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

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

.pagination_breadcrumb {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    font-weight: normal;
    margin-top: 5px;
    outline: 1px solid #CCCCCC;
    padding: 5px;
}

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

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body.page_index #breadcrumb {
    display: none;
}

#breadcrumb {
    clear: both;
    height: 35px;
    margin: 25px 0 5px;
}

#breadcrumb ul {
    background: url(images/glowing/breadcrumb_right.png) no-repeat scroll right 0 #E3E3E3;
    height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#breadcrumb li {
    float: left;
    height: 27px;
    margin: 0;
    padding: 0;
}

#breadcrumb a {
    outline: medium none;
    text-decoration: none;
}

#breadcrumb li a {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 0 0 transparent;
    color: #959595;
    display: block;
    margin-left: -8px;
    padding-left: 16px;
    text-decoration: none;
}

#breadcrumb li.bread_home {
    margin: 0;
    padding: 0;
}

#breadcrumb li.bread_home a {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 0 -70px transparent;
    height: 35px;
    margin-left: 0;
    padding-left: 0;
    width: 31px;
}

#breadcrumb li.bread_home a:hover {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll -31px -70px transparent;
    margin-left: 0;
    padding-left: 0;
}

#breadcrumb li.bread_home a span {
    background: none repeat scroll 0 50% transparent;
    padding: 10px 15px 9px 1px;
}

#breadcrumb li span {
    display: block;
    line-height: 35px;
    padding: 0 20px 0 6px;
}

#breadcrumb li a span {
    background: url(images/glowing/breadcrumb_main.png) no-repeat scroll 100% 0 transparent;
    display: block;
    padding-left: 5px;
    padding-right: 20px;
}

#breadcrumb li a:hover {
    background-position: 0 -35px;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #00244C;
}

#breadcrumb li a:hover span {
    background-position: 100% -35px;
}

#breadcrumb li span.active {
    color: #6C9406;
}

.hide_nav {
display: none;
}


        #panel .register  {background: url(images/glowing/register_bg.png) no-repeat; height: 27px; padding: 0 30px; display: block; float: left;
                   font-style: italic; color: #86b412; line-height: 27px; margin: 67px 0;}
#panel .register:hover  {color: #9fd41a;}


#quick_login   {float: right;  margin-top: 60px;}
#quick_login .username, #quick_login .password  {background: url(images/glowing/login.png) no-repeat; height: 17px; padding: 5px 5px 5px 35px; margin: 0 10px; min-width: 156px; color: #979797; border: none; outline: none;}
#quick_login .password  {background-position: -210px 0;}
#quick_login .button    {background: url(images/glowing/login.png) no-repeat -417px 0; border: none; outline: none; width: 71px; height: 29px; text-align: center;
                         text-transform: uppercase; color: #f1fecc; text-shadow:  0 -1px 0 #567700; cursor: pointer;}
#quick_login .button:hover {color: #fff;}
#quick_login a {color: #888; padding-bottom: 1px; border-bottom: 1px solid #666;}

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

.logo a  {background: url(images/glowing/logo.png) no-repeat center center; display: block; text-indent: -1000px; overflow: hidden; height: 167px; width: 187px; padding: 0 20px;}
.ver_sub {
margin: 0;
padding: 0;
list-style: none;

}
.ver_sub li {
width: 50%;
float: left;
}
20.08.2012, 12:24
#9
Wrzuciłem, lecz różnicy nie widzę. :(
20.08.2012, 12:27
#10
(20.08.2012, 12:24)neXe napisał(a): Wrzuciłem, lecz różnicy nie widzę. :(

U mnie jest tak:
[Obrazek: 83424885984598987147.jpg]

Spróbuj wyczyścić ciacha i napisz jaką masz przeglądarkę.
20.08.2012, 12:38 (Ten post był ostatnio modyfikowany: 20.08.2012, 12:40 przez Suprise.)
#11
Ahh te ciasteczka. ;P
Jeszcze tylko problem tego panelu login.
Że jak się kliknie na ten tekst login, to się sam usuwa, taka pierdółka, ale wnerwia.
Co do przeglądarki to Opera 12
20.08.2012, 12:40 (Ten post był ostatnio modyfikowany: 20.08.2012, 12:43 przez Ezio.)
#12
W szablonie header_welcomeblock_guest znajdź linijkę:
<input name="quick_username" type="text" value="Login" class="username" onfocus="if(this.value == 'Username') { this.value=''; }" onblur="if(this.value == '') { this.value='username'; }">

i zamień na:

<input name="quick_username" type="text" value="Login" class="username" onfocus="if(this.value == 'Login') { this.value=''; }" onblur="if(this.value == '') { this.value='Login'; }">
20.08.2012, 12:51
#13
Ouu yeah. ;)
Dzięki.
Ezio napisał 20.08.2012, 12:54:
[Obrazek: modnotice_thx.png]



Użytkownicy przeglądający ten wątek:

1 gości