Rounded corners, будь они не ладны... @ DeForum.ru

0 Сообщения: 9 Зарегистрирован: 14.07.07

Гуру веб-программирования :genius:

,

подскажите пожалуйста как сделать закруглённые углы у квадрата и

разместить вот такой зелёный круг с тенью (внутри которого будут цифры от 0 до 99) в правом верхнем углу.

Заранее спасибо!

9 Сообщения: 451 Зарегистрирован: 24.07.06

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

10 Сообщения: 322 Зарегистрирован: 18.06.04

http://www.spiffycorners.com/ -- Позволяет создать закругленные края div'ов без использования изображений и javascript

для зеленого круга используй два слоя

0 Сообщения: 9 Зарегистрирован: 14.07.07

Spy*, спасибо за ссылку!

оффтопик:

добавил тебе харизмы :beer:

Как эти слои использовать? Я, к сожалению, профан в цсс :lamer:

Modjo, тут уже не раз обсуждали раундед корнерз, можете поискать. Те же nifty corners. А цифирки добавить -- слоем с позиционированием. Работа по бОльшей части механически-верстальная.

10 Сообщения: 322 Зарегистрирован: 18.06.04

Modjo, кладешь цифру в <div> с position: absolute или relative. Получится что-то типа:

Код:

<div style="position: absolute; right: -10px; top: -10px; z-index: 2; background: url('http://тут картинка зеленого круга');">12</div>

координаты позиционирования взял от фонаря, сам откорректируй

DeДверь
Логин:
Пароль:
	Автологин