Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Закругление краёв на jQuery!
#1
Среда, 27.05.2009, 06:06
MedVed
Пользователь
Сообщения: 94
Репутация: 118
Делаем блок с закруглёнными краями, при помощи 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>Текст</p>   
</div>

ПРИМЕР БЛОКА http://ms-studio.do.am/index/0-8

#2
Среда, 27.05.2009, 07:13
Pushist
Проверенный
Сообщения: 449
Репутация: 109
Реклама!!
Мой новый проект http://QWeb.3dn.ru

Го... На мой супер сайт http://lightsoft.net.ru/

#3
Среда, 27.05.2009, 08:03
Rooney_10
Проверенный
Сообщения: 174
Репутация: 337
а еще больше ссылку? biggrin
#4
Среда, 27.05.2009, 12:07
MedVed
Пользователь
Сообщения: 94
Репутация: 118
Quote (Pushist)
Реклама!!

Да реклама !, но переходить по ссылке я некого незаставляю
#5
Среда, 27.05.2009, 17:08
mUst
Пользователь
Сообщения: 19
Репутация: 44
MedVed, но ссылку тиж всетаки дал
#6
Среда, 27.05.2009, 18:51
MedVed
Пользователь
Сообщения: 94
Репутация: 118
ссылка с примером, ты пример увидел? увидел,
а там уже хочешь переходи хочешь просто закрой
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz