Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Блок с тенью по углам без картинок
Блок с тенью по углам без картинок
workman
Дата: Понедельник, 13.07.2015, 13:16 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Ну не знаю что писать, сами видите. А установка очень проста.
Это ставим где желаете видеть на своей странице. А стили ставим в файл CSS. Если Вы не понимаете как отредактировать стили,то оставляйте сообщение и ссылку на сайт с указанием где бы вы хотели видеть данный блок и мы вам поможем его подредактировать под ваш дизайн и размеры
Код
<div class="workman">Здесь вставляем то что хотим видеть свое</div>
В CSS
Код
.workman div {
         font-size:16px;
         font-weight:bold;
}
  .workman {
         position:relative;
         text-align: center;
         width:40%;
         padding:1em;
         margin:2em 10px 4em;
         background:#fff;
        border-radius:1px;
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
   
}
   
.workman:before,
.workman:after {
         content:"";
         position:absolute;
         z-index:-2;
         bottom:15px;
         left:5px;
         width:50%;
         height:20%;
         max-width:300px;
     -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
        -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
             box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
     -webkit-transform:rotate(-3deg);
        -moz-transform:rotate(-3deg);
         -ms-transform:rotate(-3deg);
          -o-transform:rotate(-3deg);
             transform:rotate(-3deg);
}
   
.workman:after {
     right:5px;
     left:auto;
     -webkit-transform:rotate(3deg);
        -moz-transform:rotate(3deg);
         -ms-transform:rotate(3deg);
          -o-transform:rotate(3deg);
             transform:rotate(3deg);
}


Прикрепления: 3505424.png(20Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Понедельник, 13.07.2015, 16:06 | Сообщение # 2
Администраторы
Сообщений:12657
Награды: 38


Думаю можно под описание сделать и не нудно смотреться будет.

workman
Дата: Понедельник, 13.07.2015, 16:36 | Сообщение # 3
Vip
Сообщений:1576
Награды: 7


Kosten, Ну тут уже кто на что горазд )))

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Блок с тенью по углам без картинок
Страница 1 из 11
Поиск: