Замечательный хак, который позволит изменить стиль ссылок для
DataLife Engine. Работает на CSS2.0, без проблем работает на новых браузерах, кроме IE. Как работает
dle хак при наведение на ссылку, и начинается красивая анимация, вертится влево или вправо. Замечательно будет смотреться в любом дизайне.
Для версии: 9.0 возможно и 9.2
Красивая анимация ссылок в новостях Cpojer хак для dle1. В 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) В файле full-story.tpl ищите тег {full-story} и заменяете его на:
<div class="cpojer">{full-story}</div>
3) В файле shortstory.tpl ищите тег {short-story} и заменяете его на:
<div class="cpojer">{short-story}</div>
Рекомендуем скачать красивая анимация ссылок хак для
dle в новостях Cpojer
haki-cpojer-vid-ssylok-v-novostyah.rar [6,36 Kb] (cкачиваний: 112)
Комментарии 4