Установка
Вставляем в блок :
Code
<div id="accordion">
<h2 class="current">NeoGame</h2>
<div class="pane" style="display:block">
<img src="http://ucoz-world.3dn.ru/script/1/2877096.gif" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Роман</b></div>
<div class="up-prof">HTML Редактор</div>
<div class="up-icq">ICQ: 250999653</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<h2>Marlboro</h2>
<div class="pane">
<img src="http://ucoz-world.3dn.ru/script/1/ava_music_Marlboro.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Андрей</b></div>
<div class="up-prof">Web Design</div>
<div class="up-icq">ICQ: 23454376</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<h2>Mopnex</h2>
<div class="pane">
<img src="http://ucoz-world.3dn.ru/script/1/NoAvatar.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Саша</b></div>
<div class="up-prof">Помошник адм.</div>
<div class="up-icq">ICQ: 73496542</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<script>
$(function() {
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});
</script>
<h2 class="current">NeoGame</h2>
<div class="pane" style="display:block">
<img src="http://ucoz-world.3dn.ru/script/1/2877096.gif" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Роман</b></div>
<div class="up-prof">HTML Редактор</div>
<div class="up-icq">ICQ: 250999653</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<h2>Marlboro</h2>
<div class="pane">
<img src="http://ucoz-world.3dn.ru/script/1/ava_music_Marlboro.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Андрей</b></div>
<div class="up-prof">Web Design</div>
<div class="up-icq">ICQ: 23454376</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<h2>Mopnex</h2>
<div class="pane">
<img src="http://ucoz-world.3dn.ru/script/1/NoAvatar.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />
<div class="up-name">Имя: <b>Саша</b></div>
<div class="up-prof">Помошник адм.</div>
<div class="up-icq">ICQ: 73496542</div>
<div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>
</div>
<script>
$(function() {
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});
</script>
А это в Ваш CSS :
Code
#accordion {
background:#222 url();
width: 100%;
-background:#666;
}
#accordion h2 {
background:url('') #252525 ;
margin:0;
padding:5px 15px;
font-size:13px;
color:#dedede;
font-weight:bold;
border:1px solid #292929;
border-bottom:1px solid #333;
cursor:pointer;
}
#accordion h2.current {
cursor:default;
background-color:#272727;
}
#accordion .pane {
height: 100px;
display:none;
padding:5px 0 0 5;
color:#e7e7e7;
font-size:12px;
}
.up-name {
color:#e7e7e7;
font-size:12px;
padding:10 0 5 0;
}
.up-prof {
color:#e7e7e7;
font-size:10px;
padding:0 0 5 0;
}
.up-icq {
color:#e7e7e7;
font-size:10px;
padding:0 0 5 0;
}
.up-sms {
color:#e7e7e7;
font-size:11px;
padding:0 0 20 0;
}
background:#222 url();
width: 100%;
-background:#666;
}
#accordion h2 {
background:url('') #252525 ;
margin:0;
padding:5px 15px;
font-size:13px;
color:#dedede;
font-weight:bold;
border:1px solid #292929;
border-bottom:1px solid #333;
cursor:pointer;
}
#accordion h2.current {
cursor:default;
background-color:#272727;
}
#accordion .pane {
height: 100px;
display:none;
padding:5px 0 0 5;
color:#e7e7e7;
font-size:12px;
}
.up-name {
color:#e7e7e7;
font-size:12px;
padding:10 0 5 0;
}
.up-prof {
color:#e7e7e7;
font-size:10px;
padding:0 0 5 0;
}
.up-icq {
color:#e7e7e7;
font-size:10px;
padding:0 0 5 0;
}
.up-sms {
color:#e7e7e7;
font-size:11px;
padding:0 0 20 0;
}
Готово.
Другие новости |
Поделиться ссылкой
|