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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Не работает ВЫДЕЛИТЬ СОДЕРЖИМОЕ в коде
автор Xan_Kriegor Сегодня в 1:17

» IP пользователей
автор Nhlvegas Вчера в 21:33

» Как удалить пользователя?
автор Nhlvegas Чт 22 Июн - 22:41

» ЛС в новом окне
автор fatalone Чт 22 Июн - 21:21

» Новый владелец сайта
автор Лёлик8 Ср 21 Июн - 22:23

» раздача наград, очков, "спасибо"
автор irina27 Ср 21 Июн - 21:04

» Убрать слово "цитата" - 2
автор Aster Ср 21 Июн - 15:46

» не уходит массовая рассылка
автор facebook Ср 21 Июн - 11:51

» Переезд сайта
автор Dana Domirani Вт 20 Июн - 14:27

» Как изменить надпись на кнопке при регистрации.
автор blesk-55 Вс 18 Июн - 22:02

Интересные решения
Быстрый переход к сервисам: 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
Домовой
 

Мужчина

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

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

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

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

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

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


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