Суббота, 23.11.2024, 11:00


Меню сайта
RSS ленты
Разделы новостей
Скрипты для Ucoz [139]
Шаблоны для Ucoz [141]
Графика для Ucoz [52]
Статьи вебмастеру [6]
Все для Photoshop [6]
Другое [8]
Новое на форуме
Материалы
Наш опрос
Оцените дизайн?
Всего ответов: 545
Рекламко
Материалы




Сглаживание углов с помощью css

Жаловаться на материал | Ссылки на материал 04.07.2010, 22:04


Сглаживание углов без изображений для uCoz
Пихаем это в css

Code
.b1, .b2, .b3, .b4, .b5,
.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,
.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,
.b1 q, .b2 q, .b3 q, .b4 q, .b5 q {
height: 1px;
font-size: 1px;
overflow: hidden;
border-style: solid;
border-width: 0 1px;
display: block;
}
.b1 {
margin: 0 2px;
background: #EBEEF0;
border: none;
}
.b1 b {
margin: 0 1px;
background: #B8C3C8;
border-color: #CBD3D7;
}
.b2 {margin: 0 1px; border-color: #D6DCDF;}
.b2 b {border-color: #B8C3C8;}
.b2 i {border-color: #E4E8EA;}
.b2 q {border-color: #F7F8F9;}
.b3 {border-color: #EBEEEF;}
.b3 b {border-color: #BCC6CB;}
.b3 i {border-color: #F9FAFB;}
.b4 {border-color: #CAD2D6;}
.b4 b {border-color: #E5E9EB;}
.b5 {border-color: #B5C0C6;}
.b5 b {border-color: #FAFBFB;}
.text {
border: 1px solid #B0BCC2;
border-width: 0 1px;
padding: 0 12px;
}

это куда хотим сглаженный блок

Code
<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
<div class="text">

здесь ваш супертекст

</div>
<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>

Источник материала: http://www.7ucoz.com/


Теги:скрипты для ucoz, CSS, углов, Сглаживание, помощью

Добавил: lor08 | Категория: Скрипты для Ucoz | Просмотров: 1022 | Зарузок: 0
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Форма входа
Здравствуйте, Гость!

Футбольные трансляции
Поиск
Друзья сайта

Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто on-line? ]
[ Кто нас сегодня посетил ]
Интересное в сети
Материалы
Sape

Дизайн от Flynt © 2009-2010 | sitemap | sitemap-forum | Хостинг от uCoz
Все материалы представлены в ознакомительных целях,и каждый материал принадлежит законному обладателю!Если какой-либо материал ущемляет Ваши права, то воспользуйтесь формой обратной связи 
Проверить тиц и PR