Тестовое сообщение

Страница: « 1 2

Тема закрыта

Сообщений 31 страница 46 из 46

Поделиться312016-11-07 10:28:41

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>

<center><div style="width: 300px; height: 150px; border-top: #F3C405 10px solid; border-bottom: #E08222 7px solid; background-color: #fff; padding: 10px;"><div style="background-color: #C41D27; height: 18px; color: white; font-family: aguafina script; font-size: 30px; line-height: 65%; padding: 5px; text-transform: lowercase;">SCREENAME HERE!</div><div style="font-family: calibri; font-size: 8px; color: #C41D27; letter-spacing: 5px; text-transform: uppercase;">is online and typing</div><table cellspacing="10px;"><tr><td><div style="height: 100px; width: 100px; background: url(100X100 IMAGE HERE!!!); border: 3px #f3c405 solid; border-radius: 80px; -moz-border-radius: 80; -webkit-border-radius: 80px; -o-border-radius: 80px;"></div></td><td><div style="width: 170px; height: 100px; background-color: #eee; border-radius: 30px; -moz-border-radius: 30; -webkit-border-radius: 30px; -o-border-radius: 30px;"><div style="width:140px; height: 90px; font-family: Calibri; font-size: 10px; color: #C41D27; text-align: justify; overflow: auto; padding-left: 15px; padding-top: 10px; line-height: 9px;">

MESSAGE HERE

</div></div></td></table><div style="font-family: calibri; font-size: 8px; color: #C41D27; letter-spacing: 3px; text-transform: uppercase;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=148">thanks kaykay &hearts;</a></div>

</div></center>

Поделиться322016-11-07 10:29:56

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<div style="width: 320px; height: 140px; background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/532/532985.png'); position: relative; z-index: 1; margin-bottom: 15px; -moz-border-radius: 0px 20px 0px 20px; -webkit-border-radius: 0px 20px 0px 20px; -khtml-border-radius: 0px 20px 0px 20px; border-radius: 0px 20px 0px 20px;">
<div style="width: 290px; height: 120px; background-color: #E9DFCC; border-right: 10px solid #554865; position: relative; left: 10px; top: 10px; z-index: 2; text-align: justify; padding: 10px; -moz-border-radius: 25px 0px 25px 0px; -webkit-border-radius: 25px 0px 25px 0px; -khtml-border-radius: 25px 0px 25px 0px; border-radius: 25px 0px 25px 0px;">
<div style="margin-right: 5px; width: 100px; height: 100px; padding: 10px; background-color: #ece8dc; float: left;"><img src="http://25.media.tumblr.com/806fc7802a3851b00520056ecf4171b3/tumblr_mht19eEhtt1rktqrgo5_250.gif" width="100" height="100" alt="icon" /></div>
<div style="color: #CD5B51; font-family: helvetica, arial, sans-serif; font-size: 8px; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 5px;">
I JUST WANNA LIVE WHILE WE'RE YOUNG</div>

<div style="color: #352630; font-family: calibri, sans-serif; letter-spacing: 1px; font-size: 10px; height: 80px;">username is typing...<br />
<div id="im">
THIS IS WHERE<br />
YOUR IM GOES<br />
DON'T LET IT GET TOO LONG.
</div>
</div>
<div style="color: #CD5B51; font-family: helvetica, arial, sans-serif; font-size: 8px; text-align: center; letter-spacing: 3px; text-transform: uppercase; position: relative; bottom: 0;">
FIRST LAST IS </div>
</div>
</div>
<div style="color: #554865; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; height: 80px; text-transform: uppercase; margin-bottom: -80px;"></div>

Поделиться332016-11-07 10:33:04

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<center>

<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>


<div style="width: 450px; height: 350px; border-radius: 10px 10px 10px 10px; background: #7A0A32; padding: 10px;">

<div style="width: 410px; height: 310px; border-radius: 10px 10px 10px 10px; background: #600727; padding: 10px;">

<div style="width: 400px; height: 300px; border-radius: 10px 10px 10px 10px; background: #d0d0d0; padding: 5px;">

<div style="width: 250px; height: 260px; border-radius: 10px 10px 10px 10px; background: #d9d9d9; padding: 10px; border-top: 20px solid #e5e5e5;">

<div style="font-family: Oswald; text-transform: lowercase; font-size: 10px; color: #19181e; margin-top: -27px; letter-spacing: 5px;">im messenger: ellie goulding</div>

<div style="margin-top: 15px;"></div>

<div style="font-family: Lobster; font-size: 30px; color: 7a0a32; text-shadow: 1px 2px #e5e5e5;">ellie goulding</div>

<div style="margin-top: 5px;"></div>

<table>

<td valign="top"><div style="width: 50px; background: #e5e5e5; padding: 5px; border-radius: 0px 0px 10px 10px;"><img src="http://i272.photobucket.com/albums/jj194/lapicturing/coding/egiconnn_zps7b19a4ad.png">
<br>
<div style="font-family: Oswald; font-size: 8px; text-transform: uppercase; text-align: center; color: #19181e;">
TODAY 9:04 PM</div>
<div style="font-family: Georgia; font-size: 9px; font-style: italic; color: #7A0A32; text-align: center;">online</div></div></td>

