Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как настроить скрипт "сдвигающийся ссылки" ?

Предыдущая тема Следующая тема Перейти вниз

Как настроить скрипт "сдвигающийся ссылки" ?

Сообщение автор Сказочник Зазеркалья в Вт 12 Мар - 12:58

Приветик всем. 22

Возможно ли как то сделать рамку вокруг ссылок и чтобы эта рамка была определённого размера ? 24



И ещё бы мне хотелось уменьшить длину той полосы, по которой едет ссылка... 23

Я полазила в коде, но так и не смогла найти нужного.. :88:

А вот и сам код:
Код:
a.forumlink {
-htm-border-radius: 20px;
-htm-transform: all;
-htm-transition: 1s;
-moz-border-radius: 20px;
-moz-transform: all;
-moz-transition: 1s;
-o-border-radius: 20px;
-o-transform: all;
-o-transition: 1s;
-webkit-border-radius: 20px;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #E7D095;
border-radius: 20px;
color: #AF946C!important;
display: block;
font-family: comic sans ms;
font-size: 12px;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 0 0 1px white;
transform: all;
transition: 1s;
}a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #000000;
color: ##ffffff!important;
padding-left: 60px;
text-shadow: 0 0 3px rgba(61, 17, 17, 0.38);
text-transform: uppercase;
transform: all;
transition: 1s;
}

Заранее спасибо всем кто поможет с решением... d_daisy
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как настроить скрипт "сдвигающийся ссылки" ?

Сообщение автор Сказочник Зазеркалья в Вт 19 Мар - 3:01

UP.
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как настроить скрипт "сдвигающийся ссылки" ?

Сообщение автор Dana Domirani в Вт 19 Мар - 16:06

Надо добавить фикс. ширину
a.forumlink {
-htm-border-radius: 20px;
-htm-transform: all;
-htm-transition: 1s;
-moz-border-radius: 20px;
-moz-transform: all;
-moz-transition: 1s;
-o-border-radius: 20px;
-o-transform: all;
-o-transition: 1s;
-webkit-border-radius: 20px;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #E7D095;
border-radius: 20px;
color: #AF946C!important;
display: block;
font-family: comic sans ms;
font-size: 12px;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 0 0 1px white;
transform: all;
transition: 1s;
}a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #000000;
color: ##ffffff!important;
padding-left: 60px;
text-shadow: 0 0 3px rgba(61, 17, 17, 0.38);
text-transform: uppercase;
transform: all;
transition: 1s;
width: 300px;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22344
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8998

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как настроить скрипт "сдвигающийся ссылки" ?

Сообщение автор Сказочник Зазеркалья в Вт 19 Мар - 16:27

@Dana Domirani пишет:Надо добавить фикс. ширину
Спойлер:

Почти получилось, но возникла такая проблема что ссылки некорректно ведут себя при наведении. 23
Да и ширина не полностью меняется. smile
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как настроить скрипт "сдвигающийся ссылки" ?

Сообщение автор Сказочник Зазеркалья в Пн 25 Мар - 14:04

Тему можно закрывать, проблема решена. girl_yes

Поставила width: 300px; в другом месте и это позволило, улучшить внешний вид ссылок. smile

a.forumlink {
-htm-border-radius: 20px;
-htm-transform: all;
-htm-transition: 1s;
-moz-border-radius: 20px;
-moz-transform: all;
-moz-transition: 1s;
-o-border-radius: 20px;
-o-transform: all;
-o-transition: 1s;
-webkit-border-radius: 20px;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #E7D095;
border-radius: 20px;
color: #AF946C!important;
display: block;
font-family: comic sans ms;
font-size: 12px;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 0 0 1px white;
transform: all;
transition: 1s;
width: 300px;
}a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #000000;
color: ##ffffff!important;
padding-left: 60px;
text-shadow: 0 0 3px rgba(61, 17, 17, 0.38);
text-transform: uppercase;
transform: all;
transition: 1s;
}
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения