09 янв 2012
Необычный вид ссылок для dle 9.2 и ниже
Fizer Категория: DATALIFE ENGINE » Модули
У нас вы можете скачать бесплатно Необычный вид ссылок для dle 9.2 и ниже

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Необычный вид ссылок для dle 9.2 и ниже

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}

Всё,хак успешно работает!!









Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Vadim) | 9 января 2012 14:42
  • Группа: Посетители |
  • Комментарий: 1 (ссылка)

Вроде было уже....

Fizer | 9 января 2012 14:43

Там не для дле 9.2 и не рабочий,а этот я сам лично переделывал!!

zikpic | 9 января 2012 14:53
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

artem1996,
ага спс

Fizer | 9 января 2012 14:58

zikpic,
помог??

zikpic | 9 января 2012 15:00
  • Группа: Посетители |
  • Комментарий: 5 (ссылка)

artem1996,
не я так говорю у мя на сайте есть эта хня))

Fizer | 9 января 2012 15:04

ясно,хак действительно рабочий,сам переписывал

9cbka | 9 января 2012 16:00
  • Группа: Посетители |
  • Комментарий: 7 (ссылка)

А что за ссылка на изображении?

Fizer | 9 января 2012 16:26

не знаю,я картинку эту нашел в интернете,а вот код сам писал

Tags | 9 января 2012 21:47
  • Группа: Посетители |
  • Комментарий: 9 (ссылка)

Цитата: Garry
ХЗ причем тут версия движка... Это ж простой CSS3 - где угодно будет работать.

Поддерживаю, этот ксс можно установить не только на dle, тут версия движка безраздницы
Цитата: artem1996
Там не для дле 9.2 и не рабочий,а этот я сам лично переделывал!!

Руки не из того места растут, раз тот не рабочий!

Fizer | 9 января 2012 23:00
  • Группа: Гости |
  • Комментарий: 10 (ссылка)

Tags,
если сам ничего не знаешь,то молчи

perf.Ect | 9 января 2012 23:09
  • Группа: Посетители |
  • Комментарий: 11 (ссылка)

Цитата: artem1996
Там не для дле 9.2 и не рабочий,а этот я сам лично переделывал!!

50 во лох, оказывается css теперь не все версии dle поддерживают

Ivan | 10 января 2012 14:16
  • Группа: Посетители |
  • Комментарий: 12 (ссылка)

хахах! Во-первых новость эта уже была на сайте! Во вторых: Этот "Хак" подоёдт под любую cms даже на html страничку - Откройте глаза, здеь обыкновенный css-код!
В-третьих: Расскажи ка мне что там сам писал? Код? Како? Цвет фона изменил?? Хахах! Да ты даже не правильно установку описал! Что бы работало нужно прописывать: <div style=spojer> - как то так! Не говори, если не имешшь понятия что это такое что ты сам его писал!

Hacker-SoftLab | 30 июля 2012 09:03
  • Группа: Посетители |
  • Комментарий: 13 (ссылка)

В 9.6 нужно, чтобы было так:
<div class="cpojer">{full-story}
Тоже самое и короткой (maincont заменить на cpojer)

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