Код:
<!--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"> .bodylov1d3d1d4 { width: 620px; height: 200; margin-left: -3px; padding-top: 130px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/23FEv.png) top no-repeat, url(http://funkyimg.com/i/23FEw.png) bottom no-repeat, url(http://funkyimg.com/i/23FEx.png) repeat-y;} </style> <center> <div class="bodylov1d3d1d4"> <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: #7a3834; margin-left: 163px; line-height: 70%;">Объявление №1</div> <div style="width: 220px; height: 8px; background: #276043; border-left: 80px solid #b82d26; border-right: 150px solid #4fa379;"></div> <div style="width: 550px; 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: -50px;"> <center><br><br><font color="#e05858" face="lobster">анньён, хэллоу... в общем, тысяча приветов хдд </font></center> <br> <table> <col width="170" valign="top"> <col width="200" valign="top"> <tr> <td><div style="width: 200px; padding: 10px; background-color:#transperent; border: 3px solid #296547;"> <div style="width: 200px; height: 120px; background-image: url(http://funkyimg.com/i/22XME.gif);"></div> <div style="font-size: 20px; margin-top:-5px; margin-bottom:-9px; color: #276043; text-align: center; line-height: 100%;">▴</div> <div style="margin-top: -6px;width: 190px; height:auto; background-color: #276043; padding: 5px; text-align: justify; line-height: 100%; text-transform: lowercase; font-family: cuprum; font-size: 13px; color: #fafafa; border-radius: 10px;"> <div style="height: auto; padding-right: 5px; "> Вы не представляете, насколько волнительно было писать первое объявление в этой теме. Я всё думал, с чего бы лучше начать… думал-думал и решил, что обойдусь без рекламных фраз и взгляну на всё проще. А проще было оставить это дело на Кая, но да ладно хд Думаю он тоже напишет приветы. <b>|</b> </div> </div> <div style="width: 190px; padding: 5px; margin-top: 3px; background-color:#a83c3c; font-family: lobster; font-size: 14px; text-align: center; color: #fff; line-height: 100%; text-transform: ; letter-spacing:3px; border-radius: 0 10px;">дата: 05.10.15</div> </div></td> <td><center> <div style="width: 250px; height: fixed; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #3b3b3b; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: 0px;"> <font color="#418275"><b>05.10.15</b> - дата открытия нашего форума. Не новость, правда?хд Но эту дату я всё же должен упомянуть в новостной теме, дабы никто не упрекнул: «Эй, вон тот админ совсем отбился от формальностей!». Хотя, если честно, это даже приятно. Неформальный админ.. во как хд Но если опустить мои размышления, то сразу же всплывают дежурные фразы типа: </font> <img src="http://funkyimg.com/i/22XLj.png" alt="альтернативный текст"> </div></center></td> </tr> </table> <br></div> <div style="width: 550px; height: 30px; background: #286245; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px; border-radius: 0 10px; margin-left: -50px;">Но откуда у острова двери? <img src="http://funkyimg.com/i/22zDC.png"></div> <div style="width: 550px; 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: -50px;"><br><center>Скажем честно, в мире ролевых возможно всё, и раз вы всё таки какими-то судьбами заплыли или залетели (ведь такое тоже вероятно хд) на «остров с открытыми дверьми», то это неспроста. Серьезно говорю хд И, да,.. мы всем безумно рады. Не больше и не меньше, чем другие админы, открывающие свои проекты. Это ведь естественно, верно? ^^ Так что не буду заострять на этом внимание. Ведь есть новости поважнее.</center></div> <br><br><div style="width: 550px; height: auto; background: #e05858; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px; border-radius: 0 10px; margin-left: -50px;">Хотя нет, какие могут быть новости в первый же день? <img src="http://funkyimg.com/i/22zEx.png"></div> <div style="width: 550px; 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: -50px;"> <table> <col width="350" valign="top"> <col width="200" valign="top"> <tr> <td>Правильно, мы все вместе только дружно приживаемся и адаптируемся (включая админов, естественно). <img src="http://funkyimg.com/i/22zCF.png"> <br>Сейчас самое время привыкать друг к другу, присматриваться и знакомиться. Хотя о чем я. Практически все мы сталкивались на огромном материке под названием «форумы по корее», так вот.. желаю всем (не быть сразу узнанными хд) как можно скорее обзавестись соулмэйтами, если вы еще не успели это сделать на тестовике, а еще лучше – сдружиться всем нашим формирующимся коллективом. Давайте любить друг друга с самого начала. Знаю, что сейчас на лице некоторых появятся ухмылки, но всё же скажу об этом как админ, теплящий надежду на всё хорошее, возможно даже на немного приторно-сказочное. Но мне ведь можно? Я Тэмин, я макнэ хдд <br>В общем словами о любви, я хочу лишь выразить свои надежды, что на нашем форуме не будет группировок и противостоящих друг другу негласных «кланов» во вне игровом времени. Попробуем стать ОДНОЙ семьей, где каждого новичка будет ждать тепло, любовь и единство нашего форума. Мне всё равно, что эти слова звучат пафосно, но это от души. Можете посмеяться, но я сказал об этом, как и многие админы сказали до меня, и наверняка скажут после. Иногда бывает полезно отключать свой внутренний цинизм. Вай нот, я это сделал. <img src="http://funkyimg.com/i/22zJK.png"></td> <td><img src="http://funkyimg.com/i/22zzA.png"></td> </tr> </table> <center>Хотел бы всех обнять, но пора бежать. Все обнимашки оставляю на вас, дарите их друг другу, любите друг друга.</center> <br><br> <center> <style> #pringle {height: 350px; width: 350px; overflow: hidden; position: relative; border: 10px solid #276044} .pringle1 {height: 350px; width: 350px; position: absolute; background-image: url(http://funkyimg.com/i/22XJQ.png); } .pringlen {position: absolute; width: 170px; padding: 6px 0px 6px 0px; background-color: #fff; color: #296144; text-transform: uppercase; font-size: 10px; text-align: center; letter-spacing: 3px; top: 250px;} #pringle:hover .pringlen {top: 370px; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; opacity: 0} #pringle .pringlen {-webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; opacity: 1} .prinngle {height: 330px; width: 155px; background-color: #fff; position: absolute; top: 10px; } .prinngle1 {height: 330px; width: 155px; background-color: #fff; position: absolute; top: 10px; } .pringlef {position: absolute; width: 135px; height: 310px; border: 5px solid #fff; padding: 5px; overflow: auto; font-family: cuprum; line-height: 95%; color: #2d2d2d; text-transform: lowercase; font-size: 14px; text-align: justify} .pringlef h1 {color: #67cbf0; text-transform: uppercase; padding: 5px; border: #E2E2E2 1px solid; letter-spacing: 2px; font-family: calibri; font-size: 9.5px; text-align: center} .pringlef::-webkit-scrollbar {width: 2px} .pringlef::-webkit-scrollbar-thumb {background: #67cbf0} #pringle .prinngle {left: -180px; opacity: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #pringle:hover .prinngle {left: 10px; opacity: 1; -webkit-transition-delay: 0.7s; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #pringle .prinngle1 {right: -180px; opacity: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #pringle:hover .prinngle1 {right: 10px; opacity: 1; -webkit-transition-delay: 0.7s; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } </style> <div id="pringle"> <div class="pringle1"></div> <div class="pringlen"><font style="color: #964341">коротко</font> о главном</div> <div class="prinngle"> <div class="pringlef"> <h1></h1> <font color="#964341">❥</font> Первые персонажи с принятыми анкетами обязательно успеют отхватить свой номерок в нашей <a href="http://jejucity.rusff.me/viewtopic.php?id=55#p62">"самолотереи" - k-pop</a>. Спешим, номеров, к сожалению, не так много. <br><br><font color="#964341">❥</font> Реклама на форумах безмерно важна, а на первых этапах жизни проекта она ценна вдвойне. Не стесняемся помогать нам, ведь за это администраторы тоже придумали вознаграждения;3 <a href="http://jejucity.rusff.me/viewtopic.php?id=42">Подробности здесь.</a> </div> </div> <div class="prinngle1"> <div class="pringlef"> <h1></h1> <font color="#964341">❥</font> Участники, которым обещали на тестовике какие-то плюшки на форуме, не забываем напомнить об этом админам в ЛС. <br><br> <font color="#964341">❥</font> Забегаем во флуд. На эту тему я с первого же дня организую пиар-акцию хдд <br>Ведь… <br>За количество набранных вами сообщений вы тоже можете получить призы. <a href="http://jejucity.rusff.me/viewtopic.php?id=43">Подробнее здесь.</a> <br>И не только. <br><br><i>Ребят, короче, любите флуд. <br>Это полезно xD</i> </div> </div> </div> </center> <center><br><br><font color="#e05858" face="lobster">Всем хорошего настроения и любви на Чеджу;3 </font><img src="http://funkyimg.com/i/22zEG.png"></center> <br><br>слово «любовь» здесь будет звучать часто <br> (и нет, у нас не дом 2, как кто-то успел упомянуть хдд) <br>и, да… <br>всем нравится пихать где нужно и где ненужно эти модные штучки <br>хэштеги <br>вот <br><img src="http://funkyimg.com/i/22zNk.png"> <font color="#e05858" face="lobster">#любовь_чеджу</font> <br>мы не хуже /рукалицо хдд/ <br><br><br> </center>