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

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


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

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

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


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

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

Как сделать рамку на ссылках ?

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

Как сделать рамку на ссылках ?

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

Всем приветик. wink

Вот снова нашла себе проблему, которую решить не могу. По всякому крутила этот код, но так и не поняла как его настроить, чтобы вокруг ссылки была рамка... 23

Плиз помогите сделать рамочку как на скрине вокруг ссылок:

Спойлер:

Вот код для улучшения ссылок:
Код:
/* Дополнительные эффекты ссылок */
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: 2px solid #FFFFFF; 
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: 250px; 
}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


Последний раз редактировалось: Кардинал Мишель Картер (Вт 26 Мар - 13:46), всего редактировалось 1 раз(а)
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

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

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

http://help.forum2x2.ru

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

Re: Как сделать рамку на ссылках ?

Сообщение автор Домовой в Вт 26 Мар - 13:33

попробуй заменить на это
Код:
/* Дополнительные эффекты ссылок */
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: 2px solid #fff; 
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: 250px; 
}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: 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
Домовой
 

Мужчина

Сообщения : 6800
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3220

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

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

Re: Как сделать рамку на ссылках ?

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

@Домовой пишет:попробуй заменить на это
Код:
/* Дополнительные эффекты ссылок */
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: 2px solid #fff; 
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: 250px; 
}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: 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
Вечером посмотрю код и покручу его. biggrin
Темку можно закрывать. 15
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

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

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

http://help.forum2x2.ru

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

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


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