Новый вид стикера


Новый вид стикера

1049
7.4 из 10
Проголосовало: 3




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Вставляем это в Таблицу стилей(CSS) в самый верх:

Code
.stickblone { </div><div> width: 200px; </div><div> float: left;</div><div> }</div><div> .stickbltwo { </div><div> width: 48px;</div><div> height: 0px;</div><div> float: left; </div><div> position: relative; </div><div> top: -55px; </div><div> left: 0px; </div><div> }</div><div> .stickerm img {width: 70px; height: auto;}</div><div>.leftblavatar {background:#ebeef2;border:1px solid #c6c6c6;padding:5px;display:inline-block;}</div><div>.profileTable {</div><div> margin: 0px;</div><div> padding: 0px;</div><div>}</div><div><br></div><div>.profileTable td {</div><div> vertical-align: top;</div><div> font-size: 11px;</div><div> line-height: 13px;</div><div> margin: 0px;</div><div> padding: 1px 0px 1px 0px;</div><div>}</div><div><br></div><div>.profileTable .label {</div><div> width: 120px;</div><div> color: gray;</div><div>}


Создаем глобальный блог "STICKER" и вставляем в него:

Code
<div class="stickblone" width="200px"><div class="stickbltwo" width="300" height="300"></div><div><span class="stickerm"></div><div><img src="/images/sticker/st1.gif" style="background:url('/images/sticker/st1.png');"></div><div><img src="/images/sticker/st4.gif" style="background:url('/images/sticker/st2.png');"></div><div><img src="/images/sticker/st3.gif" style="background:url('/images/sticker/st3.png');"></div><div><img src="/images/sticker/st4.gif" style="background:url('/images/sticker/st4.png');"></div><div><img src="/images/sticker/st5.gif" style="background:url('/images/sticker/st5.png');"></div><div><img src="/images/sticker/st6.gif" style="background:url('/images/sticker/st6.png');"></div><div><img src="/images/sticker/st7.gif" style="background:url('/images/sticker/st7.png');"></div><div><img src="/images/sticker/st8.gif" style="background:url('/images/sticker/st8.png');"></div><div><img src="/images/sticker/st9.gif" style="background:url('/images/sticker/st9.png');"></div><div></span></div></div>


Где стоит $_USER_ID$="62" это означает что у этого пользователя есть стикер,"62" id пользователя

Находим в персональной странице:

Code
</div><div><img src="" width="200px"></div><div><img src="/images/noava.png">


И заменяем его на:

Code
<div style="width:210px;margin:0 auto;padding-bottom:7px;" class="paddingc"></div><div><div class="leftblavatar"></div><div> </div><div><img src="" width="200px"></div><div><img src="/images/noava.png"></div><div>$GLOBAL_STICKER$</div><div></div></div>


Картинки заливаем в Файловый менеджер.
Создаем папку images и в нее заливаем папку sticker
Автор публикации: Загрузка
Загрузка
vover6, это его n материал
Источник: http://web-studia.3dn.ru/
  • Всего комментариев: 10

DaMaGe
0
DaMaGe написал: Написано 20 Июня 2011 в 17:41
Комментарий №9
Вот Вовчик нихера не умеет фотошопить, это пичально.

VoVcHiK
-2
VoVcHiK написал: Написано 20 Июня 2011 в 14:05
Комментарий №7
у мя раз в 10 лучше и удобнее т.к там не надо залазить в код а редактировать стикер прямо в профиле пользователя через титул пользоваеля а так же есть эффект на фото полюс у админа модера и випа есть выделение т.е фон другой

все делал сам и придумал сам

если не удалят ссыль на сайт [реклама] а мой проф [реклама]

p.s там есть 2 стикера но 2 это ранг тут уже легче

InteGrant
0
InteGrant написал: Написано 20 Июня 2011 в 14:35
Комментарий №8
Это уже реклама

Вовчик
0
Вовчик написал: Написано 20 Июня 2011 в 19:09
Комментарий №10
так добавь...

vover6
0
vover6 написал: Написано 18 Июня 2011 в 16:00
Комментарий №4
DJ_FORWARD, эт моя ава)меня Владимир зовут)

Вовчик
0
Вовчик написал: Написано 19 Июня 2011 в 15:07
Комментарий №5
ты на фото?

vover6
0
vover6 написал: Написано 19 Июня 2011 в 15:45
Комментарий №6
да

DJ_FORWARD
0
DJ_FORWARD написал: Написано 18 Июня 2011 в 15:28
Комментарий №3
biggrin лицо прикольное biggrin и ещё так ВОВАН biggrin

vover6
0
vover6 написал: Написано 18 Июня 2011 в 14:46
Комментарий №2
zenitovic, было,да с плыло. biggrin

zenitovic
0
zenitovic написал: Написано 18 Июня 2011 в 14:35
Комментарий №1
А вообще это раньше было на сайте usocial.ru biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    229
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: