Контакты для связи с администрацией ресурса www.saloed.net, skype: sa-lo-ed или Email:sal0ed@yandex.ru

 

Хак Оформление Ссылок

 

 

 

Cpojer - Это новый этап в оформлении ссылок. Как видите на картинке(анимированная), как будет происходить весь процесс изменения ссылок. Она принимает разного рода позиции, направления вниз или вверх. Не скажу, что прям всем полезный хак dle, но для многих он будет нужным. Также его можно использовать не только на dle сайтах.
Установка в 3 шага, прописать в css, и вставить в теги див.

 

Установка хака Cpojer:

1) В любой файл 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) В файле fullstory.tpl ищите тег {fullstory} и заменяете его на:

<div class="cpojer">{fullstory}</div>

 

3) В файле shortstory.tpl ищите тег {shortstory} и заменяете его на:

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

Связь с автором


Своё Спасибо, еще не выражали.
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии: Оставить комментарий
Наверх
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Дополнения для InstantCMS
 
Copyright © 2009-2015

Дополнения для InstantCMS | Рипы сайтов | Социальные сети