Отгибающийся уголок для сайта - супер скрипт

Уголок на сайте!Приветствую самых умных и красивых посетителей моего сайта. То есть – Вас!

Давненько я не писал в блог, как никак праздники, как никак – болела голова, как никак – душа требовала продолжения банкета! cool smile

Продолжение было, и даже немного затянулось. Но все было просто замечательно.

Надеюсь, что вы тоже отлично провели НГ, и вам есть, что вспомнить… главное – вспомнить.

Как сделать отгибающийся уголок для сайта?

И так, сегодня я хочу вам показать, как сделать на сайте отличную фишку, которая, несомненно, приукрасит ваш интернет ресурс.

Называете это чудо – отгибающийся уголок.

Тренинг по вёрстке сайта на HTML5 и CSS3

Это уголок на сайте в правом верхнем углу. Зырим на мой правый верхний угол. Там качается кусочек странички, при наведении на него мышкой – он  отгибается и задает посетителю интригующий вопрос – хотите на халяву?

Ну, кто не хочет на халяву? tongue rolleye  Я тоже хочу. По мне – его идеально использовать для составления какого-нибудь предложения для ваших посетителей.

Например, я, предлагаю подписаться на мою рассылку, и как подарок – курс по основам создания сайта. Ну а вы можете предложить что угодно на свой выбор – денег, например. Если будете предлагать бабки – отпишите мне, я там тоже пощелкаю… раз пятьсот. chuckle

Что бы сделать такой уголок на сайте – оказывается не надо быть гением, а достаточно посмотреть видео, которое я записал специально для вас.

Только перед началом работы – скачайте скрипт отгибающегося уголка к себе на компьютер:

Скачать архивчик!

В архиве также будут картинки и PSD исходник для уголка и сам пример использования.

Если будете качать видео – тогда этот архив можете не качать!

Любителям покачать – ссылка на видео сразу со скриптом отгибающегося уголка.

Скачать с летитбит. Всего 11 метров.

Замечу, что протестировать скрипт отгибающегося уголка на сайте вы сможете либо сразу в интернете, либо на локальном сервере. Просто на компе не выйдет – техника безопасности браузеров не позволяет.

Так что устанавливайте локальный сервер на компьютер и в путь! Тестируйте что хотите.

(как установить локальный сервер – было в последнем письме моей рассылки)

Сам скрипт я, как обычно, спер с сайта - http://rotorweb.ru/

Спасибо Женьке за хорошую работу.

Но, естественно, стырить сам скрипт мне было очень мало, и я решил дополнительно забацать плагин для CMS MaxSite, поэтому владельцем сайтов на этой системе надо просто установить плагин, включить его и указать настройки (всего три).

Скачать с плагин.

И отгибающийся уголок – будет радовать глаз посетителям вашего сайта. love

Все вопросы, "спасибки" и посылания на три веселых буквы оставляем в комментариях!

Надеюсь - урок был не только полезным, но и интерестным.

