25.08.2013, 23:03
wersja skryptu MyBB: 1.6.10
adres forum: http://forum.cubeworld.com.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam wszystkich ponownie Ostatnio zabrałem się za stworzenie nowego stylu dla naszego forum, a z racji użycia headera z portalu, musieliśmy zastąpić klasyczny panel wysuwanym. Użyliśmy do tego celu jQuery i wszystko byłoby super, gdyby nie fakt, że... panel widać tylko z poziomu strony głównej forum. Na pozostałych podstronach zwyczajnie nie wyświetla się ikona odpowiedzialna za jego wysunięcie, zupełnie tak jakby do gry wszedł drugi skrypt, który ją usunął. Nie jest to wina pluginów, ponieważ po wyłączeniu wszystkich sytuacja nie ulega zmianie.
Zawartość szablonów:
header:
global.css:
headerinclude:
Na koniec dodam, że w headerinclude oczywiście mamy dołączone biblioteki jQuery:
Z góry dziękuję za wszystkie pomysły, które pomogą rozwiązać problem
adres forum: http://forum.cubeworld.com.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam wszystkich ponownie Ostatnio zabrałem się za stworzenie nowego stylu dla naszego forum, a z racji użycia headera z portalu, musieliśmy zastąpić klasyczny panel wysuwanym. Użyliśmy do tego celu jQuery i wszystko byłoby super, gdyby nie fakt, że... panel widać tylko z poziomu strony głównej forum. Na pozostałych podstronach zwyczajnie nie wyświetla się ikona odpowiedzialna za jego wysunięcie, zupełnie tak jakby do gry wszedł drugi skrypt, który ją usunął. Nie jest to wina pluginów, ponieważ po wyłączeniu wszystkich sytuacja nie ulega zmianie.
Zawartość szablonów:
header:
Kod:
<div id="ucp">
<div id="panel">{$welcomeblock}</div>
<a href="#" class="topMenuAction" id="topMenuImage"><div id="panelicon"></div></a>
</div>
global.css:
Kod:
#ucp {
float: right;
position: absolute;
right: 0px;
z-index: 99999999999999;
top: -104px;
}
#panel {
background: url(http://forum.cubeworld.com.pl/images/cubeworld/paneltlo.png) no-repeat;
width: 380px;
color: #161514;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
margin-right: 1px;
height: 94px;
z-index: 99999999999999;
}
#panelicon {
float: right;
background: url(http://forum.cubeworld.com.pl/images/cubeworld/panelicon.png);
width: 51px;
height: 40px;
}
#panelinfo {
top: 22px;
position: relative;
}
#paneltytul {
color: #585858;
font-weight: bold;
margin-left: 2px;
display: block;
margin-top: -2px;
position: relative;
}
headerinclude:
Kod:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".topMenuAction").toggle(function(){
jQuery("#ucp").animate({marginTop: "104px"}, 500);
}, function(){
jQuery("#ucp").animate({marginTop: "0px"}, 500);
});
});
</script>
Na koniec dodam, że w headerinclude oczywiście mamy dołączone biblioteki jQuery:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>