Главная > Блогостроение, Полезные советы > Как сделать эффект загнутого угла без использования плагинов.

Как сделать эффект загнутого угла без использования плагинов.

Объявления

Эффект загнутого углаПриветствую всех читателей блога BlogoManiy.Ru !!В одном из своих постов, я рассказал как сделать эффект загнутого угла с помощью плагина Page Peel. Но, всем известно, что плагины очень тормозят загрузку блога.

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

Единственное, что вам нужно будет сделать, это нарисовать картинки в фотошопе, сделать это не сложно, картинки должны быть 75х75 и 500х500.

Эффект загнутого угла без плагина!!

1.Скачиваем архив , разархивируем его и поменяем картинки на свои но с тем же названием.

2.Создадим в корне блога папку под названием peelo и скопируем туда все файлы из скаченного архива.

3.Откроем файл peel.js и укажем путь к странице, на которую нужно будет перейти при нажатии на рекламу внутри угла. Так же укажем папку, в нашем случае это папка peelo. См. рис.

Эффект загнутого угла без плагина

4.Дальше заходим в папку с вашей темой, рекомендую использовать ftp загрузчик FileZilla. Находим в теме файл header.php, и вставляем перед закрывающимся тегом </head> вот эту строчку:

<script tupe="text/javascript" src="peelo/peel.js"></script>

Теперь вы увидите уголок на своем сайте.

эффект загнутого угла

Вот так просто можно создать эффект загнутого угла без плагина. Надеюсь, вам пригодится.

Скачать архив с файлами http://yadi.sk/d/Z938Y6rKmUwy

Желаю всем удачи.

Полезно.

С уважением, Александр.

Посмотрите еще интересные записи:

Объявления

Блогостроение, Полезные советы

Понравилась статья? Поделись с друзьями!!

  1. Женька
    21 сентября 2012 в 18:11 | #2

    *THUMBS UP* *THUMBS UP* Мне такие уголки нравяться, всегда смотрю рекламу там =)

  2. 22 сентября 2012 в 11:41 | #3

    только не понимаю зачем этот угол загнутый

  3. Алекс
    22 сентября 2012 в 11:59 | #4

    @Андрей
    А тут и понимать не чего, для рекламы, кому-то нравится, кому-то нет.. дело вкуса =)

  4. 23 сентября 2012 в 20:09 | #5

    Александр, огромное спасибо за урок! Я установила наконец-то уголок на свой блог! Плагин Page Peel никак не хотел становиться, и я отчаялась его вообще установить, а тут Ваша статья и параллельно видео урок от Евгения Попова.Только по видеоуроку трудно поставить было, а вот Ваша статья в самый раз! Еще раз СПАСИБО!Успехов вашему блогу и процветания Вам!!!!

  5. Алекс
    23 сентября 2012 в 20:25 | #6

    @Маргарита Минкова
    Спасибо Маргарита =) Посмотрел, отлично сделали, поздравляю =)

  6. 5 ноября 2012 в 22:43 | #7

    Очень интересно! Надо будет убрать плагин. Вроде поюзал его, встал нормально, работатет. Но чем их меньше, тем лучше. Респектище тебе. Теперь мне осталось нарисовать картинки, чтоб вписались аккуратно.

  7. Алекс
    5 ноября 2012 в 22:49 | #8

    @Руслан Ахтамьянов
    Я ТЕСТИРОВАЛ ВСЕ ОК =) Просто пока не использую…не до него, дел много…чуть позже тоже поставлю =)

  8. федор
    6 мая 2013 в 16:31 | #9

    а как сдалать чтобы была просто полоска с текстом в углу без анимации? и что бы при скролировании страницы это угол был прелеплен?

  9. федор
    6 мая 2013 в 16:39 | #11

    вот как раз нужен аналог этого плагина только скрипт !!!! этот плагин я пробывал он увеличивает запросы к базе а скрипт нет, не подскажете такой скриптик?

  10. 6 мая 2013 в 16:40 | #12

    @федор
    У меня нет, поищи в инете наверняка есть))

  11. федор
    6 мая 2013 в 16:44 | #13

    жаль, просто уже порядком ищю и пока не нашол!(((

  12. 6 мая 2013 в 16:46 | #14

    @федор
    ФРИЛАНСЕРАМ ЗАКАЖИ ОНИ ЛЮБОЙ КАПРИЗ ЗА ВАШИ ДЕНЬГИ СДЕЛАЮТ)))

  1. Пока что нет уведомлений.