Закругление углов с помощью jq


На нужных страницах, между <head> и </head> вставляем это:


Code
<script src="http://ms-studio.do.am/file/JS/blok.js" language="javascript"></script>  
<script src="http://ms-studio.do.am/file/JS/1.js" language="javascript"></script>

Затем, ПУ-->Управление дизайном-->CSS и в любое место добавляем это:

Code
body{padding: 0px 0 0;background:#FFF;  
  font: 100.01%/1.3 Verdana,Arial,}  
div#box{width: 30em;padding: 15px;margin:0 auto;  
  background:#E6E6E6;color:#000}  
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}  
h1,p{margin:0;padding:10px 20px}  
/*Nifty Corners Cube CSS by Alessandro Fulciniti  
The following classes are added dinamically by javascript,  
and their use should be avoided in the markup */  

b.niftycorners,b.niftyfill{display:block}  
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;  
  overflow:hidden;border-style:solid;border-width: 0 1px}  
/*normal*/  
b.r1{margin: 0 3px;border-width: 0 2px}  
b.r2{margin: 0 2px}  
b.r3{margin: 0 1px}  
b.r4{height: 2px}  
b.rb1{margin: 0 8px;border-width:0 2px}  
b.rb2{margin: 0 6px;border-width:0 2px}  
b.rb3{margin: 0 5px}  
b.rb4{margin: 0 4px}  
b.rb5{margin: 0 3px}  
b.rb6{margin: 0 2px}  
b.rb7{margin: 0 1px;height:2px}  
b.rb8{margin: 0;height:2px}  
b.rs1{margin: 0 1px}  
/*transparent inside*/  
b.t1{border-width: 0 5px}  
b.t2{border-width: 0 3px}  
b.t3{border-width: 0 2px}  
b.t4{height: 2px}  
b.tb1{border-width: 0 10px}  
b.tb2{border-width: 0 8px}  
b.tb3{border-width: 0 6px}  
b.tb4{border-width: 0 5px}  
b.tb5{border-width: 0 4px}  
b.tb6{border-width: 0 3px}  
b.tb7{border-width: 0 2px;height:2px}  
b.tb8{border-width: 0 1px;height:2px}  
b.ts1{border-width: 0 2px}

Размер блока меняется в этой строчке: div#box{width: 30em;padding: 15px;margin:0 auto;

Теперь, там где мы хотим видеть блок, ставим это:

Code

<div id="box">  
<h1>Заголовок</h1>  

Текст</p>  
</div>

Вот и все. У нас готов блок с закругленными краями, без помощи рисунков.

Опубликовал: TIK_TAK в категорию Скрипты и хаки для ucoz - Дата добавления: 22.11.2024, 09:38

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

Сообщить о новой версииПроблемы со скачиванием?
Источник/Автор: http://-=Fox=-
ССЫЛКИ

Комментарии:


Оставить комментарий

Имя *:
Email *:

Все смайлы | Регистрация

Популярные файлы

Друзья сайта

Всё для Counter-Strike 1.6

Теги

  
     

Вход на сайт

     
     

Информация:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статистика