Ну не знаю что писать, сами видите. А установка очень проста.
Это ставим где желаете видеть на своей странице. А стили ставим в файл CSS. Если Вы не понимаете как отредактировать стили,то оставляйте сообщение и ссылку на сайт с указанием где бы вы хотели видеть данный блок и мы вам поможем его подредактировать под ваш дизайн и размеры
Код
<div class="workman">Здесь вставляем то что хотим видеть свое</div>
Код
.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);
}