<td valign="top"><div style="width: 15px; height: 15px; background: url('http://i272.photobucket.com/albums/jj194/lapicturing/coding/sign2imtemplate_zps4d53d298.png'); margin-left: -10px;"></td>

<td><div style="width: 150px; background: #e5e5e5; padding: 5px; font-family: Trebuchet MS; font-size: 10px; color: 19181e; text-align: justify; letter-spacing: 0px; line-height: 10px; margin-left: -4px; border-radius: 0px 0px 10px 10px; ">this is a random text that should look like an im post. see, the more you write, the longer the box will get. don't write too much though, or the box will go over the window border. this is a random text that should look like an im post. see, the more you write, the longer the box will get. don't write too much though, or the box will go over the window border. this is a random text that should look like an im post. see, the more you write, the longer the box will get. don't write too much though, or the box will go over the window border. </div>

<div style="font-family: Georgia; font-size: 9px; font-style: italic; color: #7A0A32; height: 10px; width: 150px;"><marquee>currently listening to: motorway by little boots</marquee></td>

</table>

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

<div style="width: 30px; height: 3px; border-radius: 5px 5px 5px 5px; background: #600727; padding: 3px; margin-top: -20px;"></div>

<div style="width: 100px; height: 50px; background: #7A0A32; padding: 10px;"></div>

<div style="width: 300px; height: 30px; background: #7A0A32; padding: 10px;  border-radius: 10px 10px 10px 10px"></div>

<div style="font-family: Oswald; text-transform: lowercase; font-size: 10px; color: #19181e; letter-spacing: 5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2104">template by iamnotalone . at sp</a></div>

</center>

Поделиться342016-11-07 10:37:39

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<center>
<link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'>

<div style="width:300px;height:140px;background-color:#EFDECC;border-top: #9F290F 5px solid; border-bottom:#9F290F 5px solid;border-left:dotted 1px #9F290F;border-right: dotted 1px #9F290F ">
<table>
<tr>
<div style="font-family:'Milonga';color:#532E1B;font-size:20px;padding:-5px"><i>billie is currently typing...</i> <blink>|</blink></div></tr>
<tr><td>
<div style="width:100px;height:100px;background-image:url(http://i49.tinypic.com/mmec82.png);border-top:3px solid #9F290F;border-bottom:3px solid #9F290F "></div></td>
<td>
<div style="width:150px;height:110px;overflow:auto;font-family:calibri;font-size:9px;color:#A6530F;letter-spacing:2px;padding:0px">text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here</div></td>
</tr>

</table>
<div style="width:200px;height:15px;overflow:auto;font-family:calibri;font-size:9px;color:#A6530F;letter-spacing:2px;"><marquee>currently listening to <i>Ellie Goulding - My Blood</i></marquee></div>
</div>
<div style="width:200px;height:15px;overflow:auto;font-family:calibri;font-size:9px;color:#A6530F;letter-spacing:2px;">thanks india for template!</div>
</center>

Поделиться352016-11-07 10:39:43

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<center><div style="width: 300px; height: 100px;">

<div style="background: #B89D7F; font-family: georgia; font-size: 28px; font-style: italic; letter-spacing: -2px; text-transform: lowercase; padding: 4px; color: #2F364D; line-height: 18px;">

screenname is typing</div>
<div style="background: #416963; padding: 4px;">
<table><td><div style="width: 100px; height: 100px; background: #f2f2f2 url(image here. 100 by 100);"></div></td><td><div style="padding: 4px; width: 176px; height: 100px; overflow: auto; text-align: justify; line-height: 9px; font-family: arial narrow; font-size: 10px; background: #4E4166;">

TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE .

</div></td></table></div>
<div style="background: #121212; font-family: times new roman; font-size: 6px; letter-spacing: 4px; padding-bottom: 2px; text-transform: uppercase; color: #000000; line-height: 10px;">by jacc <a href="http://z10.invisionfree.com/shadowplay">shadowplay</a>

</div> </div></center>

Поделиться362016-11-07 10:48:20

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<style type='text/css'>
#derekth {
   width: 400px;
   height: 500px;
   background-color: #aec6cf;
   background-image: url('http://ultraimg.com/images/az-subtle.png');
   border-radius: 15px 50px 30px 5px;
   margin: 0 auto;
   padding-bottom: 5px;
}
.derekpc {
   width: 390px;
   height: 200px;
   margin-bottom: 10px;
   margin-left: 5px;
   padding-top: 10px;
   border-radius: 15px 50px 0px 0px
}
.derekwbg {
   width: 350px;
   height: auto;
   background-color: #f1f1f1;
   border-top: solid 2px #8fa3aa;
   border-bottom: solid 2px #8fa3aa;
   margin: 0 auto;
}
.derword {
   width: 300px;
   height: 240px;
   padding: 10px;
   margin: 0 auto;
   font: normal normal 10px/12px calibri, sans-serif;
   text-align: justify;
   color: #5a5a5a;
   text-transform: none;
   overflow: auto;
}
.dercred {
   width: 400px;
   height 100;
   font-family: roboto, sans-serif;
   font-size: 10px;
   margin-bottom: 3px;
   font-variant: small-caps;
   text-align: center;
   margin-left: 5px;
   color: #f1f1f1

}



</style>

