prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Cpojer by BES Edition


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Cpojer by BES Edition.


Cpojer by BES Edition

Представляю Вам хак трансформации ссылок для DataLife Engine. Работает на CSS2.0 поддерживает каждый браузер. Фишка в том, что при наведение на ссылку она анимируется и её фон вертится влево или вправо. Очень красиво будет смотреться в любом дизайне!

Установка:
1. В css файл (мы возьмём engine.css) вписываем:
/* ==================== Cpojer by BES Edition */
.cpojer-by-bes 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-by-bes 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-by-bes 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}) и shortstory.tpl ({shortstory}) объединяем теги которые в скобках в div:
<div class="cpojer-by-bes">{fullstory}</div>
и
<div class="cpojer-by-bes">{short-story}</div>


0
Просмотры: 2832 VIP ProWebber | Комментарии (33)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1aigusev

  • 14 декабря 2010 14:57
  • Регистрация: 29.11.2009
  • ICQ: 424534354
  • Комментариев: 90
Нда ну и хак rofl

0

#2testersm

  • 14 декабря 2010 15:02
  • Регистрация: 11.09.2010
  • ICQ: --
  • Комментариев: 33
Весело, а демо можно?

0

#3DarkNill

  • 14 декабря 2010 15:02
  • Регистрация: 2.10.2010
  • ICQ: 555995004
  • Комментариев: 74
Было! bo crazy

--------------------

0

#4explOit

  • 14 декабря 2010 15:03
  • Регистрация: 16.11.2009
  • ICQ: --
  • Комментариев: 271
красиво смотрится если применять к картинкам вместо обводки, с ссылками не интересно.

--------------------

0

#5WebSupport

  • 14 декабря 2010 15:09
  • Регистрация: 15.11.2010
  • ICQ: --
  • Комментариев: 225
Прикольно :)
....

0

#6BES

  • 14 декабря 2010 15:40
  • Регистрация: 3.12.2010
  • ICQ: --
  • Комментариев: 76
explOit,
К картинкам которые размером уменьшены, например
[center][thumb]ссылка на картинку превью[/thumb][/center]
он и так применится, вить они играют роль ссылки! Кстате да, смотрится блестяще!

aigusev,
Ты мелкий падонок смеёшся? Для такого есть другая рубрика типок?

DarkNill,
Блеать, я ипу где это было? =)

testersm,
Установи, епт 5 сек, если что удалиш...

P.S.
Если где-то видели подобный хак, ненужно писать и т.д. Я незанимаюсь воровством работ таких, ибо нахер мне это ненужно)

0

#7naladchik

  • 14 декабря 2010 16:17
  • Регистрация: 12.09.2010
  • ICQ: 598585676
  • Комментариев: 159
  • Выкл.
Прикольно good смотриться

0

#8-=MaD_DoG=-

  • 14 декабря 2010 16:22
  • Регистрация: 9.02.2010
  • ICQ: --
  • Комментариев: 223
testersm,
демо _http://yourway.org.ua/
наведи на Скачать/Подробное

--------------------

0

#9Gast

  • 14 декабря 2010 16:22
  • Регистрация: 11.12.2010
  • ICQ: --
  • Комментариев: 21
Прикольно смотрится, спасибо

--------------------

0

#10pernatik

  • 14 декабря 2010 16:35
  • Регистрация: 4.02.2010
  • ICQ: 907089
  • Комментариев: 122
В IE не работает зараза...

А так гуд смотриться

0

#11drakyla66

  • 14 декабря 2010 16:48
  • Регистрация: 14.11.2010
  • ICQ: --
  • Комментариев: 25
Спасибо, щас куда-нибудь пристроим

0

#12atlas100

  • 14 декабря 2010 18:12
  • Регистрация: 7.11.2009
  • ICQ: --
  • Комментариев: 15
старый хак, давно уже в сети

0

#13aigusev

  • 14 декабря 2010 18:15
  • Регистрация: 29.11.2009
  • ICQ: 424534354
  • Комментариев: 90
BES, на ты мы по моему не переходили..
Это нельзя назвать хаком.
Цитата: BES
Ты мелкий падонок смеёшся? Для такого есть другая рубрика типок?

за это минус в репу.
кстати скопировал с www.ruseller.com и гордо написал by BES
детишки Вы манией величия не страдайте, не нужно присваивать чужие идеи и давать себе оценку если что-то стоящее сделаете Вас заметят и о Вас расскажут.

0

#14BR0kEN

  • 14 декабря 2010 19:33
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 255
BES, а в чем выражается доработка? В измененных названиях классов?

Все такое же как и в начальном варианте от DarkneZ'а (http://dletweak.ru/hacks/4845-krasivaya-transformaciya-ssylok.html).

--------------------

0

#15aigusev

  • 14 декабря 2010 19:50
  • Регистрация: 29.11.2009
  • ICQ: 424534354
  • Комментариев: 90
kep,
как чем? он же by BES написал biggrin
вообще это просто пример с сайта Евгения Попова (www.ruseller.com)

0

#16ПафНутиЙ

  • 14 декабря 2010 20:00
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
на CSS2.0

автор где ты тут увидел CSS2 ??? в спецификации CSS 2 нету слов -moz -webkit и -o
поддерживает каждый браузер

а с каких пор слова каждый браузер означают последние версии FF, хром и Opera? или других браузеров не бывает?
В общем автор - учи матчасть.
Да и не хак это вовсе и не для DLE уж точно....

P.S.
Автор страдает недостаточным знанием вопроса... его проблемы.
для справки: Вбейте в гугл слова: "трансформация ссылок CSS"
и посмотрите результаты.

--------------------

0

#17BES

  • 14 декабря 2010 23:24
  • Регистрация: 3.12.2010
  • ICQ: --
  • Комментариев: 76
aigusev,
phahaha... поплачь епта! xD Ахтунг, минус в репу за хамство и наглость я над вами валяюсь! xD

aigusev,
Какой ещё нах*й DarkneZ'а. Авторство не воровал, и где вашу мать написано что АВТОР Я?
С каких пор приставка by заменяет слово автор?

ПафНутиЙ,
У автора статьи не очень много времени для ответа)

P.S. и всякие дарки какие-то тоже не оригинальные авторы. да статья с раселлера, но нету тут в статье текста автор: BES поэтому засунте себе в рот ноги недотёпы ; ) к таким типам кроме грубости немогу ничего сказать! А то как воробьи, клюют тут ещё сидят... xD

0

#18Dr. Neo

  • 14 декабря 2010 23:29
  • Регистрация: 3.12.2009
  • ICQ: 370771525
  • Комментариев: 400
  • Выкл.
Не сраццо! diablo

-1

#19xom9k_off

  • 15 декабря 2010 01:04
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 238
ололошенька выложил то что давно в сети валяется. описание не соответствует действительности.

бес, хак не твой а почему тогда стили называются так ?

cpojer-by-bes

Такой материал только минусует репу!

0

#20BES

  • 15 декабря 2010 07:21
  • Регистрация: 3.12.2010
  • ICQ: --
  • Комментариев: 76
hotdj,
phahaha ты чё, ещё один долбаёб? Читай посты выше блят*, ещё один воробей прилетел! xD
пздц кто Вас только тут поразвёл!!!! ; )
Ещё раз повторяю в описание нету слово мой хак или текста Автор: BES. Если у Вас настолько акуенный английский что by переводится как Автор то я Вам сочуствую! источник руселлер.ком но не какойнить там дарк ипать его)
Всё просьба с этим уткнуцо, я не занимаюсь воровством работ. ибо я уёпся всем писать

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки