Код:
<!--HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Oswald|Alegreya+SC|Montserrat:400,700' rel='stylesheet' type='text/css'> <style type="text/css"> #text { width: 380px; height: 205px; background: white; color: #888888; overflow: auto; font: 11px montserrat; text-align: justify; padding: 10px; opacity: 0; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; } #text:hover { opacity: .9; } #text::-webkit-scrollbar { width: 5px; } #text::-webkit-scrollbar-track { background-color: #eee; } #text::-webkit-scrollbar-thumb { background-color: #333322; } #name { width: 350px; height: 70px; background-color: #333322; font: 30px oswald; letter-spacing: -1px;text-transform: lowercase; padding: 15px 25px; color: white; } #name .info, #name .info a { color: white; font: 11px alegreya sc; text-transform: uppercase; line-height: 70%; letter-spacing: 0px; } </style> <center><div style="width: 400px; height: 325px; background-color: #ddd; padding: 25px;"><div style="width: 400px; height: 225px; background-image:url(фото 400х225); background-color: #1dba9d;"><div id="text"> Общая информация о персонаже </div></div><div id="name">Name Surname<br/><div class="info">00 y.o, job, relations, actor name and surname.<p><a href="https://garland.rusff.me/">▲</a></div></div></div> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="450px" height="10px"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="#eeeeee" /> <param name="FlashVars" value="mp3=https://a.tumblr.com/tumblr_myiz7kLLUb1tnk08qo1.mp3&bgcolor=FFFFFF&loadingcolor=#bbbbbb&buttoncolor=#bbbbbb&slidercolor=#bbbbbb" /> </object></center> </div>
Шаблон поиска
Код:[code*]<!--*HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Oswald|Alegreya+SC|Montserrat:400,700' rel='stylesheet' type='text/css'> <style type="text/css"> #text { width: 380px; height: 205px; background: white; color: #888888; overflow: auto; font: 11px montserrat; text-align: justify; padding: 10px; opacity: 0; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; } #text:hover { opacity: .9; } #text::-webkit-scrollbar { width: 5px; } #text::-webkit-scrollbar-track { background-color: #eee; } #text::-webkit-scrollbar-thumb { background-color: #333322; } #name { width: 350px; height: 70px; background-color: #333322; font: 30px oswald; letter-spacing: -1px;text-transform: lowercase; padding: 15px 25px; color: white; } #name .info, #name .info a { color: white; font: 11px alegreya sc; text-transform: uppercase; line-height: 70%; letter-spacing: 0px; } </style> <center><div style="width: 400px; height: 325px; background-color: #ddd; padding: 25px;"><div style="width: 400px; height: 225px; background-image:url(фото 400х225); background-color: #1dba9d;"><div id="text"> Общая информация о персонаже </div></div><div id="name">Name Surname<br/><div class="info">00 y.o, job, relations.<p><a href="https://garland.rusff.me/">▲</a></div></div></div> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="450px" height="10px"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="#eeeeee" /> <param name="FlashVars" value="mp3=ссылка на песню с тамблера;bgcolor=FFFFFF&loadingcolor=#bbbbbb&buttoncolor=#bbbbbb&slidercolor=#bbbbbb" /> </object></center> </div>[*/code]