« Выдвигающийся Мини-профиль для uCoz (4 варианта цветов) »

Описание материала:

Яркий и в то же время удобный, выдвигающийся Мини-Профиль для сайтов в системе uCoz. Данный профиль есть в четырех разных цветах, а точнее - Зеленый, Синий, Красный и Оранжевый. Что из себя представляет профиль - При заходе на сайт, Вы видите свернутое окно в левом, нижнем углу, при раскрытие его плавно появляется наш мини-профиль. В мини-профиле есть изображение пользователя, а напротив его с правой стороны вертикальное меню с тремя ссылками(мой профиль, читать лс, редактировать профиль).

Установка:
1. Скачиваем архив с нашего сайта, далее загружаем папку mini_profil в корень своего сайта
2. Выбираем цвет мини-профиля который Вы хотите видеть на своем сайте, далее заходим в Панель управления - Управления дизайном - Нижняя часть сайта и ставим в самый низ выбранный код:


  • Зеленый

Код
<div id="ie_close">  
<div style="border: 1px solid #008000; margin-top: 4px; width: 255px; position:fixed; bottom:1%; left:1%; box-shadow: green 1px 1px 2px, green 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">  
<div style="background: #1B774D; height: 27,1px; -moz-border-radius-top:5px; -webkit-border-radius-top:5px; border-radius-top: 5px; ">
<div style="padding: 4px 6px; border-bottom: 1px solid #008000;">  
<table width="100%"><tr>
<td align="left" style="font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #393939; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"> <a href="javascript://" onclick="$('#ie_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="/mini_profil/roll_up.png" border="0" onMouseOver="this.src='/mini_profil/roll_up2.png'" onMouseOut="this.src='/mini_profil/roll_up.png'"></a> <a href="javascript://" onclick="document.getElementById('ie_close').style.display='none';false" style="cursor: pointer"><img src="/mini_profil/closed.png" border="0" onMouseOver="this.src='/mini_profil/closed2.png'" onMouseOut="this.src='/mini_profil/closed.png'"></a> </td> </div></tr></table></div></div>
<div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;"> <div id="ie_cvernuti" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0"><tr> <td valign="top" align="center" id="ie_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px"><?else?><img src="http://internetempire.ru/ava/coll3/avatar_3.png" width="70px"><?endif?></td>  
<td valign="top" id="ie_poloska_gorizont"><div id="ie_text"> <div id="ie_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$"><font color="#008000">Мой профиль</font></a></div> <div id="ie_menu"><a href="$PM_URL$"><font color="#008000">Читать ЛС</font></a></div> <div id="ie_menu"><a href="$HOME_PAGE_LINK$/index/11"><font color="#008000">Редактировать данные</font></a></div> </div></td></tr></table> </div> </div></a></div></div>
<style>
a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
a:hover {text-decoration:none; color:#000;} #ie_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;} #ie_fon_ava {padding:3px; background:#f7f7f7;} #ie_text{text-align:left; clear:both;}  
</style>


  • Синий

Код
<div id="ie_close">  
<div style="border: 1px solid #161CF6; margin-top: 4px; width: 255px; position:fixed; bottom:1%; left:1%; box-shadow: blue 1px 1px 2px, blue 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">  
<div style="background: #0F6D9E; height: 27,1px; -moz-border-radius-top:5px; -webkit-border-radius-top:5px; border-radius-top: 5px; ">
<div style="padding: 4px 6px; border-bottom: 1px solid #161CF6;">  
<table width="100%"><tr>
<td align="left" style="font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #393939; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"> <a href="javascript://" onclick="$('#ie_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="/mini_profil/roll_up.png" border="0" onMouseOver="this.src='/mini_profil/roll_up2.png'" onMouseOut="this.src='/mini_profil/roll_up.png'"></a> <a href="javascript://" onclick="document.getElementById('ie_close').style.display='none';false" style="cursor: pointer"><img src="/mini_profil/closed.png" border="0" onMouseOver="this.src='/mini_profil/closed2.png'" onMouseOut="this.src='/mini_profil/closed.png'"></a> </td> </div></tr></table></div></div>
<div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;"> <div id="ie_cvernuti" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0"><tr> <td valign="top" align="center" id="ie_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px"><?else?><img src="http://internetempire.ru/ava/coll3/avatar_2.png" width="70px"><?endif?></td>  
<td valign="top" id="ie_poloska_gorizont"><div id="ie_text"> <div id="ie_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$"><font color="#161CF6">Мой профиль</font></a></div> <div id="ie_menu"><a href="$PM_URL$"><font color="#161CF6">Читать ЛС</font></a></div> <div id="ie_menu"><a href="$HOME_PAGE_LINK$/index/11"><font color="#161CF6">Редактировать данные</font></a></div> </div></td></tr></table> </div> </div></a></div></div>
<style>
a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
a:hover {text-decoration:none; color:#000;} #ie_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;} #ie_fon_ava {padding:3px; background:#f7f7f7;} #ie_text{text-align:left; clear:both;}  
</style>


  • Красный

Код
<div id="ie_close">  
<div style="border: 1px solid #FC2C2D; margin-top: 4px; width: 255px; position:fixed; bottom:1%; left:1%; box-shadow: red 1px 1px 2px, red 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">  
<div style="background: #DA6464; height: 27,1px; -moz-border-radius-top:5px; -webkit-border-radius-top:5px; border-radius-top: 5px; ">
<div style="padding: 4px 6px; border-bottom: 1px solid #FC2C2D;">  
<table width="100%"><tr>
<td align="left" style="font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #393939; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"> <a href="javascript://" onclick="$('#ie_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="/mini_profil/roll_up.png" border="0" onMouseOver="this.src='/mini_profil/roll_up2.png'" onMouseOut="this.src='/mini_profil/roll_up.png'"></a> <a href="javascript://" onclick="document.getElementById('ie_close').style.display='none';false" style="cursor: pointer"><img src="/mini_profil/closed.png" border="0" onMouseOver="this.src='/mini_profil/closed2.png'" onMouseOut="this.src='/mini_profil/closed.png'"></a> </td> </div></tr></table></div></div>
<div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;"> <div id="ie_cvernuti" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0"><tr> <td valign="top" align="center" id="ie_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px"><?else?><img src="http://internetempire.ru/ava/coll3/avatar_5.png" width="70px"><?endif?></td>  
<td valign="top" id="ie_poloska_gorizont"><div id="ie_text"> <div id="ie_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$"><font color="#FC2C2D">Мой профиль</font></a></div> <div id="ie_menu"><a href="$PM_URL$"><font color="#FC2C2D">Читать ЛС</font></a></div> <div id="ie_menu"><a href="$HOME_PAGE_LINK$/index/11"><font color="#FC2C2D">Редактировать данные</font></a></div> </div></td></tr></table> </div> </div></a></div></div>
<style>
a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
a:hover {text-decoration:none; color:#000;} #ie_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;} #ie_fon_ava {padding:3px; background:#f7f7f7;} #ie_text{text-align:left; clear:both;}  
</style>


  • Оранжевый

Код
<div id="ie_close">  
<div style="border: 1px solid #DC9A37; margin-top: 4px; width: 255px; position:fixed; bottom:1%; left:1%; box-shadow: orange 1px 1px 2px, orange 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">  
<div style="background: #F27935; height: 27,1px; -moz-border-radius-top:5px; -webkit-border-radius-top:5px; border-radius-top: 5px; ">
<div style="padding: 4px 6px; border-bottom: 1px solid #DC9A37;">  
<table width="100%"><tr>
<td align="left" style="font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #393939; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"> <a href="javascript://" onclick="$('#ie_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="/mini_profil/roll_up.png" border="0" onMouseOver="this.src='/mini_profil/roll_up2.png'" onMouseOut="this.src='/mini_profil/roll_up.png'"></a> <a href="javascript://" onclick="document.getElementById('ie_close').style.display='none';false" style="cursor: pointer"><img src="/mini_profil/closed.png" border="0" onMouseOver="this.src='/mini_profil/closed2.png'" onMouseOut="this.src='/mini_profil/closed.png'"></a> </td> </div></tr></table></div></div>
<div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;"> <div id="ie_cvernuti" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0"><tr> <td valign="top" align="center" id="ie_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px"><?else?><img src="http://internetempire.ru/ava/coll3/avatar_4.png" width="70px"><?endif?></td>  
<td valign="top" id="ie_poloska_gorizont"><div id="ie_text"> <div id="ie_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$"><font color="#DC8337">Мой профиль</font></a></div> <div id="ie_menu"><a href="$PM_URL$"><font color="#DC8337">Читать ЛС</font></a></div> <div id="ie_menu"><a href="$HOME_PAGE_LINK$/index/11"><font color="#DC8337">Редактировать данные</font></a></div> </div></td></tr></table> </div> </div></a></div></div>
<style>
a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
a:hover {text-decoration:none; color:#000;} #ie_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#ie_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;} #ie_fon_ava {padding:3px; background:#f7f7f7;} #ie_text{text-align:left; clear:both;}  
</style>


Готово! Мини-профиль установлен на Ваш сайт!


Скачать ( Размер архива 162.9 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 507 | Загрузок: 17


Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar