» » Cpojer - хак ссылок в DLE.

Cpojer - хак ссылок в DLE.

Cpojer - хак ссылок в DLE.


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

Установка хака 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>


Вот и все!

Комментарии

да этот хак уже давным давно на руселлере лежал,так что "новый хак от nnpl - фейк !

TipTop

Администраторы 24 декабря 2010 19:11
Я не спорю что это не так. Подобной новости не было на сайте вот и решил пускай позно чем не когда.
круто)спс)
СПС )) winked
всё нормально но только он не только на ссылки но и а картинки действует

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Личные сообщения

Ваши переписки