• Страница 1 из 1
  • 1
Модератор форума: CruSanodeR  
Быстрое управление аватарами используя фотоальбом
Ghost
Дата: Понедельник, 12.09.2011, 19:01 | Сообщение # 1


Подполковник
132
Сообщений:
5
Награды:


Быстрое и удобное управление аватарами используя модуль фотоальбома ucoz сайта.

Скрипт позволяет редактировать свою аватарку не заходя на страницу редактирования своего личного профиля, что дает массу удобства каждому пользователю менять себе аватар хоть каждые 5 минут, если конечно же ваш сайт популярный и есть резон для этого.

Редактирование и изменение происходит в окне ajax, есть поддержка кода безопасности. Встроена так же удобная функция Подгруздки материалов, после нажатия на кнопку, происходит погрузка следующих аватаров.

Так же удобное выделении при нажатие на логотип, что бы было видно ваш выбор.

Фотоальбомы » Страница рейтинга и поиска фотографий, находим там $BODY$ и заменяем на:
Code
<div id="forIF">$BODY$</div><div style="display:none;" id="forSEL">$PAGE_SELECTOR$</div>

Фотоальбомы » Вид материалов, в конец вставляем:
Code
<div style="display:none;" class="aviki"> <img src="$PHOTO_DIRECT_URL$" stik="$FULL_PHOTO_DIRECT_URL$" class="style_img" alt="$PHOTO_NAME$" border="0" /> </div>

На персональную страницу, туда где хотите видеть ссылку:
Code
<?if($_CHANGE_DETAILS_URL$)?>    
    <a href="javascript:edit.ava();">Change avatar</a>    
    <script type="text/javascript" src="http://usite.su/js/edit.ava.photo.js"></script>    
    <?endif?>

В форму редактирования данных, в любое место вставляем код (Не на страницу ред. данных, а в форму!):
Code
<div style="display:none;" id="errAva">$ERROR$</div>

В конец CSS, вставляем код:
Code
#u_con{background:#fff; padding:5px; border:1px solid #bbb;}    
    img.style_img {border:1px solid #d0d0d0; padding:3px; background:#f3f3f3; display:inline-block; margin:5px 5px;}    
    img.style_img:hover {border-color:#4f637e; background:#6b90b5; cursor:pointer;}    
    img.style_img_act {border-color:#4f637e; background:#6b90b5; cursor:pointer;}

  • Страница 1 из 1
  • 1
Поиск:
Загрузка...