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]](http://screenshu.com/static/uploads/temporary/gu/7a/5j/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.
Za to odpowiada szablon
Kod:
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.
No tak, tylko że ja tego nie ogarniam...
Spróbuj zamienić stary global.css na ten poniżej:
Kod:
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;
}
Wrzuciłem, lecz różnicy nie widzę.
(20.08.2012, 12:24)neXe napisał(a): [ -> ]Wrzuciłem, lecz różnicy nie widzę.
U mnie jest tak:
![[Obrazek: 83424885984598987147.jpg]](http://iv.pl/images/83424885984598987147.jpg)
Spróbuj wyczyścić ciacha i napisz jaką masz przeglądarkę.
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
W szablonie header_welcomeblock_guest znajdź linijkę:
Kod:
<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:
Kod:
<input name="quick_username" type="text" value="Login" class="username" onfocus="if(this.value == 'Login') { this.value=''; }" onblur="if(this.value == '') { this.value='Login'; }">
