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

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

Rozwijany panel jquery

Błąd   Założony przez  RozgSzeFka.

wersja skryptu MyBB: 1.6.8
adres forum: white-frags.xaa.pl
na czym polega problem (screen, opis, komunikaty): Poniżej

Witam,

Chciałem sobie upiększyć forum i dodać sobie rozwijany panel jquery, ale natrafiłem na global.css, w którym jak jest napisane powinien znajdować się wpis #panel, ale go niestety niema. Jak mogę zastąpić ten wpis? Ewentualnie jak mogę go ominąć? Korzystałem z Waszej wiki: https://webboard.pl/wiki.php?rozwijany-p...wania.html

Aktualnie usunąłem wpis, który kazali mi dodać (w global.css), ponieważ forum mi się crashuje i widoczny jest tylko header strony.

Dodatkowe info: Szablon Apart 1

Z góry dziękuje za pomoc i oczywiście za pomoc stawiam "Pomógł".
Ezio napisał 02.09.2012, 12:03:
Przeniosłem do odpowiedniego działu.
Ale ty masz do global.css dodać na samym końcu to

Cytat:#toppanel {
position: absolute; /*Panel rozwijany nad nagłówkiem*/
/*position: relative;*/ /*Panel rowijany poniżej nagłówka */
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}


.tab {
background: url("images/panel/tab_b.png") repeat-x scroll 0 0 transparent;
height: 42px;
position: relative;
top:0px;

z-index: 999;
}

.tab a:hover.open {background: url(images/panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/panel/bt_close.png) no-repeat left -19px;}

.tab ul.login {
clear: right;
color: white;
display: block;
float: right;
font-size: 80%;
font-weight: bold;
height: 42px;
line-height: 42px;
margin: 0;
position: relative;
right: 150px;
text-align: center;
width: auto;
}
.tab ul.login li.left {
background: url("images/panel/tab_l.png") no-repeat scroll left 0 transparent;
display: block;
float: left;
height: 42px;
margin: 0;
padding: 0;
width: 30px;
}

.tab ul.login li.right {
background: url("images/panel/tab_r.png") no-repeat scroll left 0 transparent;
display: block;
float: left;
height: 42px;
margin: 0;
padding: 0;
width: 30px;
}
.tab ul.login li {
background: url("images/panel/tab_m.png") repeat-x scroll 0 0 transparent;
display: block;
float: left;
height: 42px;
padding: 0 6px;
text-align: left;
}
.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: #FFFFFF;
text-decoration:none;
}

.tab a.open {
background: url("images/panel/bt_open.png") no-repeat scroll left 0 transparent;
}

.tab a.open, .tab a.close {
cursor: pointer;
display: block;
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
position: relative;
top: 11px;
width: 100px;
}
.tab a.close {
background: url("images/panel/bt_close.png") no-repeat scroll left 0 transparent;
}
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

.input-username {
background: url("images/panel/username.png") no-repeat scroll left 50% #FFFFFF;
padding-left: 18px;
}
.input-password {
background: url("images/panel/password.png") no-repeat scroll left 50% #FFFFFF;
padding-left: 18px;
}
.bt_login {
background: url("images/panel/button_login.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 20px;
width: 47px;}
div#panel .button {
background: url("images/panel/buttonbg.jpg") repeat-x scroll left top #F1F1F1;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
color: #424242;
font: bold 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
padding: 3px 5px;
}
div#panel .button:hover{
background: none repeat scroll 0 0 #FFFFFF;
}
Już lepiej, ale obczaj teraz forum.
Coś, źle wgrałeś. Zaraz wgram to u siebie.
Chodzi kolego o styl, a dokładniej o punkt 6 w/w instalacji.

"6. Szablony mamy podmienione teraz kolej na dodanie wpisów CSS.
Otwieramy global.css znajduje się w ACP>style i szablony>style>Twój styl>global.css i wybieramy zaawansowaną edycję pliku CSS.
Szukamy wpisu: #panel i zastępujemy go tym:"

Problem w tym, że w stylu Apart 1 nie ma samego #panel.
Mi działa tylko dałem w #toppanel
Cytat: background: #272727;
height: 110px;


http://netplay.xaa.pl/forum/#

Wszystkie selektory #panel skasuj i dodaj te z tego poradnika
Ok działa, dostajesz "pomógł" tylko zobacz jeszcze, bo nie zamyka się ten panel a jak go zamknę to się zwija całe forum -.-'

Dodawałem to nic poza headeru nie zostaje ;)

Dobra temat do zamknięcia mam kodera, który mi wykona panel.
Dzięki dawidos_95 za pomoc.
Temat do zamknięcia.
Daniel Praźmo napisał 08.09.2012, 01:43:
[Obrazek: modnotice_thx.png][Obrazek: modnotice_howto.png]
Moderacja decyduje o zamknięciu wątku.



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

1 gości