Навигация по сайту

Интересное

Проверено

VDS-хостинг - именно на этом хостинге работает наш сайт.

Sape - биржа временных ссылок, доход 80р/день.

Trustlink - биржа временных ссылок, доход 60р/день.

GogetLinks - биржа вечных ссылок, доход 100р/день.

Партнеры

Последние сообщения с форума

Название темы	Автор	Статистика	Последнее сообщение
продажа аккаунтов разных сервисов Тема в разделе: Услуги и сервисы ваших web-сайтов	Sdelkin	Просмотров: 183975 Ответов: 26	Автор: Sdelkin 3-02-2018, 18:55
хостинг от M-HOSTER Тема в разделе: Хостинг	wmmax	Просмотров: 57963 Ответов: 0	Автор: wmmax 1-02-2018, 15:42
Комплексное продвижение (прогон) сайтов ру и en Тема в разделе: Поисковая оптимизация	Kysovue	Просмотров: 145315 Ответов: 73	Автор: Kysovue 25-01-2018, 21:16
Special offer! SSD NVMe хостинг, Выделенный сервер и VPS SSD Тема в разделе: Хостинг	iphoster	Просмотров: 61526 Ответов: 0	Автор: iphoster 10-11-2017, 22:56
продвижение сайтов, прогоны Тема в разделе: Поисковая оптимизация	brig2	Просмотров: 78438 Ответов: 7	Автор: brig2 5-11-2017, 14:00

Cpojer by BES Edition

Дата: 9-03-2011, 13:53 Автор: Golden Категория: DLE хаки

Представляю Вам хак трансформации ссылок для DataLife Engine. Работает на CSS 2.0, поддерживает каждый браузер. Фишка в том, что при наведение на ссылку она анимируется и её фон вертится влево или вправо. Очень красиво будет смотреться в любом дизайне!

Установка:
1. В css файл вписываем:

/* ==================== Cpojer by BES Edition */
.cpojer-by-bes 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-by-bes 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-by-bes 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}) и shortstory.tpl ({shortstory}) объединяем теги которые в скобках в div:

<div class="cpojer-by-bes">{fullstory}</div>
и
<div class="cpojer-by-bes">{short-story}</div>