Выбор фона вокруг аватара для uCoz by webo4ka

1657
10 из 10
Проголосовало: 8






Идея создания скрипта взята от сюда, вот решил сделать свой вариант... Суть скрипта такова, при редактировании информации пользователь может выбрать цвет фона вокруг аватара, мной были сделаны 6 вариантов цветов, седьмой цвет белый, он удаляет фон вокруг авы. Для выбора одного из цветов просто нужно тыкнуть на квадратик с цветом, при этом все остальные потускнеют, а тот на который вы нажали выделится ярче и в правом нижнем углу откроется uWnd окно, которое сообщит какой цвет вы выбрали, так же справа от выбора фона будет еще квадратик с цветом, он показывает какой цвет фона стоит у вас в данный момент... Установка проста и должно работать все нормально без багов, если у вас не будет отображаться, что-нибудь, значит у вас нестандартная форма редактирования информации, т.к. она делалась на стандартном шаблоне...
Установка:

1) Активируем поле Yahoo идентификатор (в настройках пользователя)

2) Далее ПУ \ Управление дизайном \ Пользователи \ Страница редактирования данных пользователя
после $BODY$ вставляем:

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/by_webo4ka/fon_dlja_avatarki.js"></script>


3) После идем на страницу пользователя ПУ \ Управление дизайном \ Пользователи \ Персональная страница пользователя

и меняете вывод своей аватарки на:

Code
<?if($_YAHOO$)?>
<?if($_AVATAR$)?><div style="background:#$_YAHOO$; border:1px solid #666; padding:6px; width:150px;">$_AVATAR$</div><?else?><div style="background:#$_YAHOO$; border:1px solid #666; padding:6px; width:150px;"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png"></div><?endif?>
<?else?>
<?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png"><?endif?>
<?endif?>


4) И так же на форуме ПУ \ Управление дизайном \ Форум \ Вид материалов
и меняете вывод своей аватарки на:

Code
<?if($YAHOO$)?>
<?if($AVATAR_URL$)?><center><div style="background:#$YAHOO$; border:1px solid #666; padding:6px; width:150px;"><img title="$USERNAME$" src="$AVATAR_URL$"></div></center><?else?><center><div style="background:#$_YAHOO$; border:1px solid #666; padding:6px; width:150px;"><img title="$USERNAME$" src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png"></div></center><?endif?>
<?else?>
<?if($AVATAR_URL$)?><img title="$USERNAME$" src="$AVATAR_URL$"><?else?><img title="$USERNAME$" src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png"><?endif?>
<?endif?>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 2

mohito93
0
mohito93 написал: Написано 24 Октября 2012 в 15:32
Комментарий №1
Норм скрипт, кто протестировал - киньте демо, пожалуйста)

Вовчик
0
Вовчик написал: Написано 24 Октября 2012 в 16:12
Комментарий №2
установи и посмотри как работает, да и к тому же этот скрипт тут месяца 2-3 стоял...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    478
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: