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

Вот сверстал свой первый мини-профиль в серых цветах. В мини-профиле раздвижное меню (кнопка добавить).
В блок вставляем:
Code
<!--Мини профиль by Rip.hi7emka.Ru-->  
  <?if($USER_LOGGED_IN$)?>  
<div class="profile">  
<div class="ava_profile" style="border-bottom:none;"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>ссылка на No_avatar<?endif?>"></div>  
<div class="menu_profile">  
<div class="link_profile"><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></div>  
<div class="link_profile"><a href="$PM_URL$">Личные сообщения <?if($IS_NEW_PM$)?>[<b><span style="color:red">$UNREAD_PM$</span></b>]<?endif?></a></div>  
<div class="link_profile"><a href="/index/11">Настройки</a></div>  
<div class="link_profile"><a onclick="$('#add_mat').slideToggle('fast');" href="javascript://">Добавить</a></div>  
<div id="add_mat" style="display:none;">  
<a class="add_mati" href="#">Файл</a>  
<a class="add_mati" href="#">Файл</a>  
<a class="add_mati" href="#">Файл</a>  
</div>  
<div class="link_profile" style="border-bottom:none;"><a href="$LOGOUT_LINK$">Выход</a></div>  
  <?else?>  
  $LOGIN_FORM$  
  <?endif?>  
</div>  
<style>  
  .profile {max-width: 156px;}  
  .ava_profile {background:#ffffff; border:1px solid #b6b6b6; padding:2px;}  
  .menu_profile {border:1px solid #b6b6b6;}  
  .link_profile {background:#f9f9f9; height: 14px; border-bottom:1px solid #b6b6b6; padding:4px}  
  .link_profile:hover {background:#ffffff; height: 14px; border-bottom:1px solid #b6b6b6; padding:4px}  
  a.add_mati{height:16px;display:block;background:#f8f8f8;border-bottom:1px solid #b6b6b6;text-indent:10px;font-size:11px;padding:1px 0 0 0width:233px;margin:0px;padding:0px;background:#f8f8f8 url('http://rip-multi.ucoz.ru/new_shablon/menu_bg_go.png') left no-repeat;padding-left:10px;}  
  a.add_mati:hover{background:#ffffff url('http://rip-multi.ucoz.ru/new_shablon/menu_bg_go.png') left no-repeat;padding-left:10px;}  
</style>  
<!--/Мини профиль by Rip.hi7emka.Ru-->
 
 
   
Сообщение оставлено 17.03.2012 в 10:16:05 | Сообщение #2
Под строгие дизайны хорошо подойдет.
 
 
   
Сообщение оставлено 17.03.2012 в 15:30:37 | Сообщение #3
fleo, fleo, можно смяхчить цвета))
 
 
   
Сообщение оставлено 08.04.2012 в 11:54:20 | Сообщение #4
подойдет сейчас для многих дизов типа "ску гамерс"
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика