[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Скрипт CSS рамка для вашего сайта / Рамка для ucoz
BaJIep4uK90Дата: Воскресенье, 11.11.2012, 01.01.52 | Сообщение # 1
Генералиссимус
Группа: Администратор
Сообщений: 33
Награды: 0
Репутация: 0
Статус: Оффлайн



Красивая рамка для вашего сайта
Прописываем в 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
 
  • Страница 1 из 1
  • 1
Поиск: