Приветствую вас! Вы находитесь на сайте uCobest.my1.ru. Наш сайт посвящен тематике Система uCoz и Всё для DataLife Engine . Вы можете скачать обсолютно любой файл, который вам понравиться. На нашем сайте вы можете найти все что нужно для создания сайта, его дизайна и не только. На нашем сайте установлен оригинальный дизайн и расположение блоков и модулей где вы без труда найдете что искали. И не забываем про активный форум где вам всегда помогут если у вас возникнут вопросы. В мини чате только краткое общение, обсуждение и помощь идет на форуме, где созданы для этого разделы. Дерзайте ;)
18.10.2017, 14:04
ser2010
ser2010 (Администраторы)
  • Репутация: 0
  • Файлы: 240
Хината
Хината (Проверенные)
  • Репутация: 0
  • Файлы: 1
wolkodaw1980
wolkodaw1980 (Пользователи)
  • Репутация: 0
  • Файлы: 0
18.10.2017 в 14:04Страница настроек профиля
Данное решение я применил для развлекательной социальной сети: взял скрипт вкладок из этого материала, распределил код из «Формы редактирование данных пользователя» в соответствующие вкладки, немного поменял оформление самих вкладок. Для более интересного отображения сделал на «Странице редактирования данных» выше вкладок аватар и логин пользователя. Надеюсь, для кого-нибудь этот скрипт окажется полезным.

Установка
ПУ - Пользователи - Форма редактирования данных пользователя. Замените весь код на следующий:

Код
<table id="w3tc" class="w3tc">  
<thead><tr><td><ul>  

<li><a href="#tab1">Личная</a></li>  
<li><a href="#tab2">Фотография</a></li>  
<li><a href="#tab3">Подпись</a></li>  
<li><a href="#tab4">Приватность</a></li>  

</ul></td></tr></thead>  
<tr><td>  

<div><table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:25px;">  
<tr>  
<td valign="top" style="font-size:13px">Ведите ваше имя и фамилию:</td>  
</tr>  
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-right:11px;">  
<tr>  
<td>$NAME_FL$</td>  
</tr>  
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="informac">  
<tr>  
<td>Информация</td>  
</tr>  
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="informac1">  
<tr>  
<td>Дата рождения: $BIRTHDAY_FL$<br>Пол: $GENDER_FL$</td>  
</tr>  
</table>  
</div>  
<div><table width="100%" border="0" cellpadding="0" cellspacing="0" class="informac1" style="margin-bottom:10px;">  
<tr>  
<td>Вибирите или загрузите аватар.<br><span style="font-size:12px; color:#9E2121;">Внимание: аватар не должен быть более или менее 110x110px.</span></td>  
</tr>  
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="informac" style="margin-bottom:0px; padding-top:7px; padding-bottom:7px; padding-left:7px; padding-right:18px;">  
<tr>  
<td>$AVATAR_FL$</td>  
</tr>  
</table>  
</div>  

<div><table width="100%" border="0" cellpadding="0" cellspacing="0" class="informac">  
<tr>  
<td>Ваша подпись:</td>  
</tr>  
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-right:7px;">  
<tr>  
<td>$SIGNATURE_FL$</td>  
</tr>  
</table>  
</div>  
<div><table width="100%" border="0" cellpadding="0" cellspacing="0" class="informac">  
<tr>  
<td>Настройки приватности</td>  
</tr>  
</table>  
$OPTIONS_FL$</div>  
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="facegood">  
<tr>  
<td width="33%">$SECURITY_CODE_FL$</td>  
<td width="53%"><span style="font-size:11px; color:#915451;">Введите цифры с картинки.<br>Нажмите на картинку чтобы сменить код</span></td>  
<td width="14%" class="manTdBut" colspan="2" align="center" id="siM65">  
<input id="siF20" type="submit" name="sbm" value="Сахранить" class="setbutt" />  
</td>  
</tr>  
</table>  

</td></tr>  
</table>  
<script type="text/javascript">  
var w3tc=new w3tabcontrol('w3tc', 'w3tc');  
</script>

ПУ - Управление дизайном - Страница редактирования данных пользователя. Заменяем $BODY$ на:

Код
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="soderj">  
<tr>  
<td width="17%" valign="top"><div style="padding:2px; width:110px; margin-right:15px; border: 1px solid #EAEAEA;"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/img/noavatar.png<?endif?>" style="width:110px; height:110px;" /></div></td>  
<td width="79%" valign="top"><div style="height:25px;"><strong style="font-size:14px; font-family: sans-serif;">$USERNAME$</strong></div></td>  

</tr>  
</table><table width="100%" border="0" cellpadding="0" cellspacing="0" class="soderj">  
<tr>  
<td>$BODY$</td>  
</tr>  
</table>

На этой же странице между и ставим:

Код
<link type="text/css" rel="StyleSheet" href="/w3tabcontrol.css" />  
<script type="text/javascript" src="/w3tabcontrol.js"></script>

Скачайте эти файлы: загрузите w3tabcontrol.js и w3tabcontrol.css в корневой каталог через файловый менеджер.
Просмотров: 38
Чтобы скачивать файлы зарегистрируйтесь, или войдите под своим логином
Внимание! Материал "Страница настроек профиля" полностью уникальный. Копирование без указания источника категорически запрещено!
Загрузок: 1 Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-чат
Все вопросы задаем Админу
здесь и ЛС
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Всего: 364 +0 новых
Никого нету
Посетители за сегодня ()