Главная » 2009 » Сентябрь » 9 » Закругление краёв на jQuery!

17:42

Закругление краёв на jQuery!


Делаем блок с закруглёнными краями, при помощи jQuery

это в 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}

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

Самп же блок прописываеться так

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


Текст</p>  
</div>
Категория: Скрипты для uCoz | Просмотров: 733 | Добавил: smiley | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню
Аккаунт
      Гость

      Сообщения:

      Группа:
      Гости
      Время:22:55

      Добро пожаловать на A1L.UCOZ.COM Зарегистрируйтесь или авторизуйтесь!
Категории
Календарь
Опрос
                                  Оцените мой сайт
                                  Всего ответов: 44
Поиск

ucoz сайты, создать сайт ucoz, скрипты для ucoz сайтов, шаблоны для сайтов ucoz, меню для ucoz сайта, скачать скрипты бесплатно, php скрипты, плагины, joomla, dle
Copyright © 2009 Все для uCoz и ВебМастера All Rights Reserved