<style type="text/css">.dercred a:link, .dercred a:active, .dercred a:visited { font-family: roboto;  font-size: 10px; color: #555 } .dercred a:hover { color: 7b7972; font-size: 15px; text-shadow: 1px 1px 1px #fff }</style> 

<div id='derekth'>
<div class='derekpc'><img src='http://placehold.it/390x200' style='border-radius:15px 50px 30px 5px':></div>
  <div class='derekwbg'><div class='derword'>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue sollicitudin sollicitudin. Sed quis neque sed nunc iaculis tristique. Morbi eget velit eros. Nam in turpis vitae erat aliquam pulvinar. Duis odio eros, dapibus a ullamcorper eu, pellentesque vel arcu. Aliquam erat volutpat. Morbi vehicula vehicula nibh a sagittis. Donec placerat arcu in sollicitudin lacinia. Vestibulum laoreet cursus elit in luctus.<p>

Quisque tempor nisi metus, sit amet placerat urna fringilla in. Sed non lorem id nisi sagittis blandit nec quis lacus. Aliquam faucibus nisi ac nisl aliquam, quis consectetur enim rutrum. Nullam vestibulum accumsan est a venenatis. Fusce porta velit nunc, quis vulputate tortor dapibus varius. Sed tempor lacus libero, non varius massa rutrum eget. Maecenas enim nisi, porta sed dui et, efficitur iaculis tellus. Morbi lectus nibh, ultrices non dolor quis, iaculis cursus felis.<p>

 
</div</div></div>
</div>
<center><div class='dercred'><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=19704">☾ deetoxicity.</a></div></div>

Поделиться372016-11-07 10:50:32

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->
<center>
<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
<div style="margin: 20px; width: 400px;"><div style="height: 200px; background: #507e59;"><div style="padding-top: 60px; font-family: georgia; text-transform: uppercase; font-size: 8px; letter-spacing: 4px; color: #f8f8f8;"><span style="letter-spacing: -2px;">--------------------</span>

title goes here

<span style="letter-spacing: -2px;">--------------------</span></div><div style="padding-top: 10px; font-family: muli; font-size: 18px; letter-spacing: 0px; font-style: italic; color: #f8f8f8;">

longer title may say things

</div><div style="padding-top: 40px; font-family: georgia; font-size: 8px; font-style: italic; letter-spacing: 2px; color: #f8f8f8;">

TAG: name

</div></div><div style="border: #232323 30px solid; background: #f8f8f8;"><div style="margin: 10px; padding: 20px 20px 10px 20px; border: #d1d1d1 4px; border-style: double;">


<div style="font-family: muli; font-size: 10px; text-align: justify; line-height: 10px; color: #787878;">

post goes here

</div></div></div></div><div style="margin-top: -15px; font-weight: bold;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=1">♥</a> </div>
</center>

Поделиться382016-11-07 10:51:46

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->
<center>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

<style type="text/css">

.ybox { width:380px; margin-left:auto; margin-right:auto; }

.yboxtop { width:300px; padding-left:40px; padding-right:40px; padding-top:10px; padding-bottom: 10px; background:#000000; color:#ffdd00; }

.yboxtopicon img { width:60px; height:60px; margin-left: 20px; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; float: left; }

.yboxtoptext { float: right; font-family: 'Indie Flower', cursive; font-style: oblique; font-size:16px; margin-top:25px; margin-right:20px; }

.yboxmid { width:300px; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:20px; background:#ffffff; color:#000000; background: url(http://burning-bright.net/codeimages/ybg.png); }

.yboxbot { width:300px; padding-left:40px; padding-right:40px; padding-top:10px; padding-bottom:10px; background:#000000; color: #ffdd00; font-family: tahoma; font-size:10px; }

.yboxtext { width:280px; height:200px; padding:10px; background:#ffffff; color:#000000; margin-right:auto; margin-left:auto; overflow-y:auto; font-family: tahoma; font-size:10px; }

.yboxtext p { text-align:justify; }

.yboxtext p::first-letter { font-size: 200%; font-family: 'Indie Flower', cursive; color: #ffdd00; margin-right:2px; }

.yboxtext::-webkit-scrollbar { width: 5px; height: 5px; }
.yboxtext::-webkit-scrollbar-track { width: 1px; background: #ffffff; }
.yboxtext::-webkit-scrollbar-thumb { background: #ffdd00; }

.yboxcright { font-family: tahoma; color: #ffdd00; font-size:7px; text-align:right; }
.yboxcright a { color: #ffdd00; }
</style>

<div class="ybox">
<div class="yboxtop">
<div class="yboxtopicon"><img src="YOUR ICON HERE"/></div>
<div class="yboxtoptext">YOUR TITLE HERE</div>
<br clear="all"/>
</div>

<div class="yboxmid">
<div class="yboxtext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p>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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p></div>
</div>

<div class="yboxbot"><b>notes;</b></div>
<div class="yboxcright">© ana of <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=439">shadowplay</a> & <a href="http://athousandfireflies.jcink.net/index.php?showuser=15">atf</a></div>
</div>
</center>

Поделиться392016-11-07 10:53:48

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><center><div style="width: 455px; color: 334455; font-family: playfair display; font-size: 50px; margin-bottom: 17px; font-style: italic;">saviours and saints ,</div><div style="width: 450px; text-transform: uppercase; color: 121212; font-size: 7.5px; font-family: arial; letter-spacing: 10px;">-- devils and heathens alike --</div><table cellsapcing=0><td><div style="width: 160px; height: 290px; background-image: url(160 X 290 IMAGE HEEERRREEEE); border-left: 40px solid #334455;"></div></td>

<td><div style="margin-left: -4px; border-right: 40px solid #334455; width: 250px; height: 290px; background-color: eeeedd;"><center><BR><BR><div style="width: 180px; padding: 10px; background-color: fff; height: 220px;"><div style="padding-right: 10px; padding-left: 5px; font-family: tahoma; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; overflow: auto; height: 220px;">

post here.

</div></div></center></div></td></table><div style="width: 430px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">

### , tagged , notes 

, <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=3417">&hearts; lauz</a></div></center>

Поделиться402016-11-07 10:55:01

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<head><link href='http://fonts.googleapis.com/css?family=Lato:300|Open+Sans|Alex+Brush' rel='stylesheet' type='text/css'></head><style>#gridbox {	position: relative; width: 450px; height: 450px; margin: 10px auto; BACKGROUND-COLOR: #FFFFFF; border: 3px double #BBBBBB; padding: 10px; text-align: center; COLORr: #555555; } #gridbox a:link, #gridbox a:active, #gridbox a:visited { padding: 0; margin: 0; COLOR: #888888; font-size: 20px; text-decoration: none; -webkit-transition: color ease 0.6s; -moz-transition: color ease 0.6s; -o-transition: color ease 0.6s; transition: color ease 0.6s; } #gridbox a:hover { COLOR: #666666;} .box { display: inline-block; width: 200px; height: 200px; margin: 11px; BACKGROUND-COLOR: #AAAAAA; z-index: 1; } .hov { opacity: 0; z-index: 3; margin: 0; padding: 0; width: 190px; height: 190px; overflow: auto; position: relative; border: 5px solid #AAAAAA; background-color: #DDDDDD; -webkit-transition: opacity ease 0.6s; -moz-transition: opacity ease 0.6s; -o-transition: opacity ease 0.6s; transition: opacity ease 0.6s; } .hov h1 { font-size: 24px; margin: 10px 0 5px 0; text-transform: capitalize; font-family: 'Alex Brush', cursive; } .hov h2 { margin: 0; font-size: 11px; text-transform: uppercase; font-family: 'Lato', sans-serif; } .hov p { padding: 7px; text-align: justify; line-height: 13px; font-family: 'Open Sans', sans-serif;} .hov:hover { opacity: 1; } .round { position: absolute; height: 176px; width: 176px; border-radius: 50%; BACKGROUND-COLOR: #BBBBBB; border: 10px solid #FFFFFF; top: 50%; margin-top: -103px; left: 50%; margin-left: -98px; opacity: 1; z-index: 2; } .round h1 { color: #888; font-size: 30px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Lato', sans-serif; margin: 75px 0 5px 0; } .round h2 { margin: 0; padding: 0; font-size: 15px; letter-spacing: 1px; text-transform: lowercase; font-family: 'Lato', sans-serif; } hov h1, .hov h2, .round h1, .round h2 { font-weight: normal; } hr.styled { padding: 0; border: none; margin-top: 20px; border-top: medium double #333; color: #333; text-align: center; } hr.styled:after { content: "§"; display: inline-block; position: relative; top: -0.5em; font-size: 1.5em; padding: 0 0.25em; background: #DDDDDD; font-family: arial; }</style>

<div id='gridbox'>
<div class='box' style='background-image: url(http://i41.tinypic.com/dwyrz4.png);'>
 <div class='hov'>
 <h1>firstname surname</h1>
 <h2> - age, suggested pb - </h2>
 <hr class='styled'></hr>
 <p>info goes here
 </div>
</div>

<div class='box' style='background-image: url(http://i41.tinypic.com/dwyrz4.png);'>
 <div class='hov'>
 <h1>firstname surname</h1>
 <h2> - age, suggested pb - </h2>
 <hr class='styled'></hr>
 <p>info goes here
 </div>
</div>


<div class='box' style='background-image: url(http://i41.tinypic.com/dwyrz4.png);'>
 <div class='hov'>
 <h1>firstname surname</h1>
 <h2> - age, suggested pb - </h2>
 <hr class='styled'></hr>
 <p>info goes here
 </div>
</div>

<div class='box' style='background-image: url(http://i41.tinypic.com/dwyrz4.png);'>
 <div class='hov'>
 <h1>firstname surname</h1>
 <h2> - age, suggested pb - </h2>
 <hr class='styled'></hr>
 <p>info goes here
 </div>
</div>


<div class='round'>
 <h1>title</h1>
 <h2>brief subtitle</h2>
 <a href='http://z10.invisionfree.com/Shadowplay/index.php?showuser=7050'>ღ</a>
</div>
</div>

Поделиться412016-11-07 10:56:45

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic' rel='stylesheet' type='text/css'>

<style>
.watercontainer {
margin: 10px auto; 
height: auto;
width: auto;
}

.watertabs {
margin: 0px auto; 
position: relative;
width: 280px; 
height:  480px;
background: red;

}

.watertab {
float: left;
}

.watertab label {
display: block;
width: 70px;
height: 30px;
background: #eee;
margin: 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 1;
text-align: center;
line-height: 30px; 
font-family: arial;
font-size: 8px;
text-transform: uppercase;
cursor: crosshair;
}


.watertab input[type=radio]:checked ~ label {
background: white;
z-index: 2;
}

.watertab input[type=radio] {
display: none; 
}


.watercontent {height: 450px; width: 280px; left: 0; background: blue; position: absolute; overflow: hidden; bottom: 0; color: #000}


.watertab input[type=radio]:checked ~ label ~ .watercontent {
z-index: 1;
}

.water1 {height: 60px; width: 280px; position: absolute; bottom: 0; text-align: center; line-height: 60px; font-family: roboto; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 700; letter-spacing: -2px}
.water2 {position: absolute; top: 0; height: 390px; width: 280px; background-size: cover; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; }
#water:hover .water2 {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; }
.water2a {position: absolute; top: 10px; height: 350px; width: 220px; background: transparent; left: 30px}
.water2a1 {position: absolute; top: 10px; height: 320px; width: 220px; }
.water2a2a {width: 0;
height: 0;
border-style: solid;
border-width: 30px 110px 0 0;
position: absolute; top: 330px; left: 0}
.water2a2b {width: 0;
height: 0;
border-style: solid;
border-width: 0 110px 30px 0;
position: absolute; top: 330px; right: 0}
.water2b {height: 270px; width: 180px; top: 10px; left: 10px; background: white; position: absolute; border-color: white; border-style: solid; border-width: 10px 5px 10px 10px; padding-right: 5px; font-family: open sans; font-size: 9px; line-height: 11px; overflow: auto; text-align: justify}
.water2b::-webkit-scrollbar {width: 4px}
.water2b::first-letter {font-family: roboto; float: left; font-size: 52px; margin: 10px 5px 5px 0px; font-weight: 700;  text-transform: uppercase; padding-top: 9px}
.water2b b, .water2b i {font-family: roboto; text-transform: uppercase; font-weight: 700; font-size: 11px; letter-spacing: 0}

#water .water2a {top: -360px; transition: 0.5s ease-in-out 0.3s; -webkit-transition: 0.5s ease-in-out 0.3s; -moz-transition: 0.5s ease-in-out 0.3s; }
#water:hover .water2a {top: 0px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; }

.water2b span {font-family: roboto; font-size: 20px; text-transform: uppercase; line-height: 20px; font-weight: 700}

.waterl1 {height: 100%; width: 100%; color: #fff; background: #616FA5}
.watera .water1 {background-color: #616FA5}
.watera .water2a1 {background-color: #616FA5}
.watera .water2a2a {border-color: #616FA5 transparent transparent transparent;}
.watera .water2a2b {border-color: transparent #616FA5 transparent transparent;}
.watera .water2b::-webkit-scrollbar-thumb {border: 1px solid #616FA5; background: #fff}
.watera .water2b b {color: #7F92DA}
.watera .water2b i {color: #97A4D8}
.watera .water2b::first-letter {color: #616FA5;}
.watera .water2b span {color: #616FA5}

.waterl2 {height: 100%; width: 100%; color: #fff; background: #A86060}
.waterb .water1 {background: #A86060}
.waterb .water2a1 {background-color: #A86060}
.waterb .water2a2a {border-color: #A86060 transparent transparent transparent;}
.waterb .water2a2b {border-color: transparent #A86060 transparent transparent;}
.waterb .water2b::-webkit-scrollbar-thumb {border: 1px solid #A86060; background: #fff}
.waterb .water2b b {color: #D97D7D}
.waterb .water2b i {color: #CF9999}
.waterb .water2b::first-letter {color: #A86060;}
.waterb .water2b span {color: #A86060}


.waterl3 {height: 100%; width: 100%; color: #fff; background: #5C966E}
.waterc .water1 {background-color: #5C966E}
.waterc .water2a1 {background-color: #5C966E}
.waterc .water2a2a {border-color: #5C966E transparent transparent transparent;}
.waterc .water2a2b {border-color: transparent #5C966E transparent transparent;}
.waterc .water2b::-webkit-scrollbar-thumb {border: 1px solid #5C966E; background: #fff}
.waterc .water2b b {color: #81D09A}
.waterc .water2b i {color: #9AC5A8}
.waterc .water2b::first-letter {color: #5C966E;}
.waterc .water2b span {color: #5C966E}


.waterl4 {height: 100%; width: 100%; color: #fff; background: #9276A3}
.waterd .water1 {background-color: #9276A3}
.waterd .water2a1 {background-color: #9276A3}
.waterd .water2a2a {border-color: #9276A3 transparent transparent transparent;}
.waterd .water2a2b {border-color: transparent #9276A3 transparent transparent;}
.waterd .water2b::-webkit-scrollbar-thumb {border: 1px solid #9276A3; background: #fff}
.waterd .water2b b {color: #BC97D2}
.waterd .water2b i {color: #B19BBF}
.waterd .water2b::first-letter {color: #9276A3;}
.waterd .water2b span {color: #9276A3}




</style>

<div class="watercontainer">

<div class="watertabs">


<div class="watertab">
<input type="radio" id="watertab-1" name="watertab-group-1" checked>
<label for="watertab-1"><div class="waterl1">FIRST</div></label>
<div class="watercontent">
<div id="water"><div class="watera">
<div class="water2" style="background-image: url(280 X 390 IMG, RESIZES)"></div>
<div class="water2a">
 <div class="water2a1">
   <div class="water2b">ABOUT YOUR CHARACTER HERE
<p><span>friends</span>
<p>WORDS
<p><span>enemies</span>
<p>WORDS
<p><span>lovers</span>
<p>WORDS
</div>
 </div>
 <div class="water2a2a"></div><div class="water2a2b"></div>
</div>
 <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="water1">FIRST LAST</div></a>
</div></div></div></div>


<div class="watertab">
<input type="radio" id="watertab-2" name="watertab-group-1">
<label for="watertab-2"><div class="waterl2">FIRST</div></label>
<div class="watercontent">
<div id="water"><div class="waterb">
<div class="water2" style="background-image: url(280 X 390 IMG HERE, RESIZES)"></div>
<div class="water2a">
 <div class="water2a1">
   <div class="water2b">ABOUT YOUR CHARACTER HERE. 
<p><span>friends</span>
<p>WORDS
<p><span>enemies</span>
<p>WORDS
<p><span>lovers</span>
<p>WORDS

</div>
 </div>
 <div class="water2a2a"></div><div class="water2a2b"></div>
</div>
 <div class="water1">FIRST LAST</div>
</div></div></div></div>


<div class="watertab">
<input type="radio" id="watertab-3" name="watertab-group-1">
<label for="watertab-3"><div class="waterl3">FIRST</div></label>
<div class="watercontent">
<div id="water"><div class="waterc">
<div class="water2" style="background-image: url(280 X 390 IMG HERE, RESIZES)"></div>
<div class="water2a">
 <div class="water2a1">
   <div class="water2b">ABOUT YOUR CHARACTER HERE. 
<p><span>friends</span>
<p>WORDS
<p><span>enemies</span>
<p>WORDS
<p><span>lovers</span>
<p>WORDS
</div>
 </div>
 <div class="water2a2a"></div><div class="water2a2b"></div>
</div>
 <div class="water1">FIRST LAST</div>
</div></div></div>
</div>

<div class="watertab">
<input type="radio" id="watertab-4" name="watertab-group-1">
<label for="watertab-4"><div class="waterl4">FIRST</div> </label>
<div class="watercontent">
<div id="water"><div class="waterd">
<div class="water2" style="background-image: url(280 X 390 IMG HERE, RESIZES)"></div>
<div class="water2a">
 <div class="water2a1">
   <div class="water2b">ABOUT YOUR CHARACTER HERE. 
<p><span>friends</span>
<p>WORDS
<p><span>enemies</span>
<p>WORDS
<p><span>lovers</span>
<p>WORDS
</div>
 </div>
 <div class="water2a2a"></div><div class="water2a2b"></div>
</div>
 <div class="water1">FIRST LAST</div>
</div></div></div>
</div>



</div>
</div>

Поделиться422016-11-07 10:57:58

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<center>
<div class="hotsauce">
<div class="hots"><div class="hotsh"><div class="hotsh2">

Shipper stuff here.

</div></div></div>
<div class="hots2">character name</div>
<div class="hots3">list of traits goes here</div>
</div>
<span class="libcred"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">thanks!</a></span>
</center>



<style type="text/css">
.hotsauce {
   width: 302px;
   padding: 10px;
   background-color: #fcfcfc;
   border: 1px solid #eee
   }

.hots {
   width: 300px;
   height: 200px;
   background-image: url(http://placehold.it/300x200); /*IMAGE*/
   border: 1px solid #eee;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
   background-size:300px 200px;
   -webkit-background-size:300 200px;
   }

.hots:hover .hotsh {
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   -webkit-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -moz-transition-duration: 1s;
   -o-transition-duration: 1s;
   -webkit-transition-duration: 1s;
   transition-duration: 1s
   }

.hotsh {
   width: 170px;
   height: 120px;
   background-color: #fdfdfd;
   position: absolute;
   top: 25px;
   left: 50px;
   padding: 15px;
   -moz-transform: scale(2);
   -ms-transform: scale(2);
   -o-transform: scale(2);
   -webkit-transform: scale(2);
   transform: scale(2);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -moz-transition-duration: 1s;
   -o-transition-duration: 1s;
   -webkit-transition-duration: 1s;
   transition-duration: 1s
   }

.hotsh2 {
   width: 160px;
   padding-right: 10px;
   margin-left: 5px;
   height: 120px;
   overflow: auto;
   text-align: justify;
   font-family: arial;
   font-size: 9px;
   line-height: 100%;
   letter-spacing: 0.4px;
   color: #333
   }

.hots2 {
   width: 300px;
   font-family: "raleway";
   font-size: 22px;
   line-height: 100%;
   margin-top:-2px;
   color: #333;
   text-align: center;
   text-transform: uppercase;
   font-weight:700;
   letter-spacing:-2px;
   }

.hots3 {
   width: 300px;
   font-family: arial;
   text-transform: uppercase;
   color: #444;
   font-size: 9px;
   line-height: 100%;
   text-align: center;
   letter-spacing: -0.4px
   }

.libcred a {
   font-family: arial;
   font-size: 7px;
   color: #666;
   line-height: 8px;
   letter-spacing: 1px;
   width:319px;
   padding-right:5px;
   padding-top:2px;
   display:block; 
   text-align:right;
   text-transform:uppercase;
   text-decoration:none;
   }
</style>

Поделиться432016-11-07 10:59:04

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href="//fonts.googleapis.com/css?family=Sacramento:400" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Shippers/Thunderstruck1.css">

<! Background pattern from subtlepatterns.com !>

<div id="j-slide1"> <div class="j-slide2"><div class="j-slidetext"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">  


THUNDERSTRUCK.  


</a></div><div class="j-slide3"></div></div><div class="j-slide4"> <img src="IMAGE URL" width="150" height="150"> </div> <div class="j-slide5">  <div class="j-slide6"> 

<div class="j-slide8">


first last 


</div><div class="j-slide9">

age - occupation - face claim - member group - whatever else matters <p>

</div></div> <div class="j-slide7"> 


Vivamus commodo finibus metus, ultricies bibendum mauris venenatis sed. Vestibulum porta feugiat libero, ac porttitor erat efficitur quis. Etiam pretium ex ex, in venenatis odio hendrerit quis. Sed laoreet viverra eleifend. Quisque dignissim arcu in nunc facilisis, quis sagittis sapien sagittis. Etiam consectetur vitae ex id feugiat. Praesent sagittis malesuada tortor, sed pretium tellus suscipit nec. Sed laoreet viverra eleifend. Quisque dignissim arcu in nunc facilisis, quis sagittis sapien sagittis. Etiam consectetur vitae ex id feugiat. Praesent sagittis malesuada tortor, sed pretium tellus suscipit nec. 


<p> </div> </div></div>

Поделиться442016-11-07 11:00:02

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Actor' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Smythe' rel='stylesheet' type='text/css'>
<style type="text/css">
.hotbod { width: 430px; height: 210px; background-color: #5F5E63; padding: 10px; border: 10px solid #E4E9EC; outline: 1px solid #5F5E63;}
.thefirst { width: 200px; height: 200px; border: 5px solid #DECBCD; position: relative; float: left;}
.thesecond { width: 200px; height: 200px; border: 5px solid #E4E9EC; position: relative; float: right; background-color: rgba(245,240,237, .85); }
.inwards { width: 175px; height: 175px; padding: 10px; text-align: justify; color: #5F5E63; overflow: auto; font-size: 10px; font-family: actor; line-height: 95%;  }
.thethird { width: 200px; height: 200px; border: 5px solid #DECBCD; position: relative; float: right;}
.thefourth { width: 200px; height: 200px; border: 5px solid #E4E9EC; position: relative; float: left; background-color: rgba(245,240,237, .85); }
.inwards { width: 175px; height: 175px; padding: 10px; text-align: justify; color: #5F5E63; overflow: auto; font-size: 10px; font-family: actor; line-height: 95%;  }
</style>
<center>
<div style="width: 430px; text-align: center; color: #5F5E63; font-family: smythe; font-size: 42px; text-transform: lowercase;line-height: 95%;">character name - age -pb</div>
<div class="hotbod"><div class="thefirst"><img src="http://placehold.it/200x200"></div><div class="thesecond"><div class="inwards">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet velit ac erat eleifend commodo gravida libero ornare. Morbi erat lorem, elementum sed vulputate sed, laoreet et augue. Sed sodales massa euismod turpis tempor pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dolor nisl, bibendum a eleifend iaculis, elementum nec massa. Donec vehicula tincidunt varius. Nunc sem nibh, venenatis eget eleifend vitae, placerat at est. Integer porttitor, lorem vel suscipit ullamcorper, enim sapien dictum dui, sit amet condimentum felis sem sed lorem. Nulla posuere pretium nisl, ornare consectetur dui dictum eu. Etiam mollis rhoncus dui, a scelerisque erat vestibulum vel. Proin eget nisi nunc, nec vestibulum magna. Vivamus mattis sagittis suscipit. Pellentesque eu tellus felis. Nunc semper aliquet orci ac ornare. Pellentesque pulvinar elementum metus elementum blandit. </div></div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>
<p>
<div style="width: 430px; text-align: center; color: #5F5E63; font-family: smythe; font-size: 42px; text-transform: lowercase;line-height: 95%;">character name - age -pb</div>
<div class="hotbod"><div class="thethird"><img src="http://placehold.it/200x200"></div><div class="thefourth"><div class="inwards">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet velit ac erat eleifend commodo gravida libero ornare. Morbi erat lorem, elementum sed vulputate sed, laoreet et augue. Sed sodales massa euismod turpis tempor pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dolor nisl, bibendum a eleifend iaculis, elementum nec massa. Donec vehicula tincidunt varius. Nunc sem nibh, venenatis eget eleifend vitae, placerat at est. Integer porttitor, lorem vel suscipit ullamcorper, enim sapien dictum dui, sit amet condimentum felis sem sed lorem. Nulla posuere pretium nisl, ornare consectetur dui dictum eu. Etiam mollis rhoncus dui, a scelerisque erat vestibulum vel. Proin eget nisi nunc, nec vestibulum magna. Vivamus mattis sagittis suscipit. Pellentesque eu tellus felis. Nunc semper aliquet orci ac ornare. Pellentesque pulvinar elementum metus elementum blandit. </div></div></div>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>

</center>

Поделиться452016-11-07 11:02:19

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<style type="text/css">
.walden { width: 420px; height: 220px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000;  } 

.henry {width: 420x; height: 220px; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;-ms-transform-style: preserve-3d; }

.walden:hover .henry {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);-ms-transform: rotateY(180deg); }

.emerson {overflow: hidden; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute;}

.waldo {overflow: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; width: 400px; height: 200px; padding: 10px; background-color: #716B7C; overflow: auto; float: left; }

.walden:hover .waldo {-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; opacity: 1; background-color: #716B7C;}



</style>
<link href='http://fonts.googleapis.com/css?family=Buda:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>

<center>
<div style="width: 420px; height: 35px; background-color: #3B2543; color: rgba(235,242,238, .85);font-family: buda; font-size: 22px; text-align:center; text-transform: uppercase;line-height: 160%;">character name - age - group</div>
<div class="walden"><div class="henry"><div class="emerson"><div style="width:400px; height: 200px; background-image: url(http://placehold.it/400x200); border: 10px solid #A4BDB1;"></div></div><div class="waldo"><div style="width: 150px; height: 200px; position: relative; float: left;"><img src="http://placehold.it/150x200"></div><div style="height: 190px; width: 215px; border: 5px solid #96A0A3; background-color: #EBF2EE; position: relative; float: right;"><div style="width: 195px; height: 170px; padding: 10px; text-align: justify; color: #3B2543; font-family: cuprum; font-size: 9.5px; line-height: 94%;overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet velit ac erat eleifend commodo gravida libero ornare. Morbi erat lorem, elementum sed vulputate sed, laoreet et augue. Sed sodales massa euismod turpis tempor pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dolor nisl, bibendum a eleifend iaculis, elementum nec massa. Donec vehicula tincidunt varius. Nunc sem nibh, venenatis eget eleifend vitae, placerat at est. Integer porttitor, lorem vel suscipit ullamcorper, enim sapien dictum dui, sit amet condimentum felis sem sed lorem. Nulla posuere pretium nisl, ornare consectetur dui dictum eu. Etiam mollis rhoncus dui, a scelerisque erat vestibulum vel. Proin eget nisi nunc, nec vestibulum magna. Vivamus mattis sagittis suscipit. Pellentesque eu tellus felis. Nunc semper aliquet orci ac ornare. Pellentesque pulvinar elementum metus elementum blandit. </div></div>
</div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>
</center>

Поделиться462016-11-07 11:03:13

Автор: Felix Trenton
Администратор
Зарегистрирован: 2015-06-02
Приглашений: 0
Сообщений: 71
Уважение: +0
Позитив: +0
Провел на форуме:
2 дня 2 часа
Последний визит:
2024-08-14 14:05:47

Код:

<!--HTML-->

<style type="text/css">

.thb { width:260px; }
.thbg { width:200px; height:410px; background: url(http://i65.tinypic.com/9gg66c.png) #4B1B2D; color:#c798a9; padding:30px; font-family:Calibri; font-size:11px; line-height:110%; text-align:justify; }
.thbox { width:180px; height:180px; background:#673347; color:#c798a9; overflow-y:auto; padding:10px; }
.thbox p { margin-bottom:10px; margin-top:auto; margin-left:auto; margin-right:auto; line-height:110%; text-align:justify; }
.thbox p::first-letter { color:#dcacbd; font-weight:bold; }
.thbox::-webkit-scrollbar { width: 5px; height: 5px; }
.thbox::-webkit-scrollbar-track { width: 1px; background: #673347; }
.thbox::-webkit-scrollbar-thumb { background: #9C2552; }
.thav { width:200px; height:200px; background: url(http://placehold.it/200x200); }
.thavh { width:200px; height:200px; opacity:0; transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s; }
.thavh:hover { opacity:0.8; }
.thavb { position:relative; top:50px; left:25px; width:150px; height:100px; }
.thavhb { width:140px; padding:5px; background:#4B1B2D; color:#dcacbd; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:5px; text-align:center; }
.thcred { text-align:right; font-size:9px; font-family:Calibri; letter-spacing:1px; color:#9C2552; }
.thcred a { color:#9C2552; }
</style>

<div align="center"><div class="thb"><div class="thbg">
<div class="thav"><div class="thavh">
<div class="thavb">
<div class="thavhb">name goes here</div>
<div class="thavhb">age goes here</div>
<div class="thavhb">occupation goes here</div>
<div class="thavhb">playby goes here</div>
</div>
</div></div>
<br />
<div class="thbox">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
</div></div>
<div class="thcred">© ana of <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=439">shadowplay</a> & <a href="http://athousandfireflies.jcink.net/index.php?showuser=15">atf</a></div>
</div></div>

Тема закрыта

Страница: « 1 2

руки-крюки

Меню навигации

Пользовательские ссылки

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

Тестовое сообщение

Сообщений 31 страница 46 из 46

Поделиться312016-11-07 10:28:41

Поделиться322016-11-07 10:29:56

Поделиться332016-11-07 10:33:04

Поделиться342016-11-07 10:37:39

Поделиться352016-11-07 10:39:43

Поделиться362016-11-07 10:48:20

Поделиться372016-11-07 10:50:32

Поделиться382016-11-07 10:51:46

Поделиться392016-11-07 10:53:48

Поделиться402016-11-07 10:55:01

Поделиться412016-11-07 10:56:45

Поделиться422016-11-07 10:57:58

Поделиться432016-11-07 10:59:04

Поделиться442016-11-07 11:00:02

Поделиться452016-11-07 11:02:19

Поделиться462016-11-07 11:03:13