Опрос

Писал на нашем форуме?
Да
Нет
Собираюсь
Голосовать Результаты опроса

Партнеры

  • Место свободно
  • Место свободно
  • Место свободно
  • Место свободно

Наш архив :)

Онлайн

    Всего на сайте: 1
    Гостей: 0
    Пользователи: - отсутствуют
    Роботы: Arraycrawl Bot
    Администраторов: 1
    Редакторов: 0
    Журналистов: 1
    Модераторов: 0
    Дизайнеры: 0
    VIP: 0
    Пользователей: 5295 [+1]

Переходы

123

Реклама
На сайте
Cpojer - хак трансформации ссылок в DLE

Cpojer - хак трансформации ссылок в DLE - это обычный css который придает ссылкам необычайно красивый эффект в полной и краткой новости. Хак работает при помощи CSS 2.0, работает в каждом браузере, даже в IE. Главная особенность хака: при наведении на ссылку, ссылка анимируется и ее фон наклоняется либо влево, либо вправо! Выглядит потрясающе!

Установка хака Cpojer:
1) В любой файл css(я взял engine.css) вставляем:
/* Cpojer */
.cpojer a {
    display: inline-block;
    padding: 4px;
    outline: 0;
    color: #587ed7;     /* ====== Цвет обычного текста */
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    }
.cpojer a:hover {
    background: #587ed7;      /* ====== Цвет фона при линке */
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: scale(1.05) rotate(-1deg);
    -moz-transform: scale(1.05) rotate(-1deg);
    -o-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
    }
.cpojer a:nth-child(2n):hover {
    -webkit-transform: scale(1.05) rotate(1deg);
    -moz-transform: scale(1.05) rotate(1deg);
    -o-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
    }


2) В файле fullstory.tpl ищите тег {fullstory} и заменяете его на:
<div class="cpojer">{fullstory}</div>

3) В файле shortstory.tpl ищите тег {shortstory} и заменяете его на:
<div class="cpojer">{short-story}</div>

Вот и все!
Cpojer - хак трансформации ссылок в DLE


Своё Спасибо, еще не выражали.
Рейтинг:
 (голосов: 2)
Комментариев: 1 | Просмотров: 1023
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Репутация: 0
Teemz
Коммент. №1
Группа: Пользователи
Регистрация: 10.01.2011
Комментариев: 2
Публикаций: 0
Статус:Оффлайн
4 февраля 2011 19:39
Красиво только в опере и хроме в мозилке криво отображает тексовые ссылки в IE не пашет вообще, только окантовка появляется
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Яндекс Апдейт
↓ Апдейты Яndex тИЦ
19.11.2017
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
11.12.2017
09.12.2017
04.12.2017
↓ Апдейты ЯКаталога
15.12.2017
13.12.2017
11.12.2017
Календарь
«    Декабрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Чат
НаписалФилипп
26 августа 2017
Добрый день. Презентация http://jersiker.ru/
Ответить
НаписалАнтон
29 июня 2017
Добрый день. Наша презентация http://omelesu.ru/
Ответить
НаписалВиталий
14 июня 2017
Здравствуйте. Не дозвонились до вас, презентация http://majuster.ru/
Ответить
НаписалЕвгений
12 мая 2017
Добрый день. Это презентация, не дозвонились до Вас, посмотрите http://merternas.ru/?activation=9
f8dd061
Ответить
НаписалАнатолий
4 марта 2017
Не дозвонились до Вас, посмотрите презентацию http://advertuper.ru/video?activa
tion=af8e1257
Ответить
НаписалКирилл
11 января 2017
Здравствуйте! Я звонил вам перед праздниками, вы не перезвонили, результат нашей презентации тут http://patrongiis.ru/
Ответить
НаписалСемён
29 ноября 2016
Добрый день! Вам стоит это увидеть, это касается вашей компании! Смотрите в видео http://customerbass.ru/video
Ответить
НаписалВалерий
22 ноября 2016
Добрый день. Вчера договаривались созвонится с Вами в 14:00, но я до Вас не дозвонился, нужно ваше решение по нашему предложению http://comenst.ru/offer293
Ответить
НаписалДанила
24 октября 2016
Это ссылка на презентацию, о которой я говорил http://prescom.ru/
Ответить
НаписалЕгор
6 октября 2016
Добрый день! Я обещал вам прислать ссылку http://plazametrix.ru/
Ответить

   
Популярное
Коментарии
Автор → IraFriene
в новости → "Страница ошибки 404 на DLE"
Автор → dficrgFriene
в новости → Поисковая подсказка
Автор → Snovidenius
в новости → "Страница ошибки 404 на DLE"
Автор → buypropeciaon
в новости → Поисковая подсказка
Автор → gcgdgijhheDhaBB
в новости → "Страница ошибки 404 на DLE"
Автор → buypropecia
в новости → Поисковая подсказка
Автор → MariaFrienr
в новости → Поисковая подсказка
© RIPs.SU DOG
Последние комментарии 2.4
Проследить за всеми новостями мы не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
© artsss-web.ru 2010 - 2012 Яндекс.Метрика

{dotcat}