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

Чат:
Нет сообщений


Последние комментарии:
  • hackaxe 18.11.2016
    [Vip] Скрипт приема (4)
    hackaxe-фото
    Кому нужно сделать ключ, пишите на kak@xaker.ruЗа пивас сделаю под любой домен
  • damirkzn 15.11.2016
    Instant Article Wizard (5)
    damirkzn-фото
    не работает !!
  • damirkzn 14.11.2016
    Пастухова - русская (1)
    damirkzn-фото
    С яндекса не качается , может перезалъете ?пожалуйста
  • zaw27 05.11.2016
    [Vip] Xrumer 5 VMware (7)
    zaw27-фото
    требует парольвиртуальную машину запустил, хрумер туда залил, нажимаю на ярлык открыть хрумер и выскакивает окно активации
  • headmin 04.11.2016
    BoardMaster Pro v5.7 - (2)
    headmin-фото
    Ссылка тю-тю! Обновите плиз!
  • headmin 03.11.2016
    Спамер для ask.fm (1)
    headmin-фото
    AntiГейта нет, а РуКапча (с положительным баллансом)не работает при авторегистрации новых аккаунтов: Неверно разгаданная капча. Разгадывать капчи вручную не активно! Разве что достать гдет большую базу асковских аккаунтов. А так,
  • Riximis 30.10.2016
    [Vip] VIP аккаунт на (4)
    Riximis-фото
    Пишет, Неверный логин или пароль.

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

Название темы Автор Статистика Последнее сообщение
[Vip] Бизнес Молодость - 7 ключевых способов продаж

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

Trust

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

Ответов: 0

Автор: Trust

Сегодня, 08:49

[Vip] Богданов - Психологический Турбобизнес

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

Trust

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

Ответов: 0

Автор: Trust

Сегодня, 08:36

[Vip] Ответы на тесты по сертификации Яндекс Директ (2016)

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

Trust

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

Ответов: 0

Автор: Trust

6-12-2016, 23:27

Просмотров: 2 395, Комментариев: 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 тИЦ
    03.12.2016Последний
    13.09.2016
    19.08.2016
    Апдейты Яndex выдачи
    09.12.2016Последний
    07.12.2016
    04.12.2016
    Апдейты ЯКаталога
    08.12.2016Последний
    06.12.2016
    04.12.2016
    Апдейты Google
    06.12.2013Последний

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

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