.
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'> <style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #1b3e32; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style> <style type="text/css">#cappy4 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy4 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy4:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <style type="text/css">#cappy1 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style> <style type="text/css">#cappy2 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <center> <div style="width: 500px; height: 210px; background-color: #ECE5CE; background-image: url(http://i.imgur.com/OLIoi12.png); background-repeat: repeat; border: solid 10px #9c3d3d; padding: 25px;"><div style="width: 500px; height: 210px; background-color: #ECE5CE;"> <div style="width: 300px; height: 45px; text-align: center; font-family: Euphoria Script; font-size: 50px; color: #590808; padding-bottom: 5px;"> <b>Give me away</b> </div> <div style="width: 500px; height: 20px; background-color: #9c3d3d; padding-bottom: 5px; font-family: AA Bebas Neue; font-size: 18px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;"> ЗДЕСЬ ГОСТИ ОСТАВЛЯЮТ СВОИ ЗАЯВКИ </div> <div style="width: 500px; height: 130px; background-color: #fff; font-family: georgia; font-size: 14px; line-height: 12px; color: #353535; text-align: center; padding: 0px; overflow: auto;" class="scroll"> <br> <br> <b> • </b> Именно здесь, дорогие гости, вы можете оставить описание желаемого персонажа, если ни одна из предложенных заявок в теме нужников вам не подошла. Игроки обязательно заберут вас к себе под крыло, вклинив вашего персонажа в свою уже написанную историю.<br> <b> • </b> Огромная просьба не флудить, а обсуждать по теме. Дорогие гости, обязательно указывайте желаемую внешность, описание персонажа и при возможности/желании связь с вами. <br> </div> </td> </tr></table><br> </div> </div></div> </center>
Код:[quote][table layout=fixed width=100%] [tr] [td bgcolor=#703e3b][align=center][font=Times New Roman][size=22][b][color=#d1a9a7]Хочу быть[/color][/b][/size] [size=16][color=#d1a9a7][i](пишем кем)[/i][/color][/size][/font][/align][/td] [/tr] [tr] [td bgcolor=#c49191][/td] [/tr] [tr] [td bgcolor=#fff3db][align=center] ◖ [b]предполагаемая внешность:[/b] ◗ ┉┉┉┉┉┉┉┉┉┉┉┉ღღღ┉┉┉┉┉┉┉┉┉┉┉ [font=Times New Roman][size=14]Пишем все свои пожелания и потаённые мысли.[/font][/size] ┉┉┉┉┉┉┉┉┉┉┉┉ღღღ┉┉┉┉┉┉┉┉┉┉┉ [font=Times New Roman][size=14]Особые пожелания.[/font][/size][/align][/td] [/tr] [tr] [td bgcolor=#c49191][/td] [/tr] [/table][/quote]