Код: <!--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 kids</div> <div style="width: 220px; height: 8px; background: #7a3834; border-left: 80px solid #b70e12; border-right: 150px solid #844e41;"></div></center> Кто из нас не хотел бы снова почувствовать себя ребенком? Хоть мы и выросли, но по прежнему любим, порой, баловать себя или своих друзей покупкой ПЛЮШЕВОГО любимца. Покажите нам свои любимые МЯГКИЕ ИГРУШКИ. Не забываем про ПРАВИЛА(!). Этап будет длиться ровно неделю, после чего тема будет закрыта. Успейте получить приятные бонусы и отличные эмоции (; |
Код:
<!--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]
