Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.21.247.78
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Красивая рамка для uCoz
Сообщение оставлено 16.02.2012 в 13:39:16 | Сообщение #1

Прописываем в CSS
Code
.stitch-effect {   
   padding: 5px 10px;   
   margin: 2px;   
   background: #60a5f4;   
   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 #60a5f4, 2px 1px 4px 4px rgba(10,10,0,.5);   
   -webkit-box-shadow: 0 0 0 4px #60a5f4, 2px 1px 4px 4px rgba(10,10,0,.5);   
   box-shadow: 0 0 0 4px #60a5f4, 2px 1px 6px 4px rgba(10,10,0,.5);   
   height:100%;   
   width:150px;   
   }

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

Настройки:
Чтобы изменить размер рамки используйте эту чась кода
Code
height:100%;   
   width:150px;

Цвет так же можите заменить на любой
#60a5f4
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика