Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 580px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 0px 0px 0px #888888; -o-box-shadow:3px 3px 5px #888888;"> <br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 130px; line-height: 70%;">let's be horror </div> <div style="width: 220px; height: 8px; background: #7a3834; border-left: 80px solid #b70e12; border-right: 150px solid #844e41;"></div></center> Пришло время ужаса. Все фото, которые вы считаете мрачными, пугающими или в какой-то степени соответствующими хоррор-тематике Хэллоуина - выкладываем здесь с кратким описанием. Это может быть что угодно - от страшной игрушки до пугающей стены из окна, от ножа в красной краске до полноценного костюма. Не ограничивайте себя, дайте волю своей фантазии. Напугайте нас тем, что, по вашему мнению, в объективе выглядит жутко. Ну или забавно-жутко;3 Не забываем про ПРАВИЛА(!). Этап будет длиться ровно неделю, после чего тема будет закрыта. Успейте получить приятные бонусы и отличные эмоции (; |
Код:
<!--HTML--><style type="text/css">
.instab { width: 350px; height: 350px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -200px; background-color: rgba(250,250,250,0.7); width: 330px; font-family: 'Marvel', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; text-align: justify; line-height: 100%; color: #222; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 100px; }
</style>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
<center><div style="width: 330px; background-color: #7a3834; color: #fff; padding: 20px; font-family: 'Marvel', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: uppercase; border-bottom: 3px double #E9DEB5;"><div style="float: left; margin-right: 20px;"></div> ваш никнейм</div><div style="width: 350px; padding: 10px; background-color: #fafafa;"><div class="instab"><div style="background-image: url(http://placehold.it/350); width: 350px; height: 350px;"><div class="insta">
описание
</div></div></div></div></center>Код:
[code*]<!--*HTML--><style type="text/css">
.instab { width: 350px; height: 350px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -200px; background-color: rgba(250,250,250,0.7); width: 330px; font-family: 'Marvel', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; text-align: justify; line-height: 100%; color: #222; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 100px; }
</style>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
<center><div style="width: 330px; background-color: #7a3834; color: #fff; padding: 20px; font-family: 'Marvel', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: uppercase; border-bottom: 3px double #E9DEB5;"><div style="float: left; margin-right: 20px;"></div> ваш никнейм</div><div style="width: 350px; padding: 10px; background-color: #fafafa;"><div class="instab"><div style="background-image: url(http://placehold.it/350); width: 350px; height: 350px;"><div class="insta">
описание
</div></div></div></div></center>[/*code]
