Кнопка-ссылка с закруглёнными уголками

MoLoTstyle · 2009-07-21T07:24:23.0000000Z

Хочу сделать кнопку ссылку что-то наподобие как у скайпа с четыремя закруглёнными уголками, проблема в том что я плохо знаю CSS... сайт: mySEOtalk.ru Посмотрите пожалуйста, я начал делать неправильно вместо верхнего и нижнего сделал как бы "краешек" закруглённый, не подумал о том что кнопка будет растягиваться вверх..за это не ругайте), если кто может напишите код для четырёх уголков, и чтоб при наведении кнопка меняла цвет фона и шрифта.. Внизу код для одного правого верхнего уголка, это было в шаблоне. Гуглил, спрашивал у яндекса, пытался понять...неполучилось..помогите пожалуйста. Заранее всем спасибо. Вот из style.css .post { } .posttitle { margin-bottom: 0; color: #FFF; width: 100%; overflow: auto; /* Width and overflow to clear '.posttitle a' */ } .posttitle a { float: left; padding: 0 10px; background: #0099FF url(images/posttitle2.gif) top left no-repeat; } .posttitle a:link, .posttitle a:visited { color: #FFF; } .posttitle a:hover, .posttitle a:active { background: #A2B0C0 url(images/posttitle.gif) no-repeat 100% -81px; color: #FFF; }

176

Linkpusher

25 июля 2009, 12:57

#11

MoLoTstyle:
Кнопку сделал, смотрите.

сделайте предзагрузку ховер-имиджей, промаргивают при первом наведении.

Точу ножи. Буквально. Есть отзывы. Заказать заточку в МСК и Подольске можно через Телеграмм.

197

Петр Елагин

25 июля 2009, 13:04

#12

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

https://shareways.ru

176

Linkpusher

25 июля 2009, 22:16

#13

AlienZzzz, спасибо за наводку, почитал, убедился, что хабровчане — фрики :)

идея — класс, нет такой же для прозрачных резиновых блоков? :)

345

pelvis

25 июля 2009, 22:25

#14

toxic steel, мне вот эти штучки нравятся :)

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)

[Удален]

25 июля 2009, 22:25

#15

toxic steel:
AlienZzzz, спасибо за наводку, почитал, убедился, что хабровчане — фрики :)
идея — класс, нет такой же для прозрачных резиновых блоков? :)

идея гавно. в разных осях, разных браузерах и тп все едет к чертям собачьим. + к тому же хабрапипл спер эту идею. так что полный незачет и не уважуха автору.

PR

140

PROGRAMMATOR

26 июля 2009, 04:41

#16

Nifty не плохая вещица, пример использования и вот пример с динамическим изменением округления.

197

Петр Елагин

26 июля 2009, 05:11

#17

bearman:
идея гавно. в разных осях, разных браузерах и тп все едет к чертям собачьим. + к тому же хабрапипл спер эту идею. так что полный незачет и не уважуха автору.

Мне она понравилась как идея, так как неординальная, а кто там у каго спер не все ли ровно, веб сам по себе открытый.

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