Код:
<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
var obj=document.getElementById(id);
var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
var top=parseInt(obj.style.top);
if ((spd>0&&top<=0)||(spd<0&&top>=max)){
obj.style.top=top+spd+"px";
move.to=setTimeout(function(){ move(id,spd); },20);
}
else obj.style.top=(spd>0?0:max)+"px";
}
</script>
<style type="text/css">
.faq2 { width: 620px; height: 800; margin-left: -3px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2d3zE.png) top no-repeat, url(http://funkyimg.com/i/2d3zF.png) bottom no-repeat, url(http://funkyimg.com/i/2d3zG.png) repeat-y;}
#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
</style>
<center>
<div class="faq2">
<br>
<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: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #01909f; margin-left: 163px; line-height: 70%;">Instamood - now and forever</div>
<div style="width: 220px; height: 8px; background: #fad19d; border-left: 80px solid #0cc3d3; border-right: 150px solid #048bb7;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #3b3b3b; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">
<center> <br><img src="http://funkyimg.com/i/2g5x6.gif"><br><br>
<p><font color="#048bb7">Телеканал Jeju MBC совместно с администрацией форума запускает долгожданную тему - INSTAMOOD: now and forever!
<br><i>Инстамуд? Хм…звучит знакомо… Где-то я уже это слышал..
<br>Все верно!
<br>С этого дня стартует полюбившаяся многим из нас тема INSTAMOOD, смысл которой палить фоточки ваших персонажей. Правда теперь данная тема будет действовать все время, без перерыва на обед и выходных хд
<br><u>Апгрейд относительно прошлых тем состоит в том, что:</u>
<b><br>● администрация (примерно) каждые две недели скидывает задание;
<br>● вы выкладываете фотографии в данной теме, не в своем инстаграме;
<br>● с помощью генератора случайных чисел выбираются посты и публикуются в шапке форума (где? а вот увидите:з).</b>
<br><u>Чтобы не обременять вас текстом, перейдем сразу к ПЕРВОМУ ЗАДАНИЮ:</u></i>
<center><br><font color="#01909f" face="lobster">Опубликуйте любую фотографию с пометкой #love_jeju</font></center>
<br><br>Шаблон сообщения вы можете увидеть ниже (не забываем убирать *). Не скупитесь не плюсы, порадуйте друг друга положительными эмоциями:з И ждите обновлений, котики ♥</center>
</font>
<br><br><br><br>
</div></center>Код:
[*code]<!--*HTML--><center>
<div id="CHARINITIALS">
<div class="ignamebar">Instamood
<div class="pmthing"><img src="http://i.imgur.com/NjCvAhr.jpg" width="35"></div></-by cherry bee @ shine->
</div>
<div class="igusericon"><img src="http://placehold.it/30x30" width="30">
<div class="igusername">username</div></div>
<div style="width: 311px; overflow: hidden; padding: 0px 2px 7px 2px; background-color: #fff; position: relative;">
<img src="http://placehold.it/300x300" width="300"></div>
<div style="width: 315px; overflow: hidden; position: relative; background-color: #fff;"><img src="http://i.imgur.com/QVIbUlA.jpg" width="315"></div>
<div class="igpostcap"><b><font size="3">♥</font> 721 likes</b><br>
<b>username</b> описание
<br><i>#задание</i></div>
</div></center><style type="text/css">
#CHARINITIALS { width: 320px; background-color: #e1e1e1; border-radius: 5px; padding: 8px 4px 8px 4px; }
.ignamebar { width:300px; height: 25px; overflow: hidden; background-color: #105687; position: relative; overflow: hidden; font-family: 'Lobster Two', cursive; font-size: 20px; color: #fff; text-align: left; padding: 11px 5px 3px 10px; }
.pmthing { width: 30px; left: 260px; position: relative; top: -23px; background-color: #105687; }
.igusericon { width: 303px; height: 30px; position: relative; padding: 5px 5px 5px 7px; background-color: #fff; text-align: left; overflow: hidden; } .igusericon img { border-radius: 100px; }
.igusername { width: 200px; position: relative; padding: 4px; color: #105687; font-family: 'Calibri'; font-size: 13px; font-weight: 700; text-align: left; top: -26px; left: 35px; text-transform: lowercase; }
.igpostcap { width: 301px; position: relative; padding: 7px; font-family: 'Noto Sans', sans-serif; font-size: 12px; color: #222; overflow: auto; background-color: #ffffff; text-align: justify; line-height: 13px; } .igpostcap i { color: #105687; } .igpostcap b { color: #105687; font-family: 'Calibri'; font-weight: 700; }
</style><link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400,700' rel='stylesheet' type='text/css'>[/*code]
