Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.118.154.237
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Профиль сбоку для форума
Сообщение оставлено 28.06.2010 в 11:42:53 | Сообщение #1
Пример

В общий вид страниц форума после

Code
</body>

ставим код:

Code
<!-- Profil -->   
<div class="layer">   
<ul class="layer_ul">   

<li><img style="width:31px;height:31px;" src="http://file.o-ucoz.ru/_ld/1/103_009.png" border="0" alt="" />   
<div class="layer_block">   
<div class="pad10">   
<h3>Мой профиль</h3>   
<ul class="layer_block_ul"><center>   
<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" title="Аватар для $USERNAME$" border="0" alt="$USER_AVATAR_URL$"><?else?><img src="http://file.o-ucoz.ru/_ld/1/104_no_ava.png" title="Аватар для $USERNAME$"><?endif?>   
<?if($GROUP_ID$="1")?><img src="http://file.o-ucoz.ru/_ld/0/94_user.png"/><?endif?>   
<?if($GROUP_ID$="2")?><img src="http://file.o-ucoz.ru/_ld/0/95_prov.png"/><?endif?>   
<?if($GROUP_ID$="3")?><img src="http://file.o-ucoz.ru/load/0-0-0-96-20"/><?endif?>   
<?if($GROUP_ID$="4")?><img src="http://file.o-ucoz.ru/_ld/0/97_admin.png"/><?endif?>   
<?if($GROUP_ID$="5")?><img src="http://file.o-ucoz.ru/_ld/0/98_moder.png"/><?endif?>   
<?if($GROUP_ID$="6")?><img src="http://file.o-ucoz.ru/_ld/0/99_post.png"/><?endif?>   
<?if($GROUP_ID$="7")?><img src="http://file.o-ucoz.ru/_ld/1/100_redaktor.png"/><?endif?>   
<?if($GROUP_ID$="251")?><img src="http://file.o-ucoz.ru/_ld/1/101_vip.png"/><?endif?>   
<?if($GROUP_ID$="255")?><img src="http://file.o-ucoz.ru/_ld/1/102_banned.png"/><?endif?>   
<br>   
<br>   
<ul class="uz">   
<div style="height:5px;"></div>   
<a href="/index/8-1"><font color="#ffffff">Личный профиль $USERNAME$</font></a>   
<br>   
<a href="/groups.htm"><font color="#ffffff">О группах</font></a>   
<br>   
<a href="javascript:openLayerA('obsv','/index/14','Личные сообщения','800','495','auto');"><?if($IS_NEW_PM$)?><font color="#ffffff">Новое личное сообщение</font> <font color="red"><b>($UNREAD_PM$)</b></font><?else?><font color="#ffffff">Нет новых личных сообщений</font><?endif?></a>   
<br>   
<a href="/load/0-0-0-0-1"><font color="#ffffff">Добавить материал на сайт</font></a>   
<br>   
<a href="javascript:exit()"><font color="#ffffff">Выход из личного профиля</font></a><script>function exit(){if (confirm("Вы действительно хотите покинуть профиль?")){window.location.href = "$HOME_PAGE_LINK$index/10"}else{alert("Спасибо что остались с нами!");}}</script>   
</ul>   
</center></div>   
</div>   
</li>   

<li><img style="width:31px;height:31px;" src="http://allucoz.net/design/forum_icons/002.png" border="0" alt="" />   
<div class="layer_block">   
<div class="pad10">   
<h3>Последнии темы форума</h3>   
<ul class="layer_block_ul"><center>$MYINF_4$</center></div>   
</div>   
</li>   
<li><img style="width:31px;height:31px;" src="http://allucoz.net/design/forum_icons/0088.png" border="0" alt="" />   
<div class="layer_block">   
<div class="pad10">   
<h3>Самые активные темы</h3>   
<ul class="layer_block_ul"><center>$MYINF_5$</center></div>   
</div>   
</li>   
<li><img style="width:31px;height:31px;" src="http://allucoz.net/design/forum_icons/003.png" border="0" alt="" />   
<div class="layer_block">   
<div class="pad10">   
<h3>Лучшии пользователи форума</h3>   
<ul class="layer_block_ul"><center>$MYINF_6$</center></div>   
</div>   
</li>   
</ul>   
</div>   
<style>   

.layer{position:fixed;left:0px;top:50px;width:41px;height:170px;background:url(http://allucoz.net/images/layer.png) no-repeat top right}   

.layer_ul{padding:18px 0px 10px 7px;margin:0px;list-style:none;position:relative;}   

.layer_ul li{display:block;height:31px;padding:0px;margin:0px;}   
.layer_ul li:hover{background:url(http://gamecracks.ucoz.ru/img/menu/layer_li_hover_56.png) no-repeat;cursor:pointer;}   

.layer_block{position:absolute;left:39px;padding:4px;top:0px;width:243px;height:358px;background:url(http://allucoz.net/images/left_profil.png) no-repeat 0px top;display:none;color:#FFF}   

.layer_block h3{border-bottom:1px solid #fff;color:#FFF;margin:10px 14px 5px 5px;}   
.layer_ul li:hover .layer_block{display:block;cursor:default;}   

.layer_block_ul{padding:2px;margin:0px;list-style:none;}   
.layer_block_ul li{display:block;padding:50px;margin:10px 5px 5px 0px;border:1px solid #bcd959;height:auto;color:#333}   
.layer_block_ul li a{display:block;color:#FFF;font-weight:bold;}   
.layer_block_ul li span{display:block;}   
#leyer_block_text{max-height:26px;overflow:hidden;}   
.layer_block_ul li:hover{background:url(http://gamecracks.ucoz.ru/img/menu/forum_a_hover.png);}   
.layer_block_ul li img{display:none;}   
.blok_li_a_news{display:block;height:15px;overflow:hidden}   
</style>   
<!-- /Profil -->

Затем создаём информеры и в коде заменяем номера информеров на свои.
Если хотите можете перезалить картинки на свой сайт.

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика