Быстрое изменение аватара из фотоальбома - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.227.52.7

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Быстрое изменение аватара из фотоальбома

hANdsome

Сообщение оставлено 16.10.2011 в 18:03:55 | Сообщение #1

Начнем с того, что данный скрипт редактирует аватар не заходя на страницу ред. данных, как вы наверное уже заметили на скриншоте редактирование происходит в uWnd окошке, есть поддержка кода безопасности. Внедрена функция «Подгрузки материалов», по нажатию на эту кнопку, как вы уже поняли — происходит подгрузка последующих фотографий. По нажатию на фотографию — она выделяется, что бы было видно, какую выбрали. Данный скрипт был написан по просьбе одного из пользователей нашего сайта, а именно Deerty.
1. В конец вашего 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;}

2. В форму редактирования данных, в любое место (Не на страницу ред. данных, а в форму!):

Code

<div style="display:none;" id="errAva">$ERROR$</div>

3. На персональную страницу, туда где хотите видеть ссылку:

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?>

4. Фотоальбомы » Страница рейтинга и поиска фотографий, находим там $BODY$ и заменяем на:

Code

<div id="forIF">$BODY$</div><div style="display:none;" id="forSEL">$PAGE_SELECTOR$</div>

4.2. Фотоальбомы » Вид материалов, в конец вставляем:

Code

Не забывайте про данную настройку!

Мой блог :О
Спасает дым, без дыма были бы виллы.

hANdsome	Сообщение оставлено 16.10.2011 в 18:03:55 \| Сообщение #1
Заблокированный Лавэ это не главное Сообщения: 0 0	Начнем с того, что данный скрипт редактирует аватар не заходя на страницу ред. данных, как вы наверное уже заметили на скриншоте редактирование происходит в uWnd окошке, есть поддержка кода безопасности. Внедрена функция «Подгрузки материалов», по нажатию на эту кнопку, как вы уже поняли — происходит подгрузка последующих фотографий. По нажатию на фотографию — она выделяется, что бы было видно, какую выбрали. Данный скрипт был написан по просьбе одного из пользователей нашего сайта, а именно Deerty. 1. В конец вашего 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;} 2. В форму редактирования данных, в любое место (Не на страницу ред. данных, а в форму!): Code <div style="display:none;" id="errAva">$ERROR$</div> 3. На персональную страницу, туда где хотите видеть ссылку: 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?> 4. Фотоальбомы » Страница рейтинга и поиска фотографий, находим там $BODY$ и заменяем на: Code <div id="forIF">$BODY$</div><div style="display:none;" id="forSEL">$PAGE_SELECTOR$</div> 4.2. Фотоальбомы » Вид материалов, в конец вставляем: 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> Не забывайте про данную настройку! Подпись пользователя: Мой блог :О Спасает дым, без дыма были бы виллы.
	Профиль Цитата Вверх