[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Все для ucoz » Скрипты для ucoz » Скрипт CSS рамка для вашего сайта / Рамка для ucoz (Красивая и стильная рамка для ucoz сайта)
Скрипт CSS рамка для вашего сайта / Рамка для ucoz
AssassiNДата: Суббота, 10.11.2012, 22:01 | Сообщение # 1
Подполковник
Группа: Администратор
Сообщений: 9
Репутация: 0
Статус: Offline



Красивая рамка для вашего сайта
Прописываем в CSS:

Code
.stitch-effect {   
   padding: 5px 10px;   
   margin: 2px;   
   background: #7f5232;   
   border: 2px dashed #fff;   

   /* rounded borders of 5px in firefox */   
   -moz-border-radius:5px;   

   /* rounded borders of 5px in chrome and other browsers */   
   -webkit-border-radius:5px;   

   /* rounded borders of 5px in browsers that support css3 */   
   border-radius:5px;   

   /* shadows for different browsers */   
   -moz-box-shadow: 0 0 0 4px #7f5232, 2px 1px 4px 4px rgba(10,10,0,.5);   
   -webkit-box-shadow: 0 0 0 4px #7f5232, 2px 1px 4px 4px rgba(10,10,0,.5);   
   box-shadow: 0 0 0 4px #7f5232, 2px 1px 6px 4px rgba(10,10,0,.5);   
   height:100%;   
   width:650px;   
   }

Пописываем в том месте где будет рамка:
Code
<div class="stitch-effect">Ваша информация</div>

Настройки:
Чтобы изменить размер рамки используйте эту чась кода:

Code
height:100%;   
   width:150px;

Цвет так же можите заменить на любой:
Code
#60a5f4
 
Форум » Все для ucoz » Скрипты для ucoz » Скрипт CSS рамка для вашего сайта / Рамка для ucoz (Красивая и стильная рамка для ucoz сайта)
Страница 1 из 11
Поиск: