zxc

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » zxc » открытый » коды


коды

Сообщений 1 страница 4 из 4

1

Код:
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'><center><div style="width: 480px; height: 300px; padding: 20px; "><div style="font-family: 'Megrim', cursive; font-size: 28px; color: #49230e;">Profession</div><p>
<table><tr><td><div style="width: 200px; height: 200px; border: 10px solid #49230e; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; z-index: 20; background-image: url(http://savepic.org/5533977.jpg);"></div></td><td>

<div class="gre" style="margin-left: -33px;">HOUSE</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -21px;">AGE</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -12px;">BLOOD</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -6px;">WAND</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -6px;">JOB</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -12px;">MAJOR CLASS</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -21px;">MINOR CLASS</div><div style="height: 2px;"></div>
<div class="gre" style="margin-left: -33px;">TRADEMARK SPELL</div>
</td></tr></table>

<style>
.gre { width: 130px; height: 9px; padding: 3px; padding-bottom: 5px; background-color: #49230e;  font-family: calibri; text-transform: uppercase; color: #9db2eb; font-size: 9px; text-align: center; }
</style>

0

2

Код:
<center>
<style type="text/css">
.thnezxtiis {width: 550px; height: 500px; background-color: #e7e682; padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.belinthiska {border: 4px double #888f1f; padding: 5px; width: 520px; height: 485px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#jennyscredyo .makiteasyok {width: 410px; height: 480px; position: absolute; left: 0; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;z-index: 10;}
.song { font-family:'Stalemate'; color: #000; text-shadow: 2px 2px #FBDD9B; font-size:15px; font-weight:regular;font-style:normal; letter-spacing: 2px; padding-top: 10px; }


.wedscroll::-webkit-scrollbar { background: #e7eeb8; width:5px  }
.wedscroll::-webkit-scrollbar-corner { background:#e7eeb8; }



.wtags:hover { position: relative; z-index:4; opacity: 1; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out;}

.wintxt { width: 250px; height: 150px; padding: 5px; background-color: #e7eeb8; font-family: calibri; font-size: 10px; text-transform: lowercase; color: #111; text-align: justify; line-height: 10px; letter-spacing: 1px; }
#wintr { width: 250px; height: 150px; overflow: hidden; position: relative; }

#wintr .wed { -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; o-transition: 1.5s all ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 150px; }

#wintr:hover .wed { width: 250px; height: 150px; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; o-transition: 1.5s all ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; bottom: -150px;}

#winter { width: 250px; height: 150px; overflow: hidden; position: relative; }

</style>


<div class="thnezxtiis"><div class="belinthiska"><div id="jennyscredyo">
<div style="width: 500px;  padding: 10px; background-color: #e7eeb8;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-family: bookman old style; color: #000; font-size: 10px; line-height: 100%; text-align: justify; line-height: 100%; height: 465px; overflow: auto;" class="mastercode">


<div style="width: 495px; margin-top: 20px;"><div style="text-align: center; font-family: georgia; font-size: 60px; font-style: italic; letter-spacing: -8px; text-transform: lowercase; color: #888f1f; margin-bottom: 10px; text-shadow: 1px 1px 0px #F6F7BD, 2px 2px 0px #655643, 3px 3px 0px #edd08e, 4px 4px 0px #BF4D28;">guest</div>
<div class="song"><center>welcome to Oaklandguest</center></div><br>
<div style="font-size: 12px;"><br><br>

<table width="100%"><tr><td width="50%">
<b>Место действия:</b> Окленд, США<br>
<b>Тематика:</b> реальная жизнь<br>
<b>Рейтинг:</b> 18+<br>
<b>Система:</b> эпизодическая<br>
<b>Дата создания:</b> .07.2014<br><br>
<b>» </b>Внешности придерживаются сроком на 3 дня.<br>
<b>» </b>Внешности для нужных не придерживаются.<br>
<b>» </b>Девушки в пару не придерживаются.<br>
<b>» </b>Повтор внешности допустим, с разрешения администрации.<br>
<b>» </b>Для вопросов от игроков существует отдельная тема.<br>
</td><td width="50%">

<div id="wintr">
<div class="wed"><div style="width: 250px; height: 150px; background-image: url(http://savepic.org/5815609.png);">
<div style="padding-top: 70px;"></div>
<center><div style="width: 200px; padding: 10px; background-color: #e7e682; opacity: 0.60; font-family: times; font-size: 8px; color: #000000; text-transform: uppercase; text-align: center; letter-spacing: 2px;">НАВИГАЦИЯ</div></right>
</div></div>
<div class="wintxt"><div style="width: 230px; height: 150px; padding: 5px; overflow: auto;" class="wedscroll">
<a href="ссылка на профиль"><img src="http://sd.uploads.ru/t/UAoJj.png"></img></a><br>
<a href="ссылка на профиль"><img src="http://se.uploads.ru/t/FKWON.png"></img></a><br>
<a href="ссылка на профиль"><img src="http://se.uploads.ru/t/EzO0N.png"></img></a><br>
<a href="ссылка на профиль"><img src="http://se.uploads.ru/t/7bWBq.png"></img></a><br>
<a href="ссылка на профиль"><img src="http://sd.uploads.ru/t/s2nKW.png"></img></a><br>
<a href="ссылка на профиль"><img src="http://savepic.org/5821767.png"></img></a><br>
</div></div></div>
</div>
</center>
</td></tr></table>

</div>
<table width="80%">
<tr><center><div style="background-color: #e7e682; font-size: 15px; color: #888f1f; ">Придержанные внешности</div></center></tr>
<tr><div class="scrollbox" style="height: 150px">
<br><center><div style="background-color: #e7e682; font-size: 15px; color: #888f1f; ">01.08.2014</div></center><br>
<b>cara delevingne</b> за [женщиной, связь через borsch]<br>
<b>phoebe tonkin</b> за [lavanda]<br>
<b>nina dobrev</b> за [wow]<br>
<b>holland roden</b> за [кая]<br>
<b>bill kaulitz</b> за [мопсокороль]<br>
<b>tom kaulitz</b> за [король мопсокороля]<br>
<b>megan fox</b> за [Эл]<br>
<b>emily didonato</b> за [валера]<br>
<b>daniel sharman</b> за [джон леннон]<br>
<b>aaron taylor-johnson</b> за [crash]<br>
<b>emma stone</b> за [банана]<br>
<b>amber heard</b> за [финн парниша]<br>
<b>sarah shahi</b> за [жертва]<br>
<b>natalie dormer</b> за [Meth.]<br>
<center><div style="background-color: #e7e682; font-size: 15px; color: #888f1f; ">01.08.2014</div></center><br>
<b>harry shum Jr</b> за [Ори]<br>
<b>keira knightley</b> за [бобер]<br>
<b>anna christine speckhart</b> за [лолита]<br>
<b>nina agdal</b> за [океан]<br>
<b>irina shayk</b> за [среди зимы]<br>
<b>lily collins</b> за [гермиона]<br>
<b>andy biersack</b> за [горбатая гора]<br>
<b>karen gillan</b> за [streit]<br>
<b>ian somerhalder</b> за [boss-курица]<br>
<b>taissa Farmiga</b> за [конечная]<br>
<b>crystal reed</b> за [helter skelter]<br>
<b>charlie hunnam</b> за [givenshit] for borsch<br>
<b>andrew garfield</b> за [лимон]<br>
<b>jonathan Rhys Meyers</b> за [devil shape.]<br>
<b>liam Hemsworth</b> за [Innocent]<br>
</div>
</div>



</tr></div>
</table>
</div>
</div></div>
</div></div>



</div>


</div><div class="inevrealise"></div></div></div></center>

0

3

Код:
<!--HTML-->

<div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Wire+One|Tulpen+One|Pathway+Gothic+One|Fjalla+One|Cinzel" rel="stylesheet" type="text/css">

 <style>
.sp-slideshow {  position: relative;width: 475px; height: 634px;}

.sp-content { background: #d4d4d4;position: relative;width: 100%;height: 100%;overflow: hidden;}

.sp-parallax-bg {background: transparent; -webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

.sp-slideshow input {position: absolute;bottom: 15px;left: 50%;width: 9px;height: 9px;z-index: 1001;cursor: pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}

.sp-slideshow input + label {position: absolute;bottom: 15px;left: 50%;width: 6px;height: 6px;display: block;z-index: 1000;border: 3px solid #fff;border: 3px solid rgba(255,255,255,0.9);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color linear 0.1s;-moz-transition: background-color linear 0.1s;-o-transition: background-color linear 0.1s;-ms-transition: background-color linear 0.1s;transition: background-color linear 0.1s;}
.sp-slideshow input:checked + label {background-color: #fff;background-color: rgba(255,255,255,0.9);}

.sp-selector-1, .button-label-1 {margin-left: -48px;}
.sp-selector-2, .button-label-2 {margin-left: -32px;}
.sp-selector-3, .button-label-3 {margin-left: -16px;}
.sp-selector-4, .button-label-4 {margin-left: 0px;}
.sp-selector-5, .button-label-5 {margin-left: 16px;}
.sp-selector-6, .button-label-6 {margin-left: 32px;}


.sp-arrow1 {position: absolute;top: 50%;width: 28px;height: 38px;margin-top: -19px;display: none;opacity: 0.8;cursor: pointer;z-index: 1000;background: transparent url(http://i.imgur.com/6PiuWtT.png) no-repeat;-webkit-transition: opacity linear 0.3s;-moz-transition: opacity linear 0.3s;-o-transition: opacity linear 0.3s;-ms-transition: opacity linear 0.3s;
transition: opacity linear 0.3s;}
.sp-arrow1:hover{opacity: 1;}
.sp-arrow1:active{margin-top: -18px;}
.sp-selector-1:checked ~ .sp-arrow1.sp-a2,
.sp-selector-2:checked ~ .sp-arrow1.sp-a3,
.sp-selector-3:checked ~ .sp-arrow1.sp-a4,
.sp-selector-4:checked ~ .sp-arrow1.sp-a5,
.sp-selector-5:checked ~ .sp-arrow1.sp-a6,
.sp-selector-6:checked ~ .sp-arrow1.sp-a1 {right: 15px;display: block;background-position: top right;}
.sp-selector-2:checked ~ .sp-arrow1.sp-a1,
.sp-selector-3:checked ~ .sp-arrow1.sp-a2,
.sp-selector-4:checked ~ .sp-arrow1.sp-a3,
.sp-selector-5:checked ~ .sp-arrow1.sp-a4,
.sp-selector-6:checked ~ .sp-arrow1.sp-a5 {left: 15px;display: block;background-position: top left;}

.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 1s, background-color linear 1s;-moz-transition: background-position linear 1s, background-color linear 1s;-o-transition: background-position linear 1, background-color linear 1s;-ms-transition: background-position linear 1S, background-color linear 1s;transition: background-position linear 1s, background-color linear 1S;}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 1s;-moz-transition: background-position linear 1s;-o-transition: background-position linear 1s;-ms-transition: background-position linear 1s;transition: background-position linear 1s;}


input.sp-selector-1:checked ~ .sp-content {background-position: 0 0;background-color: transparent;}
input.sp-selector-2:checked ~ .sp-content {background-position: -100px 0;background-color: transparent;}
input.sp-selector-3:checked ~ .sp-content {background-position: -200px 0;background-color: transparent;}
input.sp-selector-4:checked ~ .sp-content {background-position: -300px 0;background-color: transparent;}
input.sp-selector-5:checked ~ .sp-content {background-position: -400px 0;background-color: transparent;}
input.sp-selector-6:checked ~ .sp-content {background-position: -500px 0;background-color: transparent;}


input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}


.sp-slider { position: relative;left: 0; width: 4250px;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }

.sp-slider > li {height: 100%;padding: 0 60px;float: left;text-align: center;opacity: 0.4; -webkit-transition: opacity ease-in 0.4s 0.8s;-moz-transition: opacity ease-in 0.4s 0.8s;-o-transition: opacity ease-in 0.4s 0.8s;-ms-transition: opacity ease-in 0.4s 0.8s;transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -850px;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -1700px;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -2550px;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -3400px;}
input.sp-selector-6:checked ~ .sp-content .sp-slider {left: -4250px;}


input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5),
input.sp-selector-6:checked ~ .sp-content .sp-slider > li:nth-child(6)
{opacity: 1;}




.boxy2 { width: 395px; height: 525px; background-color: #f8f8f8; margin: 50px 0px 0px 75px; border-right: 20px solid #D3532E; opacity:1;
filter: alpha(opacity=100); position: relative; left: 330px; bottom: 20px;
-moz-opacity:1;}

.boxy3 { width: 395px; height: 525px; background-color: #f8f8f8; margin: 50px 0px 0px 75px; border-right: 20px solid #99ED2D; opacity:1;
filter: alpha(opacity=100); position: relative; left: 705px; bottom: 20px;
-moz-opacity:1;}

.boxy4 { width: 395px; height: 525px; background-color: #f8f8f8; margin: 50px 0px 0px 75px; border-right: 20px solid #F5326A; opacity:1;
filter: alpha(opacity=100); position: relative; left: 1080px; bottom: 20px;
-moz-opacity:1;}
.boxy5 { width: 395px; height: 525px; background-color: #f8f8f8; margin: 50px 0px 0px 75px; border-right: 20px solid #39D5CD; opacity:1;
filter: alpha(opacity=100); position: relative; left: 1455px; bottom: 20px;
-moz-opacity:1;}

.boxy6 { width: 395px; height: 525px; background-color: #f8f8f8; margin: 50px 0px 0px 75px; border-right: 20px solid #E2D092; opacity:1;
filter: alpha(opacity=100); position: relative; left: 1830px; bottom: 20px;
-moz-opacity:1;}



.covertype1 { font-family: 'Tulpen One', cursive; font-size: 45px; color: #000; }
.smalltype { width: 113px; font-family: 'Pathway Gothic One', sans-serif; font-size: 12px; text-transform: uppercase; text-align: justify; line-height: 12px;}
.covertype2 { font-family: 'Fjalla One', sans-serif; font-size: 75px; color: #000; text-transform: lowercase; }
.covertype3 { font-family: 'Wire One', sans-serif; font-size: 25px; text-transform: uppercase; text-align: center;   }
.styletype { width: 50px; font-family: Arial Black; font-size: 15px; text-transform: uppercase;border-bottom: 1px solid #000; position: relative; left: 212px; color: #CF3F56; }
.covertype4 { font-family: 'Pathway Gothic One', sans-serif; font-size: 15px; }
.highlighttype { font-family: 'Fjalla One', sans-serif; background: #C770B4; padding: 5px; color: #fff; width: 150px;  }

.generalheader { width: 274px; height: 50px; background: url(http://i.imgur.com/lK3h27D.png);}
.codingheader { width: 225px; height: 50px; background: url(http://i.imgur.com/NRSh6jp.png);}
.graphicsheader { width: 300px; height: 50px; background: url(http://i.imgur.com/SH04eo9.png);}
.writingheader { width: 253px; height: 50px; background: url(http://i.imgur.com/QoYIxjY.png) }
.tutorialsheader { width: 310px; height: 50px; background: url(http://i.imgur.com/7L7UZcZ.png) }


.innerheaders { width: 350px; font-family: Cinzel; font-size: 25px; text-transform: uppercase; letter-spacing: -1px; padding: 10px; border-bottom: 1px solid #000; text-align: center;}

.triangleu {width: 0; height: 0; border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 75px solid #FF0066;} 

.triangled {width: 0; height: 0; border-left: 75px solid transparent; border-right: 75px solid transparent; border-top: 75px solid #9966FF;} 
</style>


<center><div style="background: url(http://i.imgur.com/NfzaU2u.png); width: 475px; height: 634px;"><div class="sp-slideshow">
           
  <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked">
  <label for="button-1" class="button-label-1"></label>
   
 <input id="button-2" type="radio" name="radio-set" class="sp-selector-2">
  <label for="button-2" class="button-label-2"></label>
 <input id="button-3" type="radio" name="radio-set" class="sp-selector-3">
  <label for="button-3" class="button-label-3"></label>
 <input id="button-4" type="radio" name="radio-set" class="sp-selector-4">
  <label for="button-4" class="button-label-4"></label>
<input id="button-5" type="radio" name="radio-set" class="sp-selector-5">
  <label for="button-5" class="button-label-5"></label>

   <input id="button-6" type="radio" name="radio-set" class="sp-selector-6">
  <label for="button-6" class="button-label-6"></label>

   
  
   
  <label for="button-1" class="sp-arrow1 sp-a1"></label>
  <label for="button-2" class="sp-arrow1 sp-a2"></label>
 <label for="button-3" class="sp-arrow1 sp-a3"></label>
<label for="button-4" class="sp-arrow1 sp-a4"></label>
<label for="button-5" class="sp-arrow1 sp-a5"></label>
 <label for="button-6" class="sp-arrow1 sp-a6"></label>
  
   
  <div class="sp-content">
      <div class="sp-parallax-bg"></div>
      <ul class="sp-slider clearfix">

        <li><div style="width:475px; height:400px;">

<div style="position: relative; right: 220px; top: 100px;"><div class="covertype1">on the up</div>

<div class="smalltype" style="position: relative; left: 178px; top: 5px;">and what's on it's way down? we bring you the latest style faves, and what's just not meant to be</div></div>



<div class="covertype2" style="position: relative; top: 480px; right: -20px;">tutorials<i>!</i></div>

<div style="position: relative; left: 140px; top: 30px;"><div class="covertype3"><div style="letter-spacing: 14px; position: relative; left: 6px; top: 5px;">get</div><div style="letter-spacing: 7px; position: relative; left: 3px; top: 5px;">your</div><div style="letter-spacing: 6px; position: relative; left: 3px; top: 5px;">muse</div></div><div class="styletype">BACK</div>

<div style="margin-top: 15px; margin-left: 5px;"><div class="styletype" style="font-size: 35px; letter-spacing: 5px; border: none; bottom: 10px; left: 208px;">25</div></div>
<div class="covertype3" style="margin-top: 15px; border-bottom: 1px solid #000; width: 50px; position: relative; left: 212px; bottom: 15px;"><div style="letter-spacing: 12px; margin-left: 4px;">top</div><div style="letter-spacing: 3px; margin-left: 3px; padding-bottom: 3px;">songs</div></div></div>

<div class="covertype4" style="position: relative; bottom: 21px; right: 236px; z-index: 99;">plus! we meet our</div>
<div class="highlighttype" style="position: relative; bottom: 25px; right: 40px;">MEMBER <span style="color: #000">of the</span> MONTH!</div>

</div></li>

          <li><div style="width:475px; height:634px; margin-left: -180px;"><div class="boxy2"><div class="generalheader"></div>

<table><tbody><tr><td><div style="width: 203px; height: 250px; font-family: arial; font-size: 10px; text-align: justify; line-height: 12px; ">

<div class="highlighttype" style="position: relative; bottom: 0px; right: 0px; width: 195px;"><span style="margin-left: 45px;;">MEMBER <span style="color: #000">of the</span> MONTH!</span></div> <div style="width: 145px; height: 190px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto "> we're here today with _____, who blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div></div></td><td><div style="width: 200px; height: 250px; background: url(http://placehold.it/200x250); position: relative; right: 8px;"></div></td></tr></tbody></table>

<center><div class="innerheaders">get your muse back</div></center>

<div style="width: 350px; height: 130px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

<center><div style="-moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 1px; -webkit-column-gap: 1px; height: 250px; text-align: justify; margin-left: 25px;"><ul><li>one</li><li>two</li><li>three</li><li>four</li><li>five</li><li>six</li><li>seven</li><li>eight</li><li>nine</li><li>ten</li><li>eleven</li><li>twelve</li><li>thirteen</li><li>fourteen</li><li>fifteen</li><li>sixteen</li><li>seventeen</li><li>eighteen</li><li>nineteen</li><li>twenty</li><li>twenty one</li><li>twenty two</li><li>twenty three</li><li>twenty four</li><li>twenty five</li></ul></div></center>


</div>

</div></div></li>

          <li><div style="width:475px; height:634px; margin-left: -120px;"><div class="boxy3"><div class="codingheader"></div>

<table style="border-collapse: collapse;" cellapadding="0">

<tbody><tr><td><div class="triangleu"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #F00F7C; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #E21D92; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #D32CA8; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #C53ABD; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #B649D3; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #A857E9; position: relative; left: 25px;"></div></td></tr>

<tr><td><div class="triangled"></div></td></tr></tbody></table>

<div style="position: relative; bottom: 380px; left: 65px;">

<center><div class="innerheaders" style="width: 230px; font-size: 16px;">what's hot, and...well, not.</div></center>

<div style="width: 230px; height: 230px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto; position: relative; left: 60px; "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 



</div>


</div></div></div></li>

          <li><div style="width:475px; height:634px; margin-left: -120px;"><div class="boxy4"><div class="graphicsheader"></div><table style="border-collapse: collapse;" cellapadding="0">

<tbody><tr><td><div class="triangleu"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #F00F7C; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #E21D92; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #D32CA8; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #C53ABD; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #B649D3; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #A857E9; position: relative; left: 25px;"></div></td></tr>

<tr><td><div class="triangled"></div></td></tr></tbody></table>

<div style="position: relative; bottom: 380px; left: 65px;">

<center><div class="innerheaders" style="width: 230px; font-size: 16px;">what's hot, and...well, not.</div></center>

<div style="width: 230px; height: 230px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto; position: relative; left: 60px; "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 



</div>


</div></div></div></li>

      <li><div style="width:475px; height:634px; margin-left: -120px;"><div class="boxy5"><div class="writingheader"></div><table style="border-collapse: collapse;" cellapadding="0">

<tbody><tr><td><div class="triangleu"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #F00F7C; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #E21D92; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #D32CA8; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #C53ABD; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #B649D3; position: relative; left: 25px;"></div></td></tr>

<tr><td><div style="width: 100px; height: 50px; background: #A857E9; position: relative; left: 25px;"></div></td></tr>

<tr><td><div class="triangled"></div></td></tr></tbody></table>

<div style="position: relative; bottom: 380px; left: 65px;">

<center><div class="innerheaders" style="width: 230px; font-size: 16px;">what's hot, and...well, not.</div></center>

<div style="width: 230px; height: 230px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto; position: relative; left: 60px; "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 



</div>


</div></div></div></li>

<li><div style="width:475px; height:634px; margin-left: -120px;"><div class="boxy6"><div class="tutorialsheader"></div>

<center><div class="innerheaders">coding</div></center>

<div style="width: 350px; height: 130px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

</div>
<p><br>
</p><center><table style="border-collapse: collapse;" cellapadding="1"><tbody><tr><td><center><div class="innerheaders" style="width: 150px;">graphics</div></center>

<div style="width: 150px; height: 130px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

</div></td>

<td><center><div class="innerheaders" style="width: 150px;">writing</div></center>

<div style="width: 150px; height: 130px;COLOR:#212121; LETTER-SPACING: 1PX;TEXT-TRANSFORM: UPPERCASE; TEXT-DECORATION: NONE; BORDER:NONE; FONT-WEIGHT: BOLD; TEXT-ALIGN: JUSTIFY; FONT-STYLE: NORMAL; FONT-FAMILY: ARIAL; FONT-SIZE: 8PX; padding: 20px; overflow: auto "> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

</div></td></tr></tbody></table></center>

</div></div></li>




  </ul></div>     
</div></div></center> <br><br><br> </div>

0

4

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Cambo|Arizonia' rel='stylesheet' type='text/css'><style type="text/css" >
#appphoto1 {width: 498px; height: 500px; position: relative; overflow: hidden;border: 2px dotted #d4aa62; outline: 10px solid #404e69; margin: 20px 0 20px 0; }
#appphoto1 .left { -webkit-transition: 4s all ease-in-out; -moz-transition: 0.95s all ease-in-out; o-transition: 0.95s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 500px;}
#appphoto1:hover .left {-webkit-transition: 4s all ease-in-out; -moz-transition: 0.95s all ease-in-out; o-transition: 0.95s all ease-in-out; left: -255px;}
#appphoto1 .right { -webkit-transition: 4s all ease-in-out; -moz-transition: 0.95s all ease-in-out; o-transition: 0.95s all ease-in-out; position: absolute; right: 0px; bottom: 0px; width: 250px; height: 500px;}
#appphoto1:hover .right {-webkit-transition: 4s all ease-in-out; -moz-transition: 0.95s all ease-in-out; o-transition: 0.95s all ease-in-out; right: -255px;}
.bginfolover { background-color: #232436; width: 500px; height: 500px; }
.nameofchar { font-family: 'Arizonia', cursive; color: #404e69; font-size: 60px; padding-top: 24px; padding-bottom: 5px; padding-right: 2px; text-shadow: 1px 2px 1px #d4aa62;  }
.infoboxnl { background-color: #a89171; width: 249px; float: left; height: 14px; font-family: cambo; text-transform: uppercase; color: #232436; font-size: 10px; margin-top:2px;  padding-top:2px; border-right: 1px solid #404e69; padding-bottom: 2px; }
.infoboxnr { background-color: #a89171; width: 249px; float: right; height: 14px; font-family: cambo; text-transform: uppercase; color: #232436; font-size: 10px; padding-top:2px; border-left: 1px solid #404e69; margin-top: 2px;padding-bottom: 2px;  }
.ansboxl { background-color: #d4aa62; color: #404e69; float: left; width: 249px; font-family: cambo, cursive; height: 25px; font-size: 20px; font-style:italic; padding-top: 4px; text-align: center; border-right: 1px solid #404e69; border-top: 2px dotted #404e69; }
.ansboxr { background-color: #d4aa62; color: #404e69; float: right; width: 249px; font-family: cambo, cursive; height: 25px; font-size: 20px; font-style:italic; padding-top: 4px; text-align: center; border-left: 1px solid #404e69; border-top: 2px dotted #404e69; }
.quoteageme { background-color: #a89171; width: 199px;  height: 13px; font-family: cambo; text-transform: uppercase; color: #232436; font-size: 10px; margin-top:10px;  padding-top:0px; border-right: 1px solid #404e69; float: left; padding-bottom: 2px;}
.quotemeon { background-color: #d4aa62; color: #404e69;  width: 199px; font-family: cambo, cursive; height: 79px; font-size: 10px; font-style:italic; padding-top: 4px; text-align: center; border-right: 1px solid #404e69; border-top: 2px dotted #404e69; float: left; line-height: 11px;  }
.secret2me { background-color: #a89171; width: 199px;  height: 13px; font-family: cambo; text-transform: uppercase; color: #232436; font-size: 10px; margin-top:10px;  padding-top:0px; padding-bottom: 2px; border-left: 1px solid #404e69; float: right; }
.secretmeon { background-color: #d4aa62; color: #404e69;  width: 199px; font-family: cambo, cursive; height: 79px; font-size: 10px; font-style:italic; padding-top: 4px; text-align: center; border-left: 1px solid #404e69; border-top: 2px dotted #404e69; float: right; line-height: 11px; }
.lil100px { margin-top: 10px; background-color: transparent; padding-top: 10px;  }
.allme2me { background-color: #feefc6; width: 500px;  height: 13px; font-family: cambo; text-transform: uppercase; color: #232436; font-size: 10px; margin-top:8px;  padding-top:2px; padding-bottom: 5px;  }
.allmemeon { background-color: #404e69; color: #feefc6;  width: 480px; font-family: cambo, cursive; height:120px; font-size: 11px; font-style:italic; padding: 4px 10px 4px 30px; text-align: justify;  border-top: 2px dotted #404e69; float: right; overflow: auto;  }
.ehcredme3 { background-color: #404e69; width: 498px; height: 12px; margin-bottom: 2px; border-top: 2px solid #a89171; font-family: 'Cambo', serif;   font-size: 11px; color: #feefc6; text-transform: none; margin-top:2px; padding-top:1px; padding-bottom:2px; }
.scbar::-webkit-scrollbar { background: #d4aa62; width: 10px; } .scbar::-webkit-scrollbar-thumb { background: #232436; width: 10px } .scbar::-webkit-scrollbar-corner { background: #d4aa62; } </style>

<center>
 <div id="appphoto1"><div class="left">

<img src="http://i58.tinypic.com/ne8akm.png">

</div>

<div class="right">

<img src="http://i59.tinypic.com/2m2v0xh.jpg"></div>
   <div class="bginfolover">
<div class="nameofchar">Talisha Devonshire</div><br>

     <div class="infoboxnl">Age in letters</div>
     <div class="infoboxnr">occupation</div>
               <div class="ansboxl">Spell it Out</div>
               <div class="ansboxr">what do you do</div>
     
     <div class="infoboxnl">celebrity face</div>
     <div class="infoboxnr">member group</div>
               <div class="ansboxl">sexy and i know it</div>
               <div class="ansboxr">where do you fit in</div>
           
     <div class="infoboxnl">sexuality</div>
     <div class="infoboxnr">alias</div>
               <div class="ansboxl">your choice</div>
               <div class="ansboxr">yes ur real name</div>
    
     <div class="quoteageme">Quote About Character</div>
     <div class="secret2me">My Dirty Little Secret</div>
     <div class="quotemeon">There is no definition of beauty, but when you can see someone's spirit coming through, something unexplainable, that's beautiful to me.
</div>
     <div class="secretmeon">my parents have a hard time being proud of me because i’m surpassing how they were when they were young
   </div>
     
       <img src="http://placehold.it/100x100" style="padding-top:10px;" >
     <div class="allme2me">About My Life</div>
    <div style="width: 480px; height: 98px; padding: 11px; background-color: #404e69; font-family: cambo; font-size: 11px; line-height: 11px; text-align: justify; overflow: auto; color: #feefc6;" class="scbar"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet vel elit porta mollis. Sed a nisl fermentum, blandit lacus non, egestas nisl. Cras viverra est eu nibh auctor posuere. Fusce ullamcorper turpis mi, nec suscipit erat euismod varius. Nullam vestibulum volutpat diam in accumsan. Praesent condimentum vehicula enim et pulvinar. Morbi urna erat, ultricies non viverra vehicula, malesuada at metus.<p>

Proin in turpis pharetra, tempus elit et, tristique velit. Praesent fermentum egestas odio vitae ullamcorper. Cras eu ultricies est, eget bibendum enim. Proin fringilla, lacus id accumsan molestie, dui leo pellentesque neque, in consectetur nunc tellus et dolor. Mauris metus dui, vehicula eget lorem ac, venenatis varius urna. Praesent volutpat porttitor odio eget egestas. Nullam porta mollis aliquam. Ut laoreet dolor eu imperdiet fermentum. Duis eu tellus condimentum neque molestie ultricies. Nullam a quam a velit fermentum varius.<p>

Integer lobortis commodo orci in gravida. Aliquam nisi lacus, blandit nec lectus sit amet, auctor iaculis turpis. Cras eu dignissim leo. Sed vel viverra odio. Nam blandit mollis quam at imperdiet. Suspendisse vel nulla adipiscing nisl lacinia ultrices. Pellentesque et pulvinar erat. Etiam eleifend, augue quis volutpat molestie, arcu enim auctor enim, eu suscipit lectus mi sed nisi. Morbi ornare condimentum eros, id egestas nisi molestie sed. Proin vitae aliquet diam, porttitor semper erat. Nullam dui enim, facilisis eget tortor id, cursus cursus ipsum. Proin id lectus eu nisi vulputate tristique sit amet ut neque.<p>

Vestibulum tincidunt leo pretium lacinia ullamcorper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus facilisis at leo sit amet vulputate. Cras et nibh mauris. Fusce vulputate metus non suscipit consequat. Donec pulvinar bibendum pulvinar. Phasellus sit amet felis justo. Proin at aliquam nisl. Pellentesque sed mattis elit. Proin tempor, sapien nec commodo viverra, purus sem congue metus, id facilisis erat elit id quam.<p></div>
      <div class="ehcredme3">created by MORGANA PENDRAGON @ <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=2077">Candyland Couture</a> </div>
   </div>
   
</center>

0


Вы здесь » zxc » открытый » коды


Рейтинг форумов | Создать форум бесплатно