Навигация
Все для движков сайта:Все для Seo:
  Графика/дизайн для сайта Графика/дизайн для сайта Купить vip Купить Vip

Чат:
Vantey92
Vantey92
19 марта 2017
Плюсую!
Моё почтение Трасту winked
ОтецДаниил
ОтецДаниил
18 марта 2017
Присоединяюсь! Респект Трасту!
jkeks
jkeks
13 марта 2017
Автор cms-file - мега чел. Материалы просто БОМБА.


Последние комментарии:

Онлайн:
Юзеры (2)
Гости (23)
Боты (3)
crawl Bot
Всего на сайте (28)

Название темы Автор Статистика Последнее сообщение
БизнесЛифт - Свое дело за чужие деньги

Тема в разделе: Раскрутка / Продвижение

Trust

Просмотров: 17

Ответов: 0

Автор: Trust

Вчера, 22:34

[Vip] Кинезиомассаж

Тема в разделе: Разное

Trust

Просмотров: 12

Ответов: 0

Автор: Trust

Вчера, 22:17

[Vip] Интересная белая схема с профитом от 4000 руб за рабочий день

Тема в разделе: Бизнес

Trust

Просмотров: 25

Ответов: 0

Автор: Trust

Вчера, 22:06

Просмотров: 2 456, Комментариев: 0
Красивый вид ссылок в коротких и полных новостях(Проверенно на Dle 9.5)


Фишка в том, что при наведение на ссылку она анимируется и её фон вертится влево или вправо. Очень красиво будет смотреться в любом дизайне!

Установка:

1. В css файл (style.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);
}
/* Cpojer end */

2.В файлах шаблона fullstory.tpl ({fullstory}) и shortstory.tpl ({shortstory}) объединяем теги которые в скобках в div:

<div class="cpojer">{full-story}</div>
<div class="cpojer">{short-story}</div>


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

Яндекс и Google апдейты:
    Апдейты Яndex тИЦ
    24.03.2017Последний
    14.03.2017
    16.02.2017
    Апдейты Яndex выдачи
    27.03.2017Последний
    24.03.2017
    22.03.2017
    Апдейты ЯКаталога
    27.03.2017Последний
    24.03.2017
    22.03.2017
    Апдейты Google
    06.12.2013Последний

Популярные новости

Витрина ссылок: