Cpojer - Это новый этап в оформлении ссылок. Как видите на картинке(анимированная), как будет происходить весь процесс изменения ссылок. Она принимает разного рода позиции, направления вниз или вверх. Не скажу, что прям всем полезный хак dle, но для многих он будет нужным. Также его можно использовать не только на dle сайтах.
1) В любой файл css(лучше в css/style.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} и заменяете его на:
{full-story}
3) В файле shortstory.tpl ищите тег {shortstory} и заменяете его на:
{short-story}
Всё,хак работает!!
