| admin | Дата: Суббота, 21.12.2013, 14:42 | Сообщение # 1 |
 Главный админ
Группа: Администраторы
Сообщений: 336
Награды: 0
Репутация: 1
Статус: Offline
| Страница настроек профиля uCoz
Вот есть у вас развлекательная социальная сеть. Вы ее сделали с любовью, помня о лаврах всяких там Цукербергов. Но, вот чего-то не хватает. А чего? Чего-то очень важного, для того, чтобы фанаты вашей новой соц.сети просто валом валили регистрироваться и постить фоточки. Конечно же я имею ввиду удобную форму редактирования профиля и персональных данных.
А вы думали, сейчас секрет успеха будет? Так это он и есть. Редактирование персональных данных через модератора - это муторно. Пусть все будет для людей и люди все сами делают. Дизайн отличный, все просто и понятно в настройках и использовании, а главное, даже самый "продвинутый" юзер сможет оперировать настройками вашей соц. сети. Для более интересного отображения форма редактирования сделана на «Странице редактирования данных» выше вкладок аватар и логин пользователя. Работает быстро, позволяет редактировать все нужные поля формы, а главное, пока еще не замечено ни одного глюка в системе. Код вписывается на страницу - и вперед. Главное, не забывайте оставлять положительные комментарии на мои маленькие сообщения, потому что мне хочется знать, как вообще идут дела у пользователей, установивших скрипт. Если плохо и что-то не работает - пишите, мы тут все исправим, или дадим совет как исправить. И, палец вверх для тех, кому заранее понравилась идея с персональными данными.
Важно: Скачайте эти файлы: загрузите w3tabcontrol.js и w3tabcontrol.css в корневой каталог через файловый менеджер.
Установка:
ПУ - Пользователи - Форма редактирования данных пользователя. Замените весь код на следующий:
Код <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>
ПУ - Управление дизайном - Страница редактирования данных пользователя. Заменяем $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="$USER_AVATAR_URL$/img/noavatar.png" 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>
|
| |
| |
