Выкладываю скрипт панельки с артефактами как на нашем сайте)
Скрипт выдвигающейся панельки с артефактами для ПСП.
За активность юзер получает артефакты,и при увелечении активности юзера артефакты будут модефицироватся)
Установка:
перед ставим:
Code
<div style="padding-top: 0px;" class="mpler" ></div> <div>
<div class="slide-out-div">
<a class="handle" style="border:0px solid #bdbdbd;border-right:2px" href="Рюкзак">Рюкзак</a>
<table class="tb2" border="1px" style="width:100%;height:100%;border:1px solid #222;" class="mpler" >
<tr><td align="center" height="10px"colspan="3" class="mpler">Артефакты</td></tr>
<tr>
</td></tr>
<tr>
<td align="center" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<20)?> <img src="http://www.stalker-st.ru/artefakts/medusa.gif" title="Артефакт медуза(немодефицированый)"><?endif?>
<?if($_FORUM_ENTRIES$>=20 and $_FORUM_ENTRIES$<50)?> <img src="http://www.stalker-st.ru/artefakts/medusa1.gif" title="Модефицированая медуза"><?endif?>
<?if($_FORUM_ENTRIES$>=50 and $_FORUM_ENTRIES$<100)?> <img src="http://www.stalker-st.ru/artefakts/fireballcs.gif" title="Артефакт Огненый шар"><?endif?>
<?if($_FORUM_ENTRIES$>=100 and $_FORUM_ENTRIES$<150)?> <img src="http://www.stalker-st.ru/artefakts/soul.gif" title="Артефакт ломоть мяса"><?endif?>
<?if($_FORUM_ENTRIES$>=150 and $_FORUM_ENTRIES$<200)?> <img src="http://www.stalker-st.ru/artefakts/crystall.gif" title="Артефакт Кристал"><?endif?>
<?if($_FORUM_ENTRIES$>=200 and $_FORUM_ENTRIES$<250)?> <img src="http://www.stalker-st.ru/artefakts/green-krist.png" title="Модефицированый кристал"><?endif?>
<?if($_FORUM_ENTRIES$>=250 and $_FORUM_ENTRIES$<300)?> <img src="http://www.stalker-st.ru/artefakts/17.png" title="Артефакт Пламя"><?endif?>
<?if($_FORUM_ENTRIES$>=300 and $_FORUM_ENTRIES$<350)?> <img src="http://www.stalker-st.ru/artefakts/prujina.gif" title="Артефакт Пружина"><?endif?>
<?if($_FORUM_ENTRIES$>=350 and $_FORUM_ENTRIES$<400)?> <img src="http://www.stalker-st.ru/artefakts/20.png" title="Артефакт Колобок"><?endif?>
<?if($_FORUM_ENTRIES$>=400 )?> <img src="http://www.stalker-st.ru/artefakts/8.png" title="Артефакт Золотая Рыбка"> <?endif?>
</td>
<td align="center" width="33%" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<49)?><b>Артефакта нет</b><?endif?>
<?if($_FORUM_ENTRIES$>=50 and $_FORUM_ENTRIES$<150)?><img src="http://www.stalker-st.ru/artefakts/dot.gif" border="0" title="Артефакт капля(Немодефицированый)." /> <?endif?>
<?if($_FORUM_ENTRIES$>=150 and $_FORUM_ENTRIES$<200)?><img src="http://www.stalker-st.ru/artefakts/kolychka.png" border="0" title="Вторая модификация артефакта капля." /> <?endif?>
<?if($_FORUM_ENTRIES$>=200)?> <img src="http://www.stalker-st.ru/artefakts/red-lok.png" border="0" title="Третия модификация артефакта капля." /> <?endif?>
<td align="center" width="33%" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<80)?><b>Артефакта нет</b><?endif?>
<?if($_FORUM_ENTRIES$>=80 and $_FORUM_ENTRIES$<200)?> <img src="http://www.stalker-st.ru/artefakts/23.png" title="Артефакт луный свет(Немодефицированый)"><?endif?>
<?if($_FORUM_ENTRIES$>=200 and $_FORUM_ENTRIES$<400)?> <img src="http://www.stalker-st.ru/artefakts/sferar.png" title="Вторая модификация артефакта луный свет"><?endif?>
<?if($_FORUM_ENTRIES$>=400)?> <img src="http://www.stalker-st.ru/artefakts/brown.png" title="Третия модификация артефакта луный свет."><?endif?>
</tr> <tr>
<td align="center" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<200)?><b>Артефакта нет</b><?endif?>
<?if($_FORUM_ENTRIES$>=200 and $_FORUM_ENTRIES$<350)?> <img src="http://www.stalker-st.ru/artefakts/venas.png" title="Артефакт Сольнце дракона(немодефицированый)"><?endif?>
<?if($_FORUM_ENTRIES$>=350 and $_FORUM_ENTRIES$<500)?> <img src="http://www.stalker-st.ru/artefakts/lightsd.png" title="Вторая модификация артефакта Солнце дракона"><?endif?>
<?if($_FORUM_ENTRIES$>=500)?> <img src="http://www.stalker-st.ru/artefakts/heart1.png" title="Третия модификация артефакта Солнце дракона."><?endif?>
</td>
<td align="center" width="33%" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<50)?><b>Артефакта нет</b><?endif?>
<?if($_FORUM_ENTRIES$>=50 and $_FORUM_ENTRIES$<400)?><img src="http://www.stalker-st.ru/artefakts/24.png" title="Неочень редкий,но ценый артефакт."><?endif?>
<?if($_FORUM_ENTRIES$>=400)?><img src="http://www.stalker-st.ru/artefakts/nlen.png" title="Черызвычайно сложная сборка артефактов."><?endif?>
<td align="center" width="33%" class="mpler" >
<?if($_FORUM_ENTRIES$>=0 and $_FORUM_ENTRIES$<499)?><b>Атрефакта нет</b><?endif?>
<?if($_FORUM_ENTRIES$>=500 and $_FORUM_ENTRIES$<1000)?> <img src="http://www.stalker-st.ru/artefakts/nit.png" title="Один из самых дорогих артефактов,дороже только артефакты Сердце Оазиса и Алмаз"><?endif?>
<?if($_FORUM_ENTRIES$>=1000 and $_FORUM_ENTRIES$<1500)?> <img src="http://www.stalker-st.ru/artefakts/1.png" title="Очень редкий,и дорогой артефакт,Сердце Оазиса!"><?endif?>
<?if($_FORUM_ENTRIES$>=1500 )?> <img src="http://www.stalker-st.ru/artefakts/almazoO.png" title="ЛЕГЕНДАРНО редкий,полезный,и дорогой артефакт."><?endif?>
</td>
</tr></table>
<style type="text/css" media="screen">
.slide-out-div {padding-top:0px;width:210px;height:200px; background:url('http://www.stalker-st.ru/new_diz2012/bg_news.png') ;border:3px solid #333;}
</style>
<script src=" http://www.stalker-st.ru/artefakts/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'http://www.stalker-st.ru/snarjazhenieblok.jpg',
imageHeight: '190px',
imageWidth: '45px',
tabLocation: 'right',
speed: 300,
action: 'click',
topPos: '250px',
fixedPosition: true
});
});
</script>
</div></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
Скрины:
До нажатия:
После: