Суббота, 15.08.2020, 08:33:49
Уникальные скрипты для uCoz

  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Сглаживание углов с помощью css
Сглаживание углов с помощью css
DieZДата: Пятница, 02.07.2010, 15:08:24 | Сообщение # 1

.:GL.AdMiNkO_o:.
Сообщений: 807
Репутация: 168
Награды: 17
Замечания: 0%
OffLine

Сглаживание углов без изображений для 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
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>


[RU]
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Сглаживание углов с помощью css
  • Страница 1 из 1
  • 1
Поиск:
VirTuS-WaR.ClaN.Su © 2009 — 2020 · Хостинг от uCoz Дизайн данного сайта полностью принадлежит администратору — DieZ.
Сайт оптимизирован под браузеры Opera, Firefox и разрешение экрана 1024x786.