Комментариев: 31 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 31
  •  Dima | 9 января 2011 в 16:05:07

    Уголок классный! теперь "магазин" надо поправить чуть в сторону,эт мое мнение. За плагин спасибоokПосмотрим ,как его прилепить

  •  Серёга | 9 января 2011 в 16:07:31

    Окей, поправлю магазин, просто у меня моник 22 дюйма, как то не подумал что будет некрасиво смотреться...

  •  Аноним | 12 января 2011 в 22:25:55

    так и не удалось скачать "уголок" и 4000 картинок с анастохорошевшего летитбита. Можно ли их скачать с других файлообменников?

  •  Серёга | 12 января 2011 в 23:20:02

    Так а в чем именно проблема при скачивании???

    Что касается уголка - он мало весит, и все ссылки расположены на моем хостинге, на летитбит - только само видео стоит.

    Причем вы его можете просмотреть прямо на странице сайта - я его разместил через ютуб...

  •  Tane4ka12 | 21 января 2011 в 19:46:23

    Можете помочь?Avast пишет что у вас вирус в архиве...как мне скачать этот видеоурок?

  •  Серёга | 21 января 2011 в 19:53:51

    Могу, в архиве вируса нет, это срабатывание аваста на айпи адрес сервера летитбит.

    Отключите на время скачивания сетевой экран.

    Более подробно смотрите комментарии в статье:

    http://master-css.com/page/kartinki-png-arhiv-png-kartinok-4-000

  •  Иван | 2 февраля 2011 в 01:04:33

    Где уголок? В каком углу?devil

  •  Роман Б. | 2 февраля 2011 в 13:59:58

    Уважаемый Сергей М., уголок чудесный, только вот нюанс, как сделать чтоб уголок был не справа а слева!?

  •  Серёга | 3 февраля 2011 в 23:58:57

    Иван, уголовк убрал, вместо него поставил всплывающий баннер!

    На уголок можешь в видео полюбоваться smile

    Роман, надо будет над этим подумать smile

  •  Комментатор 42 | 8 февраля 2011 в 14:30:50

    Как подписаться на ваш RSS? у вас есть внизу статьи подписаться на RSS,но там нельзя выбрать функцию RSS и кнопки тоже внизу нет!

    как подписаться на ваш RSS? Может нужно как-то по-другому это сделать! напишите мне пожалуйста ответ на мой е-майл! Спасибо!

    grin

  •  Серёга | 8 февраля 2011 в 14:39:30

    Как таковой RSS ленты у меня нет,так как я использую сервис смартреспондер.

    Вы можете подписаться на мою рассылку здесь:

    рассылка

    После подписки вы получите от меня еще пять уроков, и каждый раз, когда на сайте будет появляться новая статья, за исключением отзывов на мои курсы, вы будете получать уведомление.

    Некоторые предложения я делаю только по рассылке. И не создаю постов, такое редко - но бывает!

    Но если надо могу создать ленту... smile

  •  Аноним | 2 марта 2011 в 08:03:04

    danceohh

  •  Alex | 8 марта 2011 в 10:05:59

    А как на wordpress?

    Skype ermakovalexei

    email mailcry@yandex.ru

    Заранее спасибо!

  •  Аноним | 6 апреля 2011 в 01:08:35

    А не кажется ли Вам, что на каждой страничке Вашего сайта всплывающее и всеперекрывающее окно о подписке - это уже через чур?

    Сайт хороший, слог понятен. Но ЭТО отбивает всякую охоту зайти на него еще раз. Уважайте посетителей - это первая заповедь веб-мастера. Вспомните рекомендации о фоновой музыке...

  •  Серёга | 6 апреля 2011 в 01:11:54

    Такс, момент, окно настроено на одноразовое всплытие.

    У вас возможно просто отключены куки.

    Какой браузер?

  •  Александр | 6 апреля 2011 в 01:26:43

    Товарищ Аноним, дело в том, что работа данного всплывающего окна основана на cookie (куках) -- это данные о посещаемом вами сайте, которые храняться у Вас на компьютере и посылаються веб-серверу, когда вы заново заходите на этот сайт.

    Так вот это всплывающее окно настроено на единоразовое появление одному пользователю, а информация о том что Вы посещали этот сайт храниться в куках и если они у Вас отключены, то естественно скрипт думает что Вы новый пользователь, который зашёл на сайт впервые и поэтому показывает Вам это окно сново и сново, так как куки не сохраняються.

    Если вы думаете, что куки это какие-то программы и они могут нанести вред Вашему компьютеру, и именно поэтому отключили их, то это абсолютно неправильно, куки это обыкновенные текстовые данные и никакой опасности не представляют.

    Включите куки в Вашем браузере и всё будет в порядке.

  •  Руслан Сафин | 9 августа 2011 в 14:14:29

    На последней версии максайта не работает.

    Переделай пожалуйста Серега, чтобы работало.

    И еще. Почему решил с уголка перейти на попап?

    Тестировал эффективность? Или наугад перешел

  •  Серёга | 9 августа 2011 в 14:29:05

    Эффективность намного лучше у попапа smile

  •  Руслан Сафин | 9 августа 2011 в 21:27:28

    какова конверсия у твоего попапа?

    я пока попапом не балуюсь. пробовал ставить, но пошли жалобы, потом убрал

    пока у меня сайдбар дает самые лучшие показатели. потом уголок

  •  Серёга | 9 августа 2011 в 23:45:00
    я пока попапом не балуюсь. пробовал ставить, но пошли жалобы, потом убрал

    В настройках ставь что бы отображался один раз.

    Вот и все.

    Уголок, попап - это все само собой надоедает посетителям.

    Преимущество попапа в том, что его увидят 100%, но что бы он не мешал твоим посетителям - надо сделать что бы он отображался только один раз.

    Конверсию посчитать невозможно ни у уголка ни у попапа.

    Так что я даже этим не занимаюсь.

    Ты же не знаешь сколько человек из зашедших уже твои подписчики, а сколько новые.

    Могу только по наблюдениям тебе рассказать.

    Что с уголком у меня записывалось 1 - 3 человека в день.

    С попапом - 5 - 10.

    Это не считая моего отдельного сайта.

  •  Комментатор 107 | 13 августа 2011 в 14:47:20

    Привет, Серега. Поставил "уголок" на Денвере. Показывает только маленькую картинку и маленький swf. Остальной эффект не отображается. Видео просмотрел тщательно. Что-то у меня не получается. Если сочтешь нужным, может подскажешь в чем дело?

  •  Серёга | 14 августа 2011 в 09:54:16

    Я кода не видел.

    Ты лучше на форуме выложи и сразу код в студию...

    Или ты плагином ставишь?

  •  BiancaBurks | 24 августа 2011 в 09:33:41

    Some time ago, I needed to buy a building for my corporation but I didn't have enough cash and couldn't purchase something. Thank heaven my friend proposed to try to take the credit loans at reliable bank. Therefore, I acted so and used to be satisfied with my term loan.

  •  кирилл | 8 октября 2011 в 15:10:08

    спасибо, долго искал, вот теперь нашёл! поставил на ворд пресс, ставиться очень быстро! только такой вопрос, как сделать так, чтобы уголок (который маленький) отгибался чуть больше (пикселов на 40)gringringrin большое спасибо!clapclapclap

  •  Серёга | 8 октября 2011 в 16:04:19

    Честно - бес понятия, там по моему флэш такого размера.

    Есть еще уголок на яваскрипте, там будет по проче наверное размер поставить.

    Поищите в нете.

  •  Аноним | 25 ноября 2011 в 00:02:45

    Там размеры кажется прописываются...

  •  ZloY | 23 марта 2012 в 08:11:27

    и все-таки, как сделать уголок скажем справа внизу?

  •  BUB | 20 июня 2012 в 14:44:35

    Подскажите. можно ли маленькое изображение не 75х75 а 200х200 использовать? как корректно исправить это в скрипте? или это вопрос swf объекта маленького?

  •  Тиинс Маклаген | 21 сентября 2012 в 15:53:48

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

    А у меня вопрос не по теме! Можно ли добавить статью или видеоурок по тому, как добавить редактор текста к тегу , типа как у вас, где пользователь может оформить свой пост, сделав текст жирным или курсивом, а так же добавить картинку??? Заранее премного благодарен!!!

  •  Тиинс Маклаген | 21 сентября 2012 в 15:57:41

    к тегу textarea*

  •  Антон | 1 декабря 2012 в 21:44:56

    как поменять местоположении уголка?