Страница настроек профиля от Lezginka

Страница настроек профиля от Lezginka

12.11.2013606720

Данное решение я применил для развлекательной социальной сети: взял скрипт вкладок из этого материала, распределил код из «Формы редактирование данных пользователя» в соответствующие вкладки, немного поменял оформление самих вкладок. Для более интересного отображения сделал на «Странице редактирования данных» выше вкладок аватар и логин пользователя. Надеюсь, для кого-нибудь этот скрипт окажется полезным.

Установка

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

Код
<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>

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

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

Скачайте эти файлы: загрузите w3tabcontrol.js и w3tabcontrol.css в корневой каталог через файловый менеджер.

Источник: lezginka.ucoz.ru




Сохраните в социальную сеть
Комментарии (20)
Philip Rybalka ✔ 13.11.2013 в 16:47Спам
И тут вы...
-3
Adil Rakhimbayev 13.11.2013 в 17:03Спам
fil_ru, он есть где-то еще?
0
Lumore, если ты про скрипт то нет
0
Lezginka, красавец, отлично сделал.
1
Danil Noskov 08.01.2014 в 01:44Спам
может быть в "Правила регистрации пользователей" , а не в "Форма редактирования данных пользователя"
0
Михаил 08.01.2014 в 20:33Спам
Иногда скрипт дает сбои при обычном редактировании текста... И нельзя было исправить орфографию?! Ужас!!!
0
DarkDeveloper, не до орфографии было дело, это просто типа наброски
0
FLAIM61, причем тут правила регистрации?
0
битая ссылка
0
Джим 06.02.2014 в 21:12Спам
Битая Ссылка
0
Иван 09.02.2014 в 00:02Спам
Кто нибудь ставил скрипт? дайте сылку я гляну плиз...
0
Name Name 13.02.2014 в 19:33Спам
Пробовал ставить, всё работает нормально.
0
если ссылка битая скачивайте на сайте lezginka. Ссылка в источнике
0
Тому кто не успел скачать файл. Вот ссылка https://www.dropbox.com/s/fdtqwx31djyxvj1/1080_stranica_nastro.zip рекламы нету.
-2
Богдан 10.08.2014 в 04:36Спам
Работает кривовато.
Нельзя сменить "ваше имя и фамилию", "Дату Рождения", "Пол". На счет остального не проверял. Пока оставлю, возможно перепишу под себя.
0
ilhom 04.12.2014 в 22:58Спам
ссылка не рабочий
Error (509)
This account's public links are generating too much traffic and have been temporarily disabled!
0
Денис Абдуллин 05.12.2014 в 08:24
Исправил
0
при изменение таблицы стилей пропадает дизайн страницы настроек>
-3
батва какая-то
0
andrei mamai 04.04.2015 в 18:03Спам
Где найти Форму редактирования данных пользователя
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт