Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Raumt Ноябрь 8th 2024, 13:51
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
Как сделать рамку на ссылках ?
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Как сделать рамку на ссылках ?
Всем приветик.
Вот снова нашла себе проблему, которую решить не могу. По всякому крутила этот код, но так и не поняла как его настроить, чтобы вокруг ссылки была рамка...
Плиз помогите сделать рамочку как на скрине вокруг ссылок:
Вот код для улучшения ссылок:
Буду благодарна всем кто окажет помощь.
Вот снова нашла себе проблему, которую решить не могу. По всякому крутила этот код, но так и не поняла как его настроить, чтобы вокруг ссылки была рамка...
Плиз помогите сделать рамочку как на скрине вокруг ссылок:
- Спойлер:
Вот код для улучшения ссылок:
- Код:
/* Дополнительные эффекты ссылок */
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;
}
Буду благодарна всем кто окажет помощь.
Последний раз редактировалось: Кардинал Мишель Картер (Март 26th 2013, 13:46), всего редактировалось 1 раз(а)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: Как сделать рамку на ссылках ?
попробуй заменить на это
- Код:
/* Дополнительные эффекты ссылок */
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;
}
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать рамку на ссылках ?
Домовой пишет:попробуй заменить на это
- Код:
/* Дополнительные эффекты ссылок */
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;
}
Огромное спасибо Домовой.
Вечером посмотрю код и покручу его.
Темку можно закрывать.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Похожие темы
» Как сделать "плавный сдвиг" на ссылках ?
» Как сделать переливающиеся эффект на ссылках ?
» Как сделать, чтобы аватарки были в рамке?
» Как сделать рамку с сообщениями
» как сделать рамку вокруг ответов?
» Как сделать переливающиеся эффект на ссылках ?
» Как сделать, чтобы аватарки были в рамке?
» Как сделать рамку с сообщениями
» как сделать рамку вокруг ответов?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения