1---для оформления тем
Код:
<!--HTML--><div class="mo101">
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=32485"><h1>название темы</h1></a>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
</div><style>
.mo101 { width: 500px; padding: 15px; background-color: #B8B8B8; border: 1px solid #eee; outline: 4px solid #fff; font-size: 12px; text-transform: lowercase; color: #000; text-align: justify; line-height: 10px; font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: .5px; font-weight: 610; margin: 24px auto; }
.mo101 h1 { width: 510px; margin: -5px; margin-bottom: 10px; height: 30px; line-height: 30px; color: #fff; background-color: #96CAD0; font-weight: 700; �font-family: 'Montserrat', sans-serif; �font-size: 14px; letter-spacing: -0.5px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.mo101:hover h1 { background-color: #700000 ; }
</style><link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>2---
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:300,200' rel='stylesheet' type='text/css'><center> <div style="width: 500px; padding: 5px; border: 1px dotted #700"> <div style="width: 490px; padding: 5px; background: #700; line-height: 70%; font-family: raleway; font-size: 45px; letter-spacing: -3px; color: #ccc; margin-bottom: 0px"> название </div><div style="padding: 30px; background: #B8B8B8; width: 440px;"><div style="width: 350px; height: 1px; border-bottom: 1px solid #777"></div><div style="padding: 30px; font-family: tahoma; font-size: 12px; text-transform: lowercase; text-align:justify; line-height: 90%; color: #000"> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. </div> </div></div> </center>
3---
Код:
<!--HTML--><center><div style="text-transform: lowercase; text-align: center; font-size: 25px; font-family: georgia; font-style: bold; color: #700; letter-spacing: 2px; line-height: 100%;"> <b>название</b></div> <div style="width: 500px; text-transform: uppercase; text-align: justify; font-size: 12px; font-family: georgia; font-style: bold; letter-spacing: 2px; line-height: 100%;"> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. </div></center>
4---
Код:
<!--HTML--><center><div style="width: 500px; height: 4px; background: rgba(255,255,255,0.7); border-top: 5px solid rgba(0,0,0,0.7); border-bottom: 1px solid rgba(0,0,0,0.7);"></div><div style="width: 460px; background: rgba(255,255,255,0.7); padding: 20px; font-family: cambria; color: rgba(0,0,0,0.7);"><div style="text-align: left; font-size: 35px; line-height: 100%; letter-spacing: -2px; border-bottom: 1px solid rgba(0,0,0,0.7); margin-bottom: 2px;"> название </div><div style="text-align: justify; font-size: 12px; line-height: 100%; text-indent: 30px;"> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. </div></div>
5---
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300' rel='stylesheet' type='text/css'> <center><div style="width: 500px; font-family: yanone kaffeesatz; font-size: 40px; color: #000; font-weight: bold; letter-spacing: -2px; text-transform: uppercase; text-align: right; padding: 10px;">название.</div> <div style="width: 460px; border-left: 10px solid #700;"><div style="width: 450px; border-left: 10px solid #B8B8B8;"><div style="width: 430px; padding: 20px; border-top: 10px solid #B8B8B8; border-right: 10px solid #B8B8B8; border-bottom: 10px solid #B8B8B8; font-family: arial; font-size: 11px; line-height: 90%; color: #000; background-color: #fff; text-transform: uppercase; text-align: justify;"> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. </div></div></div> </center>
6---
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
<style type="text/css">
.border {background: #e5e5e5; width: 500px; padding: 5px}
.announcment {width: 430px; border-left: 5px solid #700; border-right: 5px solid #700; padding: 5px; text-align: center; text-align: justify; background: #dcdcdc; font-size: 12px}
.announcment:hover {width: 430px; border-left: 5px solid #BD666A; border-right: 5px solid #00AB8E; padding: 5px; text-align: center; text-align: justify; background: #dcdcdc; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; }
.title {width: 480px; font-family: 'Wire One', sans-serif; font-size: 40px; text-transform: uppercase; margin: 5px; padding: 5px; color: #2f2f2f}
</style>
<center>
<div class="border">
<div class="title">title eng.</div>
<div class="announcment">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.</div>
</div></center>7---
Код:
<!--HTML--><style type="text/css">
.tempcodeone{width: 500px; padding: 10px; background-image: url(http://funkyimg.com/i/239y4.jpg); background-repeat: repeat; opacity: 0.5; border-bottom: 7px solid #700;}
.tempcodetwo {width: 80%; padding: 10px; background-color: 700; font-family: arial narrow; font-size: 12px; text-transform: uppercase; line-height: 90%; text-align: justify; letter-spacing: 1px; color: #F5F5F5;}
.tempcodewords {vertical-align:middle; font-family: georgia; color:#fff; text-transform:uppercase; text-align:center; font-size:20; letter-spacing:2px; line-height:92%; padding-top:3px;}
.tempcodesubwords {vertical-align:middle; font-family: arial narrow; color:#fff; text-transform:lowercase; text-align:center; font-size:12; letter-spacing:2px; line-height:88%; padding-top:2px; padding-bottom:2px;}
.temptop {width: 520px; background-color:#700;}
.tempback {width: 520px; background-color:#0e0e0e; padding:20px;}
</style>
<center><div class="tempback"><div class="temptop"><div class="tempcodewords">название</div>
<div class="tempcodesubwords">дополнительно</div></div><div class="tempcodeone"><div class="tempcodetwo">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.</div></div></div></center>