Код:
<!--HTML--><center><div class="yeartop"> <img src="http://funkyimg.com/i/VesF.gif" /> </div><div class="yearmid"><div class="yeartext2"> Мур-мур-мур, мои котики, мы обитаем на нашем тестовике вот уже три дня и раааады тому, что вы начали знакомиться, вашему желанию играть, о котором многие уже говорили, и лично я рада моим соадминам, которые с таким воодушевлением поддержали мою идею, спасибо вам всем за вашу активность, мур!)<br><br> Как вы уже заметили, мы открыли отдельный форум для тех, кому не терпится начать игру) Вперед! Открывайте эпизоды, играйте за своих будущий персонажей, придумывайте альтернативные истории, будьте хоть мастером Йодой или Капитаном Крюком *__* Все свои игры позже вы сможете перенести на нашу ролевую в реалы и флеши или в альтернативу) И ваша активность не останется незамеченной) <br><br> Кстати о ролевой - мы работаем на славу, да-да, я нисколько не кривлю душой) Многое уже сделано, но многое еще и предстоит сделать, работа кипит, а мы кипим вместе с ней)))<br><br> Обещаем, что не заставим вас очень долго ждать, все будет сделать лучшим образом и с максимальной скоростью))) А вы пока продолжайте писать заявки на нужных, зовите к нам друзей и помните, что двери английской столицы открыты для всех и каждого!<br><br> <br><i>love, <s>Rosie</s><b> nevermind</b>.</i> </div></div><div class="yearnote"><span> готово 40% </span></div></center> <style type="text/css">.yeartop { width: 400px; height: 165px; background: #f7d6b5; } .yeartop img { width: 150px; height: 150px; border: 20px solid #fff7e7; box-shadow: 0px 0px 10px #f7d6b5, 1px 1px 10px white; margin-top: 40px; z-index: 1; position: relative; } .yearmid { width: 400px; background: #894522; height: 400px; position: relative; } .yearmid:before { content: ""; position: relative; width: 0px; height: 0px; border-style: solid; border-width: 50px 0 0 400px; border-color: transparent transparent transparent #894522; left: 0px; top: 0px; } .yeartext2 { position: absolute; left: 40px; top: 105px; width: 295px; height: 250px; background: #fff7e7; border: 10px solid #fff7e7; overflow: auto; padding-right: 5px; color: #301810; text-align: justify; box-shadow: 1px 1px 0px #f7d6b5, 2px 2px 0px white; } .yeartext2::-webkit-scrollbar { width: 10px; } .yeartext2::-webkit-scrollbar-track { background: #fff7e7; } .yeartext2::-webkit-scrollbar-thumb { background: #894522; box-shadow: 1px 1px 0px white, 2px 2px 0px #894522;} .yearnote { width: 380px; background: #f7d6b5; color: #30180f; font-family: courier; font-size: 9px; line-height: 100%; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 20px 20px; } .yearnote:before { content: ""; position: relative; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 400px 50px 0; border-color: transparent #894522 transparent transparent; left: -20px; top: 0px; } .yearnote span { background: #fff7e7; padding: 5px; position: relative; top: -10px; box-shadow: 1px 1px 0px #fff7e7, 2px 2px 0px #f7d6b5; }</style>