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

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

12013-11-12742121Денис Абдуллин

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

Установка

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

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


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (21)
Насыров Денис 2015-03-01 в 23:39 / МатериалСпам
батва какая-то
0
Скриптёр Великий 2015-02-18 в 16:47 / МатериалСпам
при изменение таблицы стилей пропадает дизайн страницы настроек>
-3
Денис Абдуллин 2014-12-05 в 08:24 / Материал
Исправил
0
ilhom 2014-12-04 в 22:58 / МатериалСпам
ссылка не рабочий
Error (509)
This account's public links are generating too much traffic and have been temporarily disabled!
0
Майрбек Абдурахманов 2014-03-12 в 17:40 / МатериалСпам
если ссылка битая скачивайте на сайте lezginka. Ссылка в источнике
0
Богдан 2014-08-10 в 04:36 / МатериалСпам
Работает кривовато.
Нельзя сменить "ваше имя и фамилию", "Дату Рождения", "Пол". На счет остального не проверял. Пока оставлю, возможно перепишу под себя.
0
Name Name 2014-02-13 в 19:33 / МатериалСпам
Пробовал ставить, всё работает нормально.
0
Иван 2014-02-09 в 00:02 / МатериалСпам
Кто нибудь ставил скрипт? дайте сылку я гляну плиз...
0
Джим 2014-02-06 в 21:12 / МатериалСпам
Битая Ссылка
0
Дмитрий Канаев 2014-01-29 в 20:27 / МатериалСпам
битая ссылка
0
Майрбек Абдурахманов 2014-01-08 в 23:29 / МатериалСпам
DarkDeveloper, не до орфографии было дело, это просто типа наброски
0
Майрбек Абдурахманов 2014-01-08 в 23:30 / МатериалСпам
FLAIM61, причем тут правила регистрации?
0
Михаил 2014-01-08 в 20:33 / МатериалСпам
Иногда скрипт дает сбои при обычном редактировании текста... И нельзя было исправить орфографию?! Ужас!!!
0
Danil Noskov 2014-01-08 в 01:44 / МатериалСпам
может быть в "Правила регистрации пользователей" , а не в "Форма редактирования данных пользователя"
0
Сергей Гатеев 2013-11-15 в 17:31 / МатериалСпам
Lezginka, красавец, отлично сделал.
1
Майрбек Абдурахманов 2013-11-13 в 22:27 / МатериалСпам
Lumore, если ты про скрипт то нет
0
Adil Rakhimbayev 2013-11-13 в 17:03 / МатериалСпам
fil_ru, он есть где-то еще?
0
Philip Rybalka ✔ 2013-11-13 в 16:47 / МатериалСпам
И тут вы...
-3
andrei mamai 2015-04-04 в 18:03 / МатериалСпам
Где найти Форму редактирования данных пользователя
0
Андрей Пасько 2014-05-05 в 20:44 / МатериалСпам
Тому кто не успел скачать файл. Вот ссылка https://www.dropbox.com/s/fdtqwx31djyxvj1/1080_stranica_nastro.zip рекламы нету.
-2
OT_gamera 2017-06-07 в 20:32 / МатериалСпам
Здравствуйте... во первых не работает поле изменении имени
так же нельзя выбрать город и т.д.
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.