Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

В разделе задаются вопросы, связанные с настройкой, редактированием или внесением изменений во внешний вид (дизайн) вашего форума.

Перед созданием темы воспользуйтесь поиском. Возможно на ваш вопрос уже был дан ответ ранее.

Создание тем в разделе: Ваша тема будет удалена, если она нарушает правила форума/раздела.

Страницы: (3) 1 2 [3]   ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

> Гиперссылки переливаются всеми цветами радуги
Snow
Отправлено: Янв 31 2013, 06:47
Quote Post


Lord Commander of The Night's Watch
Group Icon

Группа: Пользователи
Сообщений: 235
Пользователь №: 3 794
Регистрация: 11-Ноября 12
Member Offline

Репутация: 11




Протестировал все три скрипта, первый в Мозилле не работает, 2 других работают, но из-за них перестает работать "Быстрая цитата", а она намного нужнее, чем эти свистульки и перделки.


--------------------
Исторический форум "Свиток" - форум для умных и любознательных.

user posted image
Top
Snow
Отправлено: Мар 13 2013, 12:34
Quote Post


Lord Commander of The Night's Watch
Group Icon

Группа: Пользователи
Сообщений: 235
Пользователь №: 3 794
Регистрация: 11-Ноября 12
Member Offline

Репутация: 11




Если кому надо, есть такой вариант оформления линков в CSS:
Код
a:link, a:visited, a:active {
display:inline-block;
color:#555;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
a:hover {
color:#333;
text-shadow:0 1px 0 #0f9fff;
display:inline-block;
background:#006fdd;
padding:2px 5px 2px 5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-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);
-ms-transform:scale(1.05) rotate(-1deg);
transform: scale(1.05) rotate(-1deg);
}
a:nth-child(2n):hover {
background:#ffb111;
text-shadow:0 1px 0 #FFDF7D;
-webkit-transform: scale(1.05) rotate(1deg);
-moz-transform: scale(1.05) rotate(1deg);
-o-transform: scale(1.05) rotate(1deg);
-ms-transform:scale(1.05) rotate(1deg);
transform: scale(1.05) rotate(1deg);
}

У себя тестировал, все работает (правда мне такой вариант кажется легкомысленным), если надо убрать подчеркивание - то в первую скобку вставляем в начале
Код
text-decoration: none;
и будет Вам счастье.


--------------------
Исторический форум "Свиток" - форум для умных и любознательных.

user posted image
Top
Magadannoxton
Отправлено: Сен 21 2013, 22:15
Quote Post


Участник
Group Icon

Группа: Пользователи
Сообщений: 59
Пользователь №: 4 271
Регистрация: 21-Сентября 13
Из: магадан
Member Offline

Репутация: нет




Четко у меня идет , спасибо малышка
Top
Snow
Отправлено: Сен 21 2013, 22:39
Quote Post


Lord Commander of The Night's Watch
Group Icon

Группа: Пользователи
Сообщений: 235
Пользователь №: 3 794
Регистрация: 11-Ноября 12
Member Offline

Репутация: 11




Код
<a href="#">href 1</a><br />
<a href="#">href 2</a><br />
<a href="#">href 3</a><br />
<a href="#">href 4</a><br />

Это из кода уберите, над шапкой торчит.


--------------------
Исторический форум "Свиток" - форум для умных и любознательных.

user posted image
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Страницы: (3) 1 2 [3]  Reply to this topicStart new topicStart Poll