коды

Страница: « 1 2 3 4 »

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

Поделиться312014-11-05 20:36:33

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

саундтреки недели от игроков

Код:

<!--HTML--><center><div class="spacerlazer"></div> <div class="wrapperlazer"> <table cellpadding="0" cellspacing="0"><tr><td><div class="oddlazer"><div class="namelazer">

CRADLEY BOOPER

</div> <div class="wraplazer"><div class="imaglazer"> 

<img src="http://placehold.it/85x85"> 

</div><div class="textlazer"> 

In consectetur urna non ante fringilla, id blandit ipsum tincidunt. Sed eu dignissim nulla. In mattis semper orci, vitae eleifend leo tincidunt nec. Etiam lobortis blandit consequat. Phasellus pellentesque rhoncus mauris eget malesuada. Aliquam ipsum odio, blandit vitae nulla ac, laoreet porttitor enim. Nullam ut urna turpis. Aliquam consectetur in magna sed sagittis. Quisque blandit nisi eu odio convallis, non suscipit elit consectetur. Cras fermentum lacinia fermentum. Nullam vestibulum posuere suscipit. Aenean faucibus ipsum sed enim tempus feugiat. Nulla venenatis luctus neque dictum porta.

</div></div> <div class="mp3lazer"> 

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="FlashVars" value="mp3=http://k002.kiwi6.com/hotlink/710y12mm6r/mountain_sound_-_of_monsters_men_www.mp3fiber.com_.mp3&amp;bgcolor=ffffff&amp;loadingcolor=888888C&amp;buttoncolor=777777&amp;slidercolor=666666"></object> 

</div></div></div> </td><td> <div class="evenlazer"><div class="namelazer">

CRADLEY BOOPER

</div> <div class="wraplazer"><div class="imaglazer"> 

<img src="http://placehold.it/85x85"> 

</div> <div class="textlazer"> 

HEEEEEEEEEEEEEEEE 

</div></div> <div class="mp3lazer"> 

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="FlashVars" value="mp3=http://k002.kiwi6.com/hotlink/710y12mm6r/mountain_sound_-_of_monsters_men_www.mp3fiber.com_.mp3&amp;bgcolor=ffffff&amp;loadingcolor=888888C&amp;buttoncolor=777777&amp;slidercolor=666666"></object> 

</div></div></div> </td></tr> <tr><td><div class="oddlazer"><div class="namelazer">

CRADLEY BOOPER

</div> <div class="wraplazer"><div class="imaglazer"> 

<img src="http://placehold.it/85x85"> 

</div> <div class="textlazer"> 

HEEEEEEEEEEEEEEEE

 </div></div> <div class="mp3lazer"> 

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="FlashVars" value="mp3=http://k002.kiwi6.com/hotlink/710y12mm6r/mountain_sound_-_of_monsters_men_www.mp3fiber.com_.mp3&amp;bgcolor=ffffff&amp;loadingcolor=888888C&amp;buttoncolor=777777&amp;slidercolor=666666"></object>

 </div></div></div> </td><td> <div class="evenlazer"><div class="namelazer">

CRADLEY BOOPER

</div> <div class="wraplazer"><div class="imaglazer"> 

<img src="http://placehold.it/85x85"> 

</div> <div class="textlazer"> 

In consectetur urna non ante fringilla, id blandit ipsum tincidunt. Sed eu dignissim nulla. In mattis semper orci, vitae eleifend leo tincidunt nec.

 </div></div> <div class="mp3lazer"> 

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="FlashVars" value="mp3=http://k002.kiwi6.com/hotlink/710y12mm6r/mountain_sound_-_of_monsters_men_www.mp3fiber.com_.mp3&amp;bgcolor=ffffff&amp;loadingcolor=888888C&amp;buttoncolor=777777&amp;slidercolor=666666"></object> 

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


<style>.spacerlazer { height: 15px; } .wrapperlazer { width: 452px; } .textlazer { float: left; width: 105px; height: 85px; text-align: justify; margin-left: 10px; font-size: 8px; letter-spacing: 1px; line-height: 8px; text-transform: uppercase; color: #99B2B7; font-family: calibri; overflow: auto; } 
.textlazer::-webkit-scrollbar { width: 10px; }
.textlazer::-webkit-scrollbar-track { background-color: #fff; }
.textlazer::-webkit-scrollbar-thumb { background-color: #ccc;  border-left: 6px solid #fff; }
.imaglazer { float: left; height: 100px; width: 85px; } .wraplazer { width: 200px; height: 90px; padding: 10px; background-color: #fff; box-shadow: 1px 1px #ededed; } .namelazer { width: 220px; height: 15px; text-align: center; line-height: 15px; background-color: #fff; color: #555; font-family: calibri; font-size: 8px; text-transform: uppercase; margin-bottom: 5px; color: #99B2B7; letter-spacing: 1px; box-shadow: 1px 1px #ededed; } .mp3lazer { float: left; margin-top: -12px; } .oddlazer { height: 142px; width: 221px; margin-right: 10px; } .evenlazer { height: 142px; width: 221px; }</style><div align="center"><div style="width: 452px; font-size: 8px; text-align: right; margin-top: -10px;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=714">♥</a></div></div>

Поделиться322014-11-05 20:40:04

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

ещё один забавный код

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<center><div style="height:140px;"></div><div style="width: 200px; height: 1px; background-color: #a8d8a8;"></div><div style="width: 200px; height: 2px;"></div>
<div id="emo">

<div class="emoimage"><img src="http://oi42.tinypic.com/6gzloy.jpg"></div>

<div class="frank"><div class="lock"><div class="frederick">friends</div>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et suscipit ante. Aenean est mauris, pretium eget hendrerit sit amet, volutpat a dolor. In massa ipsum, accumsan id magna a, egestas tristique magna. Phasellus felis massa, volutpat quis facilisis scelerisque, dictum at augue. Proin volutpat non ipsum sit amet aliquam. In ultricies ipsum quis gravida eleifend. Vestibulum et orci sagittis, accumsan nulla vel, ultrices nulla. Integer tincidunt nec quam et congue. Mauris tempor dapibus pellentesque. Duis auctor purus sed tortor iaculis tincidunt. Aenean rhoncus purus ut diam semper bibendum. Cras et commodo urna. Nunc fringilla felis enim, et cursus lacus lacinia vitae. Vivamus ligula mi, hendrerit non augue nec, vehicula gravida sem.


</div>
</div>
<div class="jack"><div class="lock"><div class="frederick">enemies</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et suscipit ante. Aenean est mauris, pretium eget hendrerit sit amet, volutpat a dolor. In massa ipsum, accumsan id magna a, egestas tristique magna. Phasellus felis massa, volutpat quis facilisis scelerisque, dictum at augue. Proin volutpat non ipsum sit amet aliquam. In ultricies ipsum quis gravida eleifend. Vestibulum et orci sagittis, accumsan nulla vel, ultrices nulla. Integer tincidunt nec quam et congue. Mauris tempor dapibus pellentesque. Duis auctor purus sed tortor iaculis tincidunt. Aenean rhoncus purus ut diam semper bibendum. Cras et commodo urna. Nunc fringilla felis enim, et cursus lacus lacinia vitae. Vivamus ligula mi, hendrerit non augue nec, vehicula gravida sem.


</div>
</div>
<div class="brock"><div class="lock"><div class="frederick">lovers</div>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et suscipit ante. Aenean est mauris, pretium eget hendrerit sit amet, volutpat a dolor. In massa ipsum, accumsan id magna a, egestas tristique magna. Phasellus felis massa, volutpat quis facilisis scelerisque, dictum at augue. Proin volutpat non ipsum sit amet aliquam. In ultricies ipsum quis gravida eleifend. Vestibulum et orci sagittis, accumsan nulla vel, ultrices nulla. Integer tincidunt nec quam et congue. Mauris tempor dapibus pellentesque. Duis auctor purus sed tortor iaculis tincidunt. Aenean rhoncus purus ut diam semper bibendum. Cras et commodo urna. Nunc fringilla felis enim, et cursus lacus lacinia vitae. Vivamus ligula mi, hendrerit non augue nec, vehicula gravida sem.



</div>
</div>
<div class="clanck"><div class="lock"><div class="frederick">other</div>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et suscipit ante. Aenean est mauris, pretium eget hendrerit sit amet, volutpat a dolor. In massa ipsum, accumsan id magna a, egestas tristique magna. Phasellus felis massa, volutpat quis facilisis scelerisque, dictum at augue. Proin volutpat non ipsum sit amet aliquam. In ultricies ipsum quis gravida eleifend. Vestibulum et orci sagittis, accumsan nulla vel, ultrices nulla. Integer tincidunt nec quam et congue. Mauris tempor dapibus pellentesque. Duis auctor purus sed tortor iaculis tincidunt. Aenean rhoncus purus ut diam semper bibendum. Cras et commodo urna. Nunc fringilla felis enim, et cursus lacus lacinia vitae. Vivamus ligula mi, hendrerit non augue nec, vehicula gravida sem.


</div>
</div></div><div style="width: 200px; height: 2px;"></div><div style="width: 200px; height: 1px; background-color: #a8d8a8;"></div><div style="width: 200px; text-align: right; font-size: 8px; font-family: calibri;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=714">THANKS</a></div>
<div style="height:140px;"></div>
</center>

<style>
#emo .emoimage { width: 200px; height: 200px; overflow: hidden; }
#emo { width: 200px; height: 200px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; border-bottom: 2px solid #A8D8A8; border-top: 2px solid #A8D8A8; }
#emo .frank { position: relative; left: 0px; top: 0px;  margin-top: -200px; width: 200px; height: 200px; background-color: #A8D8A8; opacity: 0; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo:hover .frank { position: relative; left: -105px; top: -105px; opacity: 1; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo .jack { position: relative; right: 0px; top: 0px; margin-top: -200px; width: 200px; height: 200px; background-color: #A8D8A8; opacity: 0; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo:hover .jack { position: relative; right: -105px; top: -105px; opacity: 1; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo .brock { position: relative; left: 0px; bottom: 0px; margin-top: -200px; width: 200px; height: 200px; background-color: #A8D8A8; opacity: 0; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo:hover .brock { position: relative; left: -105px; bottom: -105px; opacity: 1; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo .clanck { position: relative; right: 0px; bottom: 0px; margin-top: -200px; width: 200px; height: 200px; background-color: #A8D8A8; opacity: 0; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
#emo:hover .clanck { position: relative; right: -105px; bottom: -105px; opacity: 1; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;  }
.lock { width: 160px; height: 160px; padding: 10px; border-top: 10px solid #A8D8A8; background-color: #FFFFF7; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #555; line-height: 10px; overflow: auto; text-align: justify; }
.lock::-webkit-scrollbar-thumb{ background-color:#A8D8A8; border: 2px solid #FFFFF7; height:auto; }.lock::-webkit-scrollbar { height:auto; width:8px; background-color: #A8D8A8; border:3px solid #FFFFF7; }
.frederick { font-size: 28px; line-height: 20px; text-transform: lowercase; color: #90C0C0; text-align: center; font-family: 'Economica', sans-serif; padding-bottom: 6px;  }
</style>

Поделиться332014-11-05 20:41:26

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

и ещё один клевый код

Код:

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

<style type="text/css"> .inft {  font-family: times;
font-style: italic; 
text-transform: lowercase;
font-size: 11px; 
padding: 5px;
color: #111; 
height: 340px;
overflow: auto;} .inft b { font-variant: small-caps;
color: #f27e38;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 100%; }

.rht { width: 100px; background: #f27e38; color: #000; text-align:center; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; padding: 4px; }

#mama {width: 370px; height: 400px; position: relative; overflow: hidden;}

#mama .lt { -webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out;-o-transition: 2s all ease-in-out;transition: 2s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 185px; height: 400px;}

#mama:hover .lt {-webkit-transition: 2S all ease-in-out; -o-transition: 2S all ease-in-out; -moz-transition: 2S all ease-in-out;transition: 2S all ease-in-out; left: -185px;}

#mama .qt { -webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out;-o-transition: 2s all ease-in-out;transition: 2s all ease-in-out; position: absolute; right: 0px; bottom: 0px; width: 185px; height: 400px;}

#mama:hover .qt {-webkit-transition: 2S all ease-in-out; -o-transition: 2S all ease-in-out; -moz-transition: 2S all ease-in-out;transition: 2S all ease-in-out; right: -185px;}


</style>

<center>



<div style="width: 370px; padding: 25px; background: #111; border-bottom: 1px dashed #f27e38; border-right: 1px dashed #f27e38">
<div id="mama"><div class="lt">

<div style="width: 185px; height: 400px; background: #fff; color: #000">
<div style="position:relative; top: 55px"><div style="width: 150px; padding: 5px; background: #ddd"><img src="http://placehold.it/150x150"/></div></div>

</div></div>

<div class="qt">

<div style="width: 185px; height: 400px; background: #fff; color: #000">

<div style="position:relative; top: 35px">

<div style="width: 100px; background: #000; color: #fff; text-align:center; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; padding: 4px;"> trait </div>

<div class="rht"> trait </div>

<div style="width: 100px; background: #000; color: #fff; text-align:center; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; padding: 4px;"> trait </div>

<div class="rht"> trait </div>

<div style="width: 100px; background: #000; color: #fff; text-align:center; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; padding: 4px;"> trait </div>

<div class="rht"> trait </div>

<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=45"><div style="width: 100px; background: #000; color: #fff; text-align:center; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; padding: 4px;"> trait </div></a>

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="108" height="15"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="mp3=LINK" />
</object>

<div style="font-family: times; font-size: 9px; font-style: italic; line-height: 100%; padding: 5px; height: 135px; width: 130px;  overflow: hidden; text-align:justify; margin-bottom: 5px; font-style: italic; text-transform: lowercase;"> tincidunt amet elementum integer tristique? Ut. Et ultrices, augue nunc scelerisque auctor, mattis velit, ac vel, massa ultricies cum magnis, eu cum! Platea, a? Rhoncus sed nisi, adipiscing, et risus urna urna, platea urna scelerisque urna et dignissim, sagittis proin, pulvinar tincidunt turpis tincidunt parturient, et mid integer, nec adipiscing porta dis eu nec est nisi augue magna? Adipiscing lacus turpis elit duis amet montes porta, cras magna mattis sed! Porta eu? Porttitor aliquet magnis, nec, platea aenean </div>

<div style="font-family: 'Clicker Script', cursive; letter-spacing: 2px; font-size: 35px; line-height: 100%; color: #555; margin-bottom: 5px; text-transform: lowercase;margin-top: -10px;"> first<color=f27e38> m.</color> last</div>



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

<div style="padding: 25px; width: 320px; height: 350px; background: #eee; font-family: trebuchet ms; text-align:justify; line-height: 100%;"><div class="inft">

Sagittis habitasse in placerat nec rhoncus platea! Natoque urna eu! Cursus? Pid in scelerisque! Sagittis placerat dapibus scelerisque lacus tristique elit integer enim quis, nascetur scelerisque adipiscing ut aliquam etiam? Aliquet nascetur scelerisque. Integer mauris? Ut lorem pulvinar hac diam phasellus. Est sed lectus! Dapibus risus phasellus? Etiam, amet cum mattis nec. Sit mauris eros, sed. Est etiam turpis mattis. Dolor magna tincidunt? Aliquam magna magna, diam, tristique in mattis? Porta et, tincidunt amet elementum integer tristique?[b] Ut. Et ultrices, augue nunc scelerisque auctor, mattis velit, ac vel, [/b]massa ultricies cum magnis, eu cum! Platea, a? Rhoncus sed nisi, adipiscing, et risus urna urna, platea urna scelerisque urna et dignissim, sagittis proin, pulvinar tincidunt turpis tincidunt parturient, et mid integer, nec adipiscing porta dis eu nec est nisi augue magna? Adipiscing lacus turpis elit duis amet montes porta, cras magna mattis sed! Porta eu? Porttitor aliquet magnis, nec, platea aenean, [b]pulvinar porttitor proin, urna, vel magnis, in tortor risus quis pulvinar hac? Et mauris [/b]porta enim sit arcu phasellus in nunc, nunc! Vel rhoncus! Et, elementum in, augue porta arcu purus risus, enim cum. Vel eros, ut dictumst augue vut sed in! Tincidunt! Pellentesque et magnis quis, sit. Sit cum. Enim ut, placerat tincidunt cras habitasse sed dignissim quis velit sit montes. Sociis mauris. Ac porta, mid tristique duis aliquet! Est. Massa rhoncus elit dignissim et elementum vel nunc in. Integer aliquam, sed facilisis mid platea porta pulvinar tincidunt, odio, sit sit, et dolor dictumst aliquam! Auctor placerat. Penatibus hac amet dignissim pulvinar scelerisque auctor, vel! Rhoncus, nisi mattis penatibus, in, mauris. Mauris nascetur nisi magna, a? Ac, magna placerat! Auctor odio purus enim pellentesque! Tortor auctor sagittis magna est? Porta, augue augue risus nisi ultricies odio massa, tempor magna? Enim sagittis cras enim hac dignissim? Tortor augue pellentesque pulvinar augue augue! Porta risus, egestas, platea parturient eros hac nisi, magna montes, nunc et amet nunc pulvinar amet, lundium nisi eu urna porta vut phasellus magna! Integer dis? Placerat! Aliquam? Ac sociis, ac ultricies ac mauris augue, quis pulvinar ridiculus? Integer est. Dolor ut? Porta elementum porta nisi. Urna arcu! Diam eu vut lundium tempor tortor pellentesque elementum ac. Odio! Lundium sit sagittis cum et. Etiam. Platea platea, vel elementum a urna, ut amet. Urna, aliquam, arcu ultricies ridiculus pulvinar, rhoncus porttitor. Porttitor, et integer mattis massa porttitor, urna cras, pulvinar velit hac rhoncus lectus, elit sit hac? Rhoncus mus.

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



</div></center>

Поделиться342014-11-05 20:42:36

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

тоже в качестве цитат можно

Код:

<!--HTML--><style type="text/css">
.cell {
margin: 0px; 
width: 200px; 
padding: 25px; 
background-image: url(http://i.imgur.com/KISls5m.png);
background-position : center;
overflow: hidden;
border-radius: 5px;
}
.contenthold {
width: 180px; 
height: 180px; 
background-color: #FFFFFF; 
padding: 10px;
opacity: 1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.contenthold:hover {
opacity: 1;
}
.parentname {
float: left; 
width: 50px; 
height: 35px; 
color: #252525; 
font-family: times; 
font-style: italic; 
text-align: center; 
font-size: 8pt; 
padding-top: 15px;
line-height: 7pt;
border-radius: 5px;
}
.charactername {
float: right; 
height: 50px; 
width: 120px; 
background-color: #526842; 
color: #d7d4c3;
font-family: fjalla one; 
font-size: 33pt; 
text-align: center; 
letter-spacing: -5px;
border-radius: 5px;
}
.shipcontent {
height: 100px; 
width: 160px; 
background-color: #eff0f0; 
border: 10px solid transparent;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 7pt;
line-height: 7pt;
text-transform: lowercase;
}
.shipcontent::-webkit-scrollbar {
width: 0px;
}
.superhold {
height: 0px;
padding-top: 130px;
padding-left: 0px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.superhold:hover {
padding: 0px;
}
</style>


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

<center><table cellSpacing="0" border="0" cellsPadding="0"><tr>

<td class="cell"> 

<div style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 200px; height: 200px; background-image: url(200x130 image); background-repeat: no-repeat; background-color: #ffffff; overflow: hidden;"> 

<div class="superhold"><div class="contenthold">

<div class="parentname" style="background-color: #eff0f0; color: #000000;"> member<br />
group</div>

<div class="charactername"> FNAME. </div>

<div style="height: 50px; width: 180px; margin-bottom: 10px;"> </div>

<div class="shipcontent"> 

[/doHTML] short little blurb [doHTML]

</div>

</div> 

</div>

</div>

<div style="width: 200px; height: 10px; background-color: #526842; color: #d7d4c3; text-align: center; font-family: times; font-size: 7pt; font-style: italic; text-transform: lowercase; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;"> AGE. SEXUALITY. TRAIT. TRAIT. TRAIT.</div>

</td> 

<td style="width: 25px;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=255" title="MADE BY MELODY POND OF CANDYLAND COTURE DON'T STEAL OR SHE'LL EAT YOUR TOENAILS AND THAT'S WEIRD YOU DON'T WANT SOMEONE TO EAT YOUR TOENAILS, DO YOU?"> <div style="width: 5px; height: 250px;"> </div> </a></td>

<td class="cell"> 

<div style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 200px; height: 200px; background-image: url(200x130 image); background-repeat: no-repeat; background-color: #ffffff; overflow: hidden;"> 

<div class="superhold"><div class="contenthold">

<div class="parentname" style="background-color: #eff0f0; color: #000000;"> member<br />
group</div>

<div class="charactername"> FNAME. </div>

<div style="height: 50px; width: 180px; margin-bottom: 10px;"> </div>

<div class="shipcontent"> 

[/doHTML] short little blurb [doHTML]

</div>

</div> 

</div>

</div>

<div style="width: 200px; height: 10px; background-color: #526842; color: #d7d4c3; text-align: center; font-family: times; font-size: 7pt; font-style: italic; text-transform: lowercase; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;"> AGE. SEXUALITY. TRAIT. TRAIT. TRAIT.</div>

</td></tr></table></center>

Поделиться352014-11-05 20:44:49

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Можно как журнал_газету

Код:

<!--HTML--><center><div style="color: #8C7678; font: 50px sacramento; font-weight: bold; letter-spacing: 0px; line-height: 30px; text-transform: lowercase;">
IF I COULD WALK ON WATER ,
</div><div style="background: #A19684; padding: 20px; width: 401px;">
<div style="background: url(http://i.imgur.com/vU9W2FH.png); padding: 20px; width: 361px;">
<div style="background: #F7ECB6; padding: 20px; width: 321px;">
<font style="display: block; font: 8px calibri; letter-spacing: 0px; line-height: 7px; text-align: justify; text-transform: uppercase;">
if i could tell you what's next; make you believe, make you forget.  so come on get higher, loosen my lips. faith and desire in the swing of your hips.  just to pull me down hard and drown me in love.  so come on get higher, loosen my lips. faith and desire in the swing of your hips.  --------------------------------------------------------------------------------------------- &hearts;
</font>
<img src="http://placehold.it/320x150" width="321" />
<div style="height: 5px;"></div><table cellpadding="0" cellspacing="0">
	<tr>
	<td valign="top">
  <div style="width: 158px;">
  <div class="pullmedownhard"> <singing>NAME</singing> <shalala> first last </shalala> </div>
  <div style="height: 5px;"></div>
  <div class="pullmedownhard"> <singing>NICKNAMES</singing> <shalala> nicknames here, just a few </shalala> </div>

  <div style="height: 5px;"></div>
  <div class="pullmedownhard"> <singing>AGE</singing> <shalala> spelled out (ie. seventeen). </shalala> </div>
  <div style="height: 5px;"></div>
  <div class="pullmedownhard"> <singing>MEMBERGROUP</singing> <shalala> their membergroup </shalala> </div>
  <div style="height: 5px;"></div>
  <div class="pullmedownhard"> <singing>MARITAL STATUS</singing> <shalala> single/married/dating/etc. </shalala> </div>
  <div style="height: 5px;"></div>
  <div class="pullmedownhard"> <singing>FACE CLAIM</singing> <shalala> calebrity face, simple enough. </shalala> </div>
  <div style="height: 5px;"></div>
  <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="158" height="10">
  <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  <param name="bgcolor" value="#CCB593" />
  <param name="FlashVars" value="mp3=LINK TO MP3" />
</object>
  <a href="http://shine.b1.jcink.com/showuser=1589"><div style="background: #8C7678; border-top: 2px dashed #CCB593; height: 40px; width: 158px;"></div></a>
  </div>
	</td>
	<td><div style="width: 5px;"></div></td>
	<td valign="top">
  <div class="stillofthesilence"> 
shipper stuff here.
  </div>
	</td>
	</tr>
</table>
</div>
</div>
</div><a style="display: block; font: 6px/95% Arial; letter-spacing: 1px; text-align: right; text-transform: uppercase; width: 440px;" http://candylandcouture.b1.jcink.com/index.php?showuser=31">( &copy; hunter )</a></center>

<link href='http://fonts.googleapis.com/css?family=Sacramento|Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
.pullmedownhard:hover singing { display: none; }
.pullmedownhard shalala { display: none; }
.pullmedownhard:hover shalala { display: block; }

.pullmedownhard { background: #CCB593; color: #060606; font: 15px oswald; height: 13px; letter-spacing: 0px; line-height: 13px; padding: 10px; text-align: center; text-transform: uppercase; }

shalala { font: 9px calibri; letter-spacing: 0px; line-height: 7px; padding-top: 3px; }

.stillofthesilence { background: #CCB593; border: 10px solid #CCB593; color: #060606; font: 11px calibri; height: 260px; letter-spacing: 0px; line-height: 9px; overflow: auto; padding-right: 2px; text-align: justify; width: 136px; }

.stillofthesilence::-webkit-scrollbar { width: 6px; } 
.stillofthesilence::-webkit-scrollbar-thumb { background: #A19684; } 
.stillofthesilence::-webkit-scrollbar-track { background: #CCB593; }
</style>

Поделиться362014-11-05 20:46:19

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Для конкурсов

Код:

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


<div style="width:290px; padding: 2px; border: 1px dotted #536C70"> <div style="width: 250px; padding: 5px; border: 15px solid #7BA494; background: #fff">

<div style="width: 250px; height: 200px; background: url(http://placehold.it/250x200);margin-bottom: 2px;"></div>

<div style="font-family: sacramento; font-size: 47px; line-height: 55%; text-align: center; color: #1E1B30;"> adelaide moretti</div> 

<div style="width: 2px; height: 10px; margin-bottom: 2px; border-left: 38px solid #9CC99E; border-right: 210px solid #536C70"></div><div  style="height: 2px; border-top: 1px dotted #1E1B30"></div>

<div style="width: 2px; height: 4px; margin-bottom: 2px; border-left: 38px solid #9CC99E; border-right: 210px solid #536C70"></div>

<div style="text-align:center; font-family: trebuchet ms; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; line-height: 100%; color: #222; margin-bottom: 2px;"> nineteen - membergroup - trait  - trait </div>

<div style="width: 250px; height: 250px; overflow: auto; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;"><div style="font-family: arial; color: #000; line-height: 100%; font-size: 9px; text-align:justify"> 

Ultricies integer a nascetur amet massa mattis porta et non vel aliquet, nisi et quis platea arcu! Turpis, adipiscing auctor montes porta mattis, scelerisque etiam, vut? Placerat ultricies odio montes turpis? Enim ridiculus sit augue proin, etiam quis mauris est massa ultricies rhoncus, nunc sit, est sociis odio. Scelerisque augue mid porttitor sociis vel, et, a? Elementum! Ac? Ultricies lectus nisi a elementum augue duis. Natoque, auctor velit, dictumst. Placerat! Sit ridiculus? Et, in pid integer sociis in etiam sit quis penatibus magna cras, scelerisque? Lorem vut pulvinar et turpis, penatibus, mus et placerat velit purus, facilisis a? Adipiscing phasellus? Egestas, amet! Porta pulvinar natoque nec arcu porttitor? In et turpis, nec augue ultricies, scelerisque non, a integer a mus? Pulvinar dapibus ultricies natoque augue parturient! Arcu diam tempor placerat, sociis turpis, augue hac non non ac auctor integer dis scelerisque pid porta mus. Scelerisque tempor turpis dignissim lorem sit, habitasse, penatibus? Dictumst. Etiam penatibus habitasse urna cras pulvinar, sed vel, augue. Lacus nascetur eu, sed elit cras odio parturient nec. Platea natoque urna nunc porta porttitor eros egestas scelerisque, eros turpis, vel urna mattis amet sit, vut rhoncus ac, tristique tempor, aenean tortor dolor, cras facilisis risus etiam ac. Placerat ultricies odio montes turpis? Enim ridiculus sit augue proin, etiam quis mauris est massa ultricies rhoncus, nunc sit, est sociis odio. Scelerisque augue mid porttitor sociis vel, et, a? Elementum! Ac? Ultricies lectus nisi a elementum augue duis. Natoque, auctor velit, dictumst. Placerat! Sit ridiculus? Et, in pid integer sociis in etiam sit quis penatibus magna cras, scelerisque? Lorem vut pulvinar et turpis, penatibus, mus et placerat velit purus, facilisis a? Adipiscing phasellus? Egestas, amet! Porta pulvinar natoque nec arcu porttitor? In et turpis, nec augue ultricies, scelerisque non, a integer a mus? Pulvinar dapibus ultricies natoque augue parturient! Arcu diam tempor placerat, sociis turpis, augue hac non non ac auctor integer dis scelerisque pid porta mus. Scelerisque tempor turpis dignissim lorem sit, habitasse, penatibus? Dictumst. Etiam penatibus habitasse urna cras pulvinar, sed vel, augue. Lacus nascetur eu, sed elit cras odio parturient nec. Platea natoque urna nunc porta porttitor eros egestas scelerisque, eros turpis, vel urna mattis amet sit, vut rhoncus ac, tristique tempor, aenean tortor dolor, cras facilisis risus etiam ac.

</div></div>

</center>

Поделиться372014-11-05 20:47:06

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Продолжение газеты

Код:

<!--HTML--><style type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'> 

.scroll::-webkit-scrollbar {width: 3px;background: #f1f1f1;}
.scroll::-webkit-scrollbar-thumb {background: #3a283e;}
.scroll::-webkit-scrollbar-corner {background: #f1f1f1;}</style> 

<center><div style="width: 400px; border: 5px solid #3a283e; background-color: #f1f1f1; padding: 14px;">
<img src="http://placehold.it/400x190">
<div style="text-align: center; font-size: 86px; font-weight: 300; font-family: 'Qwigley'; color: #212121;">Character Name</div> 
<div style="font-family: 'Tulpen One'; text-align: center; font-size: 34px; margin-top: 10px; padding: 8px;">(age in words) year old (member group/job)</div>

<div style="width: 400px; text-align: justify; overflow: auto; height: 340px; font-size: 12px; letter-spacing: -1px;" class="scroll">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rhoncus accumsan tristique. Cras mattis ac purus a consectetur. Donec luctus sem non convallis tincidunt. Nulla id nulla ultricies, posuere mauris sed, fringilla turpis. Aenean leo odio, convallis in elit non, consequat sagittis nisl. Donec posuere vestibulum laoreet. Vestibulum pharetra diam non magna pellentesque euismod. Phasellus iaculis facilisis justo in placerat. Sed dignissim porttitor elementum. Sed blandit leo in mi condimentum, ut accumsan magna tristique. Suspendisse mattis faucibus condimentum. Nam auctor ultrices ipsum vitae rhoncus. Nam lobortis leo neque, non semper turpis facilisis eu. Suspendisse aliquet non magna eu gravida. Cras aliquet lorem in dui scelerisque, ac fringilla erat sagittis.

<p>Integer non massa pulvinar elit laoreet feugiat. Ut luctus placerat ligula. Duis eu erat id massa pretium rutrum vel vitae ligula. Suspendisse pulvinar imperdiet nisi id euismod. Aliquam sit amet tortor dui. Quisque id justo erat. Vivamus velit velit, tincidunt vel aliquam ac, vestibulum sit amet diam. Vestibulum mollis nisl laoreet eros vestibulum, non molestie odio elementum. Nunc semper tortor sem, et tincidunt eros tincidunt vel. Vivamus in nisl dui. Mauris dignissim lacus sit amet ornare porta. Sed eget nibh id eros iaculis semper. Curabitur iaculis pellentesque nibh, a accumsan urna molestie eu. Etiam sodales ipsum eros, ut tincidunt nisl adipiscing sagittis.

<p>Nam vulputate molestie volutpat. Duis facilisis, nunc dapibus vulputate aliquet, mi arcu molestie enim, a vestibulum leo mi vitae risus. Proin adipiscing ligula magna, ac mattis elit blandit non. Pellentesque dapibus mauris eu dui ullamcorper iaculis. Integer odio nulla, vehicula sed urna quis, ornare pretium tortor. Suspendisse at felis tincidunt, scelerisque risus vel, lobortis risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam ut eros nulla. Pellentesque viverra luctus pharetra. Integer et mattis ligula, eget scelerisque neque. Nunc turpis purus, ornare vitae nisi in, varius euismod urna. Suspendisse in metus et diam hendrerit vulputate.

<p>Fusce interdum gravida felis ac lobortis. Sed vitae ornare metus. Ut aliquam ultrices ipsum et ultrices. Nullam ut dolor varius, aliquet justo sit amet, congue nisi. Integer id placerat magna. Proin quis augue libero. Ut eget varius velit, at ornare felis. Pellentesque suscipit ornare enim, a convallis mauris auctor ut. Donec id metus lacinia, vulputate metus sit amet, fermentum nisi. Integer vel accumsan risus, a rhoncus dolor. Nulla sodales, quam nec lacinia venenatis, neque elit sodales velit, sit amet rhoncus justo libero nec lectus. Donec sit amet nunc est. Maecenas consectetur lectus est, eu faucibus arcu venenatis sed. Nullam et est mattis, consequat nulla eu, aliquet nisi. Mauris in sagittis enim.

<p>Maecenas fringilla velit lectus, in malesuada purus mattis adipiscing. Vestibulum lobortis consectetur augue, vitae eleifend felis ultricies in. Mauris non urna in nisi cursus tristique vel sit amet ipsum. Curabitur vel interdum mi. In mattis, dui tempus ullamcorper tempus, augue ipsum posuere lectus, eget imperdiet risus enim non purus. Curabitur vel egestas enim, nec pulvinar lorem. Curabitur et nisi aliquet, accumsan tortor lobortis, tincidunt turpis. Aenean non quam imperdiet, condimentum eros vel, imperdiet nisl. Mauris non lacinia felis. Suspendisse potenti. Integer dui urna, dignissim id lorem nec, dignissim mollis ipsum. Mauris tempus vel metus sed ultrices. Donec tortor orci, eleifend in pretium eget, ullamcorper eu augue. Mauris quam dui, laoreet euismod consectetur at, faucibus eget turpis. Aliquam vitae suscipit justo, vitae consequat quam. Nunc bibendum mi pharetra sagittis cursus.</div>

Thanks Jolette! <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13631"><span style="text-decoration: none; font-size: 11px; color: #000;">@ SP</span></a> & <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1201"><span style="text-decoration: none; font-size: 11px; color: #000;">@ CC</span></a> 
</div></center>

Поделиться382014-11-05 20:50:25

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

последняя полоса газеты

Код:

<!--HTML--><style type="text/css">
.lolshipzz::-webkit-scrollbar { width: 5px; height: 5px; }
.lolshipzz::-webkit-scrollbar-track { background-color: #fff; }
.lolshipzz::-webkit-scrollbar-thumb { background-color: #9c75a6; }
</style>

<center><table cellpadding="0" cellspacing="0"><td><div style="width: 150px; height: 400px; background-image: url(http://placehold.it/150x400);"></div></td><td><div style="width: 330px; height: 380px; padding: 10px; background-color: #fafafa;"><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 1px; background-color: #222;"></div></td><td><div style="width: 130px; font-family: calibri, sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 1px; color: #222;">

first m. last

</div></td><td><div style="width: 100px; height: 1px; background-color: #222;"></div></td></table><div style="width: 330px; font-family: calibri, sans-serif; font-size: 6px; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 1px; color: #222; margin-top: 30px;">poetry in motion put it right there deeper than crystal put it right there.</div><div style="width: 330px; font-family: 'Sacramento', cursive; font-size: 50px; text-align: center; text-transform: lowercase; line-height: 100%; color: #9c75a6; text-shadow: 1px 1px 0px #222; margin-top: -47px;">across my heart .</div>

<div style="width: 310px; padding: 10px; height: 310px; font-family: calibri, sans-serif; font-size: 10px; text-align: justify; color: #555; line-height: 100%;"><div style="width: 305px; height: 310px; padding-right: 5px; overflow: auto;" class="lolshipzz">

pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr vpektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr pektrjhekjr shipping huuurrr 

</div></div></div></td></table></center>

Поделиться392014-11-05 20:52:32

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Тоже можно под цитаты

Код:

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>


<div style="width: 300px; height: 300px; background: #000; color: #ccc"><div style="width: 150px; height: 150px; background:url(http://placehold.it/150x150); border-radius: 100%; position:relative; left: -100px; top: -20px"></div>
<div style="font-family: Roboto Condensed; margin-right: 10px; text-align:right; line-height: 100%; font-size: 35px; letter-spacing: -2px; position:relative; top: -60px; text-transform: uppercase;"> adriana love</div>

<div style="font-family: tahoma; font-size: 9px; letter-spacing: 1px; text-align:justify; line-height: 100%; width: 230px; height: 100px; overflow: auto; position:relative;top: -30px"> Quando l'amicizia che attraversa il cuore, lascia un'emozione, che non se ne va Non so dirti come, ma succede solo quando due persone fanno insieme un volo Che ci porta in alto, oltre l'altra gente, come fare un salto nell'immensitа E non c'и distanza, non c'и mai non ce n'и abbastanza, se se tu sei giа dentro di me, per sempre In qualunque posto sarai, in qualunque posto sarт, tra le cose che vivi io per sempre vivrт in qualunque posto sarai, ci ritroveremo vicino, stretti l'uno nell'altro, oltre il destino Su qualunque strada, in qualunque cielo, e comunque vada noi non ci perderemo Quando l'amicizia che attraversa il cuore, lascia un'emozione, che non se ne va Non so dirti come, ma succede solo quando due persone fanno insieme un volo Che ci porta in alto, oltre l'altra gente, come fare un salto nell'immensitа E non c'и distanza, non c'и mai non ce n'и abbastanza, se se tu sei giа dentro di me, per sempre In qualunque posto sarai, in qualunque posto sarт, tra le cose che vivi io per sempre vivrт in qualunque posto sarai, ci ritroveremo vicino, stretti l'uno nell'altro, oltre il destino Su qualunque strada, in qualunque cielo, e comunque vada noi non ci perderemo </div>



</div>

</center>

Поделиться402014-11-05 20:53:25

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Колонка газеты

Код:

<!--HTML--><center><center><style type="text/css">

.scrollbur::-webkit-scrollbar {width: 5px;background: #e3d149;}
.scrollbur::-webkit-scrollbar-thumb {background: #e3d149;}
.scrollbur::-webkit-scrollbar-corner {background:#e3d149;}

</style>
<center><style type="text/css">
.flopflip {-webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; width: 255px; height: 150px;  }

.hipslikeshakira { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-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; width: 255px; height: 150px;}

.flopflip:hover .hipslikeshakira {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);}

.twerk {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; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; border-bottom: 10px solid #121212;}

.dat {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: 255px; height: 125px; background-color: #fff; overflow: auto; border-bottom: 10px solid #121212; }

.flopflip:hover .dat {-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: #fff;}

</style><style type="text/css" > 
.crack {opacity: 0.0;transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s;background: #000; color: #fff; text-align: justify; text-align: center; width: 255px; height: 125px; padding: 10px; align:center;} .crack:hover { opacity: .78}</style>

<div style="font: 9px georgia; line-height: 100%; width: 300px;"><div style="color: #fff; font: bold 60px arial narrow, helvetica; line-height: 80%; text-shadow: 1px 1px 1px #fff; letter-spacing: -6px; text-transform: lowercase; "></div><div style="background-color: #fafafa; padding: 10px; text-align: center; border: 10px solid #121212;"><center>
<div class="flopflip"><div class="hipslikeshakira"><div class="twerk"><div style="width: 250px; height: 150px; background-image: url(http://placehold.it/255x150);"></div></div>

<div class="dat">
<table cellspacing="0" cellpadding="0">
<td><img src="http://placehold.it/125x125"></td><td><div style="width: 5px;"></div></td><td><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=94"><img src="http://placehold.it/125x125"></a></td>
</table></div></div></div>
</center>



<center>
<div style="font: 9px georgia; line-height: 100%; width: 255px; height: 300px; text padding: 6px; text-transform: lowercase; text-color: #121212; text-align: justify; padding: 4px; overflow:auto; "  class="scrollbur">
<p>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium ante non orci mollis commodo. Nunc fermentum congue imperdiet. Donec ut odio urna. Phasellus sollicitudin commodo sagittis. Cras iaculis dignissim arcu, eu rutrum dolor sodales nec. Cras a turpis eu nunc rhoncus tincidunt. Ut ac diam diam. Ut eget sem ac nisi dignissim hendrerit. Donec hendrerit, augue quis cursus auctor, turpis augue scelerisque lorem, non iaculis purus sapien eu nibh. Aliquam semper ultricies odio ut interdum. Phasellus cursus lacinia magna ac suscipit. Integer venenatis varius lorem sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>
Nulla consequat dolor id magna egestas ut semper nibh accumsan. In hendrerit pretium lectus sit amet molestie. Maecenas velit neque, dapibus vel convallis sed, tincidunt id tellus. Donec eleifend diam non lacus congue vitae tristique tortor porta. Nulla convallis consectetur est ut lobortis. Aenean augue velit, fermentum sed imperdiet non, facilisis vitae neque. Etiam ac magna vel elit faucibus suscipit non at metus. Pellentesque sit amet rhoncus ligula. Ut bibendum, mauris non volutpat ornare, erat lorem varius ante, ac euismod felis mi quis sapien. Curabitur in velit id arcu elementum viverra eget vitae urna.
<p>
In ante libero, varius id semper nec, volutpat quis orci. Mauris ultrices, diam in dignissim egestas, dolor ante elementum ipsum, in viverra lectus dolor eget magna. Praesent congue faucibus convallis. Nulla sapien lectus, fermentum ac commodo eget, aliquet eget velit. Aliquam ante lectus, blandit ac sollicitudin eu, fermentum a magna. Phasellus lorem nisi, tempus eget commodo ut, viverra a nisi. Aliquam mi velit, venenatis non venenatis id, pretium ut sapien. Nulla sit amet ante quis lorem congue suscipit. Aliquam erat volutpat. Nulla varius nisi eget sem ultrices in consectetur odio volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. In imperdiet enim a eros pharetra aliquet in vel metus. Nunc accumsan enim vitae nunc ultricies aliquam.
<p>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium ante non orci mollis commodo. Nunc fermentum congue imperdiet. Donec ut odio urna. Phasellus sollicitudin commodo sagittis. Cras iaculis dignissim arcu, eu rutrum dolor sodales nec. Cras a turpis eu nunc rhoncus tincidunt. Ut ac diam diam. Ut eget sem ac nisi dignissim hendrerit. Donec hendrerit, augue quis cursus auctor, turpis augue scelerisque lorem, non iaculis purus sapien eu nibh. Aliquam semper ultricies odio ut interdum. Phasellus cursus lacinia magna ac suscipit. Integer venenatis varius lorem sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>
Nulla consequat dolor id magna egestas ut semper nibh accumsan. In hendrerit pretium lectus sit amet molestie. Maecenas velit neque, dapibus vel convallis sed, tincidunt id tellus. Donec eleifend diam non lacus congue vitae tristique tortor porta. Nulla convallis consectetur est ut lobortis. Aenean augue velit, fermentum sed imperdiet non, facilisis vitae neque. Etiam ac magna vel elit faucibus suscipit non at metus. Pellentesque sit amet rhoncus ligula. Ut bibendum, mauris non volutpat ornare, erat lorem varius ante, ac euismod felis mi quis sapien. Curabitur in velit id arcu elementum viverra eget vitae urna.
<p>
In ante libero, varius id semper nec, volutpat quis orci. Mauris ultrices, diam in dignissim egestas, dolor ante elementum ipsum, in viverra lectus dolor eget magna. Praesent congue faucibus convallis. Nulla sapien lectus, fermentum ac commodo eget, aliquet eget velit. Aliquam ante lectus, blandit ac sollicitudin eu, fermentum a magna. Phasellus lorem nisi, tempus eget commodo ut, viverra a nisi. Aliquam mi velit, venenatis non venenatis id, pretium ut sapien. Nulla sit amet ante quis lorem congue suscipit. Aliquam erat volutpat. Nulla varius nisi eget sem ultrices in consectetur odio volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. In imperdiet enim a eros pharetra aliquet in vel metus. Nunc accumsan enim vitae nunc ultricies aliquam.
</div>
<style type="text/css">.move001 { width: 250px; background-color: #272727; font-family: arial; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; letter-spacing: 2px; line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s;  } .move001:hover { width: 250px; background-color: #e3d149; font-family: arial; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; letter-spacing: 2px; line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s;  }</style> <center><div class="move001">NAME. AGE. OCCUPATION. STUFF. THINGS. LALALALA</div></center>
</div><br><br><br></div></center>

Поделиться412014-11-05 20:56:37

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

ещё один забавный код

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<center>
<div style="width: 400px; line-height: 70%; font-family: playball; font-size: 40px; text-align: center; color: #A89C52; text-shadow: 2px 2px 2px #000;">only just pretending</div>
<div style="width: 270px; height: 15px; border-left: 40px solid #A89C52; border-right: 120px solid #7C7E69; background-color:  #3C4A4D;"></div>
<table cellspacing="0" cellpadding="0">
<td><div style="width: 15px; height: 172px; background-color: #3C4A4D; border-top: 50px solid #A89C52; border-bottom: 40px solid #7C7E69;"></div></td>
<td>
<div style="width: 178px; height: 240px; overflow: auto; background-color: #fff; padding: 10px; text-align: justify; text-transform: lowercase; font-family: arial; line-height: 12px; border: 1px dotted #000;">blah blah blah stuff's going to go here</div>
</td>
<td>
<div style="width: 200px; height: 125px; background-image: url(http://placehold.it/200x125); border-top: 1px dotted #000;"></div>
<a href="http://shine.b1.jcink.com/index.php?showuser=2237">
<div style="height: 2px;"></div>
<div style="width: 200px; border-top: 1px dotted #000;"></div>
<div style="height: 1px;"></div>
<div style="height: 2px; width: 200px; background-color: #A89C52;"></div>
<div style="height: 1px;"></div>
<div style="width: 200px; border-bottom: 1px dotted #000;"></div>
<div style="height: 2px;"></div></a>
<div style="width: 200px; height: 125px; background-image: url(http://placehold.it/200x125); border-bottom: 1px dotted #000;"></div>
</td>
<td><div style="width: 15px; height: 172px; background-color: #3C4A4D; border-bottom: 50px solid #A89C52; border-top: 40px solid #7C7E69;"></div></td>
</table>
<div style="width: 270px; height: 15px; border-right: 40px solid #A89C52; border-left: 120px solid #7C7E69; background-color:  #3C4A4D;"></div>
</center>

Поделиться422014-11-05 21:00:12

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

снова интересный код

Код:

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>

<style type="text/css">
.mountains { width:500px; height:400px; background-image: url(http://favim.com/orig/201106/26/forest-mounta-mountain-mountains-nature-tree-Favim.com-84410.jpg); position:relative; top:0; left:0; }

.lining { height:400px; width:10px; background-color: #c1d5d4; }

.inman { position: relative; border-radius:50%; background-image:url(100x100IMAGEHERE!); width:100px; height:100px; top:-270px; border:10px solid #c1d5d4; left:-40px; }

.lyrical { width:250px; background-color: transparent; position:relative; top:35px; color: #472f3f; font-family: give you glory; font-size:22px; text-transform:lowercase;  text-align:center; position:absolute; z-index:10; }

.theblock1 { width:250px; height:280px; background-color: rgba(255,255,255,.75); position:relative; top:-75px; }
.theblock2 { padding:15px; height: 250px; width:220px; text-align:justify; font-family: calibri; font-size:10.5px; line-height:100%; color; #2e1d26; }
.theblock3 { padding-right:10px; overflow:auto; height:250px; width:220px; }

.tagline { height:30px; width:250px; background-color: #74899c;position:absolute; top:326px; color: #c1d5d3; font-family: calibri; font-size: 9px; text-align: center; line-height:30px; text-transform: lowercase; letter-spacing: 1px; }
</style>

<center>
<div class="mountains">
<table>
<tr>
<td>
<div class="lining"></div>
<div class="inman"></div>
</td>
<td>
<div class="lyrical">i came back for you</div>
<div class="theblock1"><div class="theblock2"><div class="theblock3">
THREAD GOES HERE
</div></div></div>
<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=267"><div class="tagline">tag: xxx words: xxx notes:xxx</div></a>
</td>
</tr>
</table>
</div>
</center>

Поделиться432014-11-05 21:01:05

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

в путеводитель или фак

Код:

<!--HTML-->
<style type="text/css">

.video1 { width: 250px; height: 20px; opacity: 0.9; position: relative; left: 0px; top: 25px; line-height: 20px; background-color: #fff; text-align: justify; font-family: times; font-size: 8px; color: #34528A; text-shadow: 1px 1px #eee; letter-spacing: 1px; overflow: auto; }

.games1 { opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out;}

.games1:hover { opacity: 1; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out;}

</style>

<center><div style="width: 340px; padding: 20px 10px 20px 10px; background-image: url(http://i43.tinypic.com/2hoz8te.png);">
<div style="width: 300px; padding: 10px 10px 10px 10px; background-color: FFF;">

<div style="width: 300px; height: 150px; background-image: url(http://i43.tinypic.com/29fy006.png);"><div class="games1"><div class="video1"><div style="text-align: center; padding: 0px 5px 0px 5px;">TAG</div></div><div style="margin-bottom: 20px;"></div>
<div class="video1"><div style="text-align: center; padding: 0px 5px0px 5px;">WORDS</div></div><div style="margin-bottom: 20px;"></div>
<div class="video1"><div style="text-align: center; padding: 0px 5px 0px 5px;">NOTES</div></div><div style="margin-bottom: 30px;"></div>

<div style="height: 20px;"></div>
</div></div>

<div style="text-align: center; font-family: times;  font-size: 8px; color: #34528A; text-transform: uppercase; line-height: 30px; letter-spacing: 2px; text-shadow: 1px 1px #eee;">THEY SAY THAT THE WORLD WAS BUILT FOR TWO</div><div style="text-align: center; border-top: 1px dotted #778877; margin-bottom: 10px;"></div>

<div style="text-align: justify; font-family: times; font-size: 10px; color: #111; text-transform: lowercase; line-height: 10px; letter-spacing: 1px;">

post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here<p>

post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here<p>

post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here<p>

post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here post content goes here<p>

</div>


</div></div></center>
<center><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1086"><div style="width: 340px; text-align: right; font-family: times; font-size: 7px; text-transform: uppercase;">SCOTT MCCALL</div></a></center>

Поделиться442014-11-05 21:06:53

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

для газеты, какой-нибудь опрос или мысли

Код:

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

<table><tr><td valign="bottom" class=" imgbod">
<img src="http://likeroyals.b1.jcink.com/uploads/likeroyals//av-6.png">

<div class="notebod"><table><tr><td class="wordbod">
000 <br> WORDS
</td><td class="tagbod">
Put a small brief thing of notes or lyrics right here if you want.
</div></td></tr></table></div></td>

<td class="manbod"><center>
<div class="quo1">❝</div>
<div class="quo2">❞</div>
<div class="quobod">

I think we need superheroes to be reminded of the primacy of generosity and kindness and humility. Even when I watched this film… I love Loki, but I’m punching the air when the hero’s winning. I’m clapping along with everybody else when I get Hulk smashed. There’s something really innately inherited, I think, about redemption. We all are just intensely moved by it. And superheroes offer that redemption narrative really cleanly, I think.<p>

It’s a parallel universe, where people have superpowers and people can do crazy things, but they are our modern-day gods and monsters upon which we can project all of our hopes and dreams and nightmares. And so, the heroes are emblems of everything that we hope we are.<p>

They appeal to the best in our humanity. They are noble and courageous and generous and self-sacrificial and honest and good. It’s who we all hope we would be in a crisis. And then the villains are everything we’re afraid of. They are incarnations of our darkest instincts. Fear, jealousy, pride, vanity, arrogance, rage.

</div><div style="position: absolute; bottom: 0px; right: 5px; font-family: courier new; color: #f1f1f1; font-size: 10px; text-transform: uppercase; text-align: right;">by Dali of Candyland Couture</div>
</center></td></tr></table>

<style>
.quobod::-webkit-scrollbar {width: 05px;}
.quobod::-webkit-scrollbar-track {background-color: #ffffff;}
.quobod::-webkit-scrollbar-thumb {background-color: #f1f1f1;}
.quobod { height: 250px; width: 200px; font-family: calibri; font-size: 10px; text-align: justify; overflow: auto; line-height: 11px; color: #454545; padding-right: 5px; }
.imgbod { height: 350px; width: 250px; overflow: hidden; position: relative; }
.notebod { position: absolute; bottom: 15px; left: 15px; background-color: rgba(50,50,50,0.7); width: 210px; padding: 5px; }
.wordbod {  color: #ffffff; font-family: oswald; text-transform: uppercase; text-align: justify; font-size: 20px; letter-spacing: 1px; line-height: 20px; }
.tagbod { border-left: 1px solid #f1f1f1; padding-left: 5px; font-family: calibri; font-size: 09px; color: #ffffff; text-align: justify; line-height: 9px; text-transform: uppercase; }
.manbod { center" style="margin-left: -5px; height: 350px; width: 350px; background-color: #ffffff; position: relative; }
.quo1 { position: absolute; top: 40px; left: 45px; color: #454545; font-size: 30px; }
.quo2 { position: absolute; bottom: 30px; right: 45px; color: #454545; font-size: 30px; }
</style>

</center>

Поделиться452014-11-05 21:11:47

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

поздравлялка для именников

Код:

<!--HTML-->
<center>
<style type="text/css">
.poland { height: 400px; width: 18px;  background: -webkit-gradient(linear, left top, right bottom, from(#5F366E), to(#B29FBD)); background: -moz-linear-gradient(top, #5F366E, #B29FBD); }
.springs { height: 100px; width: 24px;  background: -webkit-gradient(linear, left top, right bottom, from(#5F366E), to(#B29FBD)); background: -moz-linear-gradient(top, #5F366E, #B29FBD); }
.immakillyou::-webkit-scrollbar {
background: #FFFFFF;
width: 5px;
}

.immakillyou::-webkit-scrollbar-thumb {
background: #B29FBD;
width: 5px;
}

.immakillyou::-webkit-scrollbar-corner {
background: black;
}
</style>
<table><tr>
<td><img src="http://placehold.it/100x100"></td><td><img src="http://placehold.it/100x100"></td><td><img src="http://placehold.it/100x100"></td><td><div class="springs"></div></td></tr></table>
<table>
<tr><td>
<div class="poland"></div></td>
<td><div style="width: 300px; height: 400px; overflow: auto; font-family: Calibri; font-size: 11px; color: #000000; line-height: 12px; padding: 5px; text-align: justify;" class="immakillyou">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis, odio id maximus sollicitudin, lectus mauris convallis justo, sit amet dictum nulla dui sit amet lacus. Donec pellentesque accumsan mi non lobortis. Donec id mi sapien. Nullam fringilla dolor vitae magna rhoncus, at dignissim lacus feugiat. Pellentesque sit amet purus magna. Pellentesque quis ipsum varius, ultricies ligula ut, sodales lacus. Morbi eget diam ut augue tempor interdum. Quisque malesuada, justo eu vestibulum tempor, est lacus rutrum dolor, vel aliquam libero turpis non eros. Nulla tempus porta iaculis. Fusce semper nisl a libero fermentum, elementum accumsan risus feugiat. Donec vitae dui magna.<br><br>

Sed vestibulum lorem a interdum lacinia. Donec sit amet nisl eu turpis viverra pellentesque dapibus in neque. Sed in rhoncus neque, eleifend laoreet felis. Sed iaculis lobortis bibendum. Sed scelerisque risus sit amet urna pellentesque, vel laoreet tellus ullamcorper. Morbi varius hendrerit lacus, ac ullamcorper velit. Donec lacinia bibendum elit, ac mollis purus fermentum vitae. Nulla iaculis turpis id quam pulvinar elementum. Curabitur ipsum diam, convallis a diam eu, scelerisque consectetur libero. Pellentesque turpis libero, ultrices quis semper at, blandit vel diam. Donec ut nibh mattis, sollicitudin orci quis, lacinia nibh. Praesent consectetur, diam ac molestie lobortis, elit ipsum pretium lectus, non volutpat mauris felis sit amet sem. Morbi euismod interdum dui sed dignissim.<br><br>

Pellentesque turpis libero, ultrices quis semper at, blandit vel diam. Donec ut nibh mattis, sollicitudin orci quis, lacinia nibh. Praesent consectetur, diam ac molestie lobortis, elit ipsum pretium lectus, non volutpat mauris felis sit amet sem. Morbi euismod interdum dui sed dignissim. Praesent consectetur, diam. Non volutpat mauris felis sit amet sem. Morbi euismod interdum.<br><br>

</div>
</td></tr></table>
<div style="font-family: calibri; font-size: 10px; color: #5F366E; text-transform: uppercase; text-align: center;">WORDS: ### | TAG: NAME | NOTES: HERE | CREDIT: <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1">© alice in wonderland.</a></div>

</center>

Поделиться462014-11-05 21:12:47

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

интервью для газеты

Код:

<!--HTML--><div align="center">
<div id="red">
<table cellpadding="0" cellspacing="0"><tr><td><div class="redo"><div style="height: 190px;"></div>
<div class="skip"><div id="gray" style="background-image: url(http://placehold.it/90);"><b>
###
</b></div></div>
<div class="skip"><div id="gray" style="background-image: url(http://placehold.it/90);"><b>
TAG
</b></div></div>
<div class="skip"><div id="gray" style="background-image: url(http://placehold.it/90);">
<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=714"><b>CREDIT</b></a>
</div></div></div></td>
<td><div class="redi"><div class="redtitle">

Enter Title Here

</div><div class="redu">

Enter Words Here


</div></div></td></tr></table>
</div>
</div><style>
#red { width: 500px; margin: 20px auto; }
#red .redo { width: 100px; padding: 20px; height: 520px; background-color: #9F111B; }
#red .redo .skip { width: 90px; height: 90px; border: 5px solid #B11623; overflow: hidden;  -webkit-border-radius: 90px 90px 90px 90px; border-radius: 90px 90px 90px 90px; -moz-border-radius: 90px 90px 90px 90px;-o-border-radius: 90px 90px 90px 90px;-ms-border-radius: 90px 90px 90px 90px; margin: 10px 0px; }
#red .redo .skip:nth-child(1) { opacity: 0.4 }
#red .redo .skip:nth-child(2) { opacity: 0.7 }
#red .redo .skip #gray { height: 90px; width: 90px; background-size: 100%; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); text-align: center;  }
#red .redo .skip #gray b { background-color: transparent; color: transparent; padding: 3px 5px; font-family: calibri; font-size: 8px; letter-spacing: 2px; line-height: 8px; text-align: center; display: block; position: relative; top: 40px; -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
#red .redo .skip:hover #gray b { background-color: #111; color: #fff; }
#red .redi { width: 290px; border-left: 10px solid #B11623; padding: 30px; height: 500px; background-color: #eee; }
#red .redi .redtitle { font-size: 30px; line-height: 40px; text-align: justify; height: 40px; overflow: hidden; width: 290px; font-family: arial; font-style: italic; font-weight: bold; color: #444; letter-spacing: -3px; }
#red .redi .redu { width: 290px; height: 460px; overflow: auto; text-align: justify; font-size:10px; color: #333; font-family: arial; line-height: 12px; }
#red .redi .redu b { color: #B11623; }
.redu::-webkit-scrollbar {width: 15px;} 
.redu::-webkit-scrollbar-track {background-color: #eee;} 
.redu::-webkit-scrollbar-thumb {background-color: #B11623; border-left: 10px solid #eee;}
</style>

Поделиться472014-11-05 21:29:05

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

для тематической статьи

Код:

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

<div class="glimg">
<img src="http://i.imgur.com/gmhiGUW.png" class="glpic">
<table class="gltab"><tr><td valign="center" class="gltet">

<font class="glhere">TO THE SEA<br>THE SEA OF LOVE</font>
<font class="glthere">000 WORDS<br>TAG NAME HERE</font>

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

<div class="glbod"><div class="gldash">

Nam nec dui metus. Suspendisse mattis elit ac nulla molestie rhoncus. Nulla tincidunt, ante vel consequat fermentum, nulla metus luctus justo, quis malesuada dui metus sit amet nisi. Nam faucibus lobortis mauris, vitae sagittis lectus cursus vel. Vestibulum viverra tempus lorem, fermentum sodales justo pharetra at. Aenean justo tellus, venenatis eu nunc et, imperdiet facilisis neque. Duis quis metus accumsan, bibendum massa nec, egestas dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque laoreet augue a faucibus pretium. Integer in justo fringilla, porttitor nisl at, tincidunt leo.<p>

Duis lacinia lectus diam, a tristique lorem euismod vitae. Sed magna nunc, dignissim sit amet odio at, luctus laoreet leo. Nam bibendum nisi vel suscipit fringilla. Donec venenatis nibh et ante lacinia, ut lacinia est blandit. Vestibulum mollis at eros vitae pulvinar. Donec quis sem sit amet quam mollis accumsan. Nulla vel quam nunc.<p>

Sed sollicitudin lorem eu lobortis luctus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec nec eleifend mauris. Nulla varius elit sit amet metus laoreet, sit amet vehicula enim ultrices. Cras sed tincidunt elit. Etiam vulputate tellus ligula, vel egestas est consequat sit amet. Vivamus mi ipsum, tempor a ullamcorper id, suscipit ut ipsum. Curabitur volutpat ipsum ac neque varius, vitae luctus enim feugiat. Fusce nec nisl enim. Sed feugiat aliquam ipsum, at eleifend metus volutpat eget.<p>

Etiam nisl sem, suscipit in iaculis in, varius et libero. Duis at lacinia lectus. Cras consectetur risus ac massa porta suscipit. Phasellus vitae enim lacinia, commodo turpis in, ultrices justo. In id magna tempus, imperdiet massa at, facilisis libero. Praesent iaculis facilisis tincidunt. Mauris placerat risus et accumsan facilisis. Donec quis leo placerat, iaculis ligula quis, vestibulum nibh. Phasellus fermentum orci quis porttitor sagittis. Mauris et quam nisi.

</div></div><div style="text-align: center; font-size: 09px; font-family: courier new; color: #b2b2b2;">TEMPLATE MADE BY DALI OF CANDYLAND COUTURE</div>

<style>
.glbod { background-color:#ffffff; width: 370px; padding: 20px 15px 15px 15px; font-size: 10px; font-family: calibri; line-height: 12px; text-align: justify; color: #454545; }
.glbod:first-letter { font-weight: bold; float: left; font-size: 35px; margin-left: 10px; margin-right: 8px; margin-bottom: 12px; color: #7f8883; opacity: 0.7; font-family: oswald; }
.gldash { border-left: 1px solid #b2b2b2; padding-left: 10px; }
.glimg { position: relative; height: 176px; width: 400px; }
.glpic { height: 176px; width: 400px; opacity: 0.9; }
.gltab { position: absolute; bottom: 10px; left: 10px; height: 156px; width: 380px; background-color: #ffffff; opacity: 0.4; }
.gltet { font-family: oswald; font-size: 40px; text-align: center; color: #081f1b; text-transform: uppercase; line-height: 38px; }
.glthere { display: none; }
.gltet:hover .glhere { display: none; }
.gltet:hover .glthere { display: inline; }
</style>
</center>

Поделиться482014-11-05 21:29:29

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Ещё вариант статьи

Код:

<!--HTML--><center>
<div class="sleekhead">

<div class="sleekleft">
<div class="sleeklyric">
word count: 000
</div></div>

<div class="sleekright">
<div class="sleeklyric">
for name here
</div></div>

<div class="sleekicon">
<img src="http://i.imgur.com/h6zci.png">
</div></div>

<div class="sleekbody">
<div class="sleektext">

Suspendisse vestibulum ipsum at massa pharetra congue. Sed aliquet enim id tellus ultrices, a suscipit turpis blandit. Vivamus semper viverra lacus, hendrerit commodo nisi pretium ultricies. Vestibulum lobortis cursus venenatis. Suspendisse lacinia nulla tortor, vel ullamcorper ante aliquam in. Morbi neque mi, tincidunt ut nunc volutpat, tincidunt feugiat lorem. Donec vel urna magna. Nunc fermentum ipsum vitae rhoncus faucibus. Phasellus interdum vehicula tortor vel pulvinar. Praesent ut lacus vitae augue malesuada malesuada.<p>

Pellentesque imperdiet venenatis libero, in interdum nunc imperdiet quis. In viverra lacinia augue, in pellentesque quam facilisis eget. Vestibulum dignissim sagittis lobortis. Morbi euismod tincidunt orci, a pulvinar tortor congue non. Aliquam vestibulum ullamcorper nibh, nec facilisis nibh luctus sit amet. Integer faucibus lorem orci, ut tincidunt lorem eleifend ac. Proin vehicula nisl sit amet fermentum commodo. Nunc sem enim, viverra et semper ornare, lobortis nec velit. Vestibulum faucibus fringilla ante a consequat. Aliquam et ipsum tincidunt, vestibulum enim non, auctor lacus. Fusce rhoncus ipsum sed nulla pellentesque tristique.<p>

Curabitur sit amet lorem quis mi imperdiet ullamcorper ut non nisi. Nullam ut eros sem. Suspendisse sed dui adipiscing mauris tristique vestibulum a a metus. Cras eu lacinia erat. Donec ante ante, suscipit ac porta a, tempor ut tortor. Aenean iaculis mauris nec varius pharetra. Duis metus lorem, pharetra non interdum ac, sollicitudin ut ligula. Donec pretium congue mollis. Praesent cursus felis nec dignissim luctus. Sed sit amet semper libero. Suspendisse suscipit ligula augue, placerat consequat massa rhoncus a. Etiam pellentesque laoreet leo, id aliquam justo blandit ullamcorper. Quisque in nunc sem. Donec euismod dignissim magna ac placerat. Donec dapibus, risus non lacinia egestas, nisl justo placerat libero, viverra molestie leo lacus sodales augue.

</div>
</div>

<div style="width: 400px; text-align: right; font-family: calibri; font-size: 08px; text-transform: uppercase; letter-spacing: 1px;">TEMPLATE BY DALI OF CANDYLAND COUTURE</div>

<style>
.sleekhead { width: 400px; height: 175px; background-color: #ffffff; position: relative; overflow: hidden; }
.sleekleft { position: absolute; top: 75px; right: 255px; width: 50px; height: 15px; overflow: hidden; background-color: #2f2f2f;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.sleekright { position: absolute; top: 75px; left: 255px; height: 15px; width: 50px; overflow: hidden; background-color: #2f2f2f;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.sleeklyric { text-align: center; font-family: calibri; font-size: 08px; text-transform: uppercase; letter-spacing: 1px; line-height: 08px; padding: 3px; 0px; color: #2f2f2f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.sleekhead:hover .sleekleft { width: 145px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.sleekhead:hover .sleekright{ width: 145px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.sleekhead:hover .sleeklyric { color: #fafafa; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;  transition-delay: 0.9s; -webkit-transition-delay: 0.9s; /* Safari */ }
.sleekicon { height: 100px; width: 100px; border: 5px solid #d7d7d7; position: absolute; top: 30px; left: 145px; }
.sleekbody { width: 360px; padding: 20px; background-color: #2f2f2f; }
.sleektext { padding: 10px 10px 5px 10px; background-color: #ffffff; font-family: calibri; font-size: 10px; line-height: 10px; text-align: justify; -webkit-column-count:2; /* Chrome, Safari, Opera */ -moz-column-count:2; /* Firefox */ column-count:2; column-rule: 1px outset #d7d7d7; -moz-column-rule: 1px outset #d7d7d7; /* Firefox */ -webkit-column-rule: 1px outset #d7d7d7; /* Safari and Chrome */ }
.sleektext:first-letter { font-weight: bold; font-size: 15px; margin-left: 10px; margin-right: 3px; }
</style>

</center>

Поделиться492014-11-05 21:31:58

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

слово от главного редактора+содержание

Код:

<!--HTML--><style type="text/css">
.darren { width: 350px; height: 450px; position: relative; overflow: hidden; }
.darren .darrenc { width: 450px; height: 450px; position: absolute; left: -100px; top: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.darren:hover .darrenc { left: 0px; }
.darren .darrencr { width: 180px; height: 430px; padding: 10px; background-color: #fff; position: absolute; bottom: -500px; left: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.darren:hover .darrencr { bottom: 0px; }
.darrencrr { width: 160px; height: 410px; padding: 10px; }
.darrencri { width: 140px; height: 390px; padding: 10px; background-color: rgba(250,250,250,0.95); }
.darrencri h1 { font-weight: lighter; text-align: left; margin-top: 0px; font-family: 'Roboto', sans-serif; font-size: 35px; text-transform: uppercase; letter-spacing: -3px; line-height: 90%; color: #222; margin-bottom: 0px;}
.darrencris { width: 140px; height: 1px; background-color: #222; margin-top: 2px; margin-bottom: 2px;}
.darrencriss { width: 135px; height: 300px; padding-right: 5px; margin-top: 5px; font-family: 'Roboto', sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: justify; overflow: auto; }
.darrencriss::-webkit-scrollbar { width: 3px; height: 3px; border: 0px solid #fff; }
.darrencriss::-webkit-scrollbar-thumb { background-color: #222; border: 0px solid #fff; }
.darrencriss::-webkit-scrollbar-track { background-color: #fff; border: 0px solid #fff; }
.darrenecriss { font-size: 7px; text-transform: uppercase; color: #222; font-family: 'Roboto', sans-serif; line-height: 100%; letter-spacing: 2px; text-align: center; font-style: italic; word-spacing: -2px; margin-top: 5px;}
</style>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<center><div class="darren"><div class="darrenc" style="background-image: url(http://placehold.it/450);"></div><div class="darrencr"><div class="darrencrr" style="background-image: url(http://placehold.it/180x430);"><div class="darrencri"><h1>picture perfect.</h1><div class="darrencris"></div><div class="darrencris"></div><div class="darrencris"></div><div class="darrencriss">

postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek 
<p>
postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek postttt and stuff goes hereee idek 

</div><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=27"><div class="darrenecriss">let me take your picture</div></a></div></div></div></div></div></center>

Поделиться502014-11-05 21:36:15

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

интересный код

Код:

<!--HTML--><center><style type="text/css">
.applelicious {width:400px;height:200px;background-image: url('http://funkyimg.com/i/UgNX.png');}
.applelicious2{opacity:0;}.applelicious2:hover {width:400px;height:200px;opacity:1.0;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;}.applelicious3 {width:400px;height:165px;background:#575757;color:#fff;border-top: 2px dotted #757575; border-bottom: 2px dotted #757575;overflow:auto;}.applelicious4 {width:100px;height:100px;background: url('http://placehold.it/100x100');border: 2px dotted #757575;}.applelicious5 {width:400px;height:5px;background:#949494;}.applelicious6 {width:400px;height:2px;background:#B3B3B3;}.applelicious7 {width:390px;background:#DCDCCC; color:#000;padding:5px;text-align:left;}.applelicious6 {width:400px;font-size:3px;color:#fff}.applelicious7 a:link, .applelicious7 a:visited, .applelicious7 a:active {	/*text-decoration: underline;*/text-decoration: none;color: #B0B597;}.applelicious7 a:hover {color: #375D50;text-decoration: none;}</style><center><div class="applelicious"><div class="applelicious2"><br /><div class="applelicious3"><br /><div class="applelicious4"></div><br />


Хехей, пельменчик, ты попал на ENRJAM...в семью капкейка!


</div><br /></div></div><div class="applelicious5"></div><div class="applelicious6"></div><div class="applelicious7">



Бамс, джемик! Из красной лондонской телефонной будки нам по секрету сообщили, что на двухэтажном, не менее красном, автобусе к нам мчишься ты! Мы отменили пир у Британской Королевы и с нетерпением ждем твоих обнимашек! Для тебя уже забронирован столик, но перед тем, как начать наслаждаться Энерджемом, улыбнись, мы <a href="http://enerjam.rusff.me/viewtopic.php?id=8">зафоткаем</a> тебя шикарненького и долбанем Биг Бен в твою честь. Для того, чтобы на Трафальгарской площади выцарапать твои  <a href="http://enerjam.rusff.me/viewtopic.php?id=9">инициалы</a>, скажи же нам, как зовут тебя, крутышка. Готово? Уже предвкушаешь прогулки по Тауэрскому мосту после  <a href="http://enerjam.rusff.me/viewtopic.php?id=10">рабочего</a> дня? Пора поиметь  <a href="http://enerjam.rusff.me/viewtopic.php?id=22">клиентскую карту</a> в нашем чудесном энергетическом заведении и мчаться на  <a href="http://enerjam.rusff.me/viewtopic.php?id=24">колесо обозрения</a> искать единомышленников. Шерлок Холмс аплодирует стоя, а в  <a href="http://enerjam.rusff.me/viewtopic.php?id=23">Букингемском дворце</a> уже ждут твои блокбастерские приключения. И для того, чтобы твой путь был наполнен вкусным сервисом и десертным уютом, у тебя теперь есть персональный шеф-повар  <a href="http://enerjam.rusff.me/profile.php?id=502">Philomena de Charrière</a>.


</div></center>

Поделиться512014-11-05 21:36:45

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

в качестве статьи

Код:

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

<style>
.mainbg {
background: #fefefe;
width: 450px;
padding: 15px;
margin: 0 auto;
}

.mainbg h2 {
margin: 0;
padding: 0;
font: 28px times new roman;
text-transform: uppercase;
letter-spacing: 2px;
color: #515151;
text-align: left;
}

.mainbg h2 span {
font: 32px lobster;
text-shadow: 1px 1px #fefefe, 2px 2px #A4A4A4;
text-transform: lowercase;
color: #515151;
}

.mainbg h3 {
margin: 0;
padding: 0;
font: 15px times new roman;
letter-spacing: 2px;
text-transform: uppercase;
margin-left: 70px;
margin-top: -8px;
text-align: left;
color: #A4A4A4;
}

.mainbg h4 {
margin: 0;
padding: 0;
font: 28px times new roman;
text-transform: uppercase;
letter-spacing: 2px;
color: #515151;
text-align: right;
margin-right: 50px;
}

.mainbg h4 span {
font: 32px lobster;
text-shadow: 1px 1px #fefefe, 2px 2px #A4A4A4;
text-transform: lowercase;
color: #515151;
}

.mainbg h5 {
margin: 0;
padding: 0;
font: 15px times new roman;
letter-spacing: 2px;
text-transform: uppercase;
text-align: right;
margin-top: -8px;
color: #A4A4A4;
}

.mainbg img {
border: 5px solid #BBBBBC;
}

.mainbg span {
font: 8pt courier new;
text-transform: uppercase;
color: #BBBBBC;
}

.mainbg p {
font: 11px arial;
text-align: justify;
line-height: 100%;
color: #515151;
}
</style>

<div class="mainbg"><h2>I'm so <span>fancy</span></h2>
<h3>You already know</h3>
<img src="http://placehold.it/440x100">
<h4>I'm in the <span>fast lane</span></h4>
<h5>From L.A to Tokyo</h5>
<div style="border-bottom: 1px solid #515151; margin: 7px 0px 7px 0px"> </div>
<center><span><b>Tags</b> here | <b>Notes</b> here | <b>Words</b> here</span></center>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec scelerisque nulla, eget consectetur nibh. Praesent ut accumsan lacus, a tincidunt purus. Ut eget quam accumsan, cursus massa eget, dictum ligula. Nam accumsan augue sit amet sapien porttitor vestibulum. Morbi ullamcorper porttitor turpis, id placerat ante scelerisque vel. Pellentesque quis pellentesque urna, ac gravida neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis interdum eros id felis volutpat malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris pharetra vel mi id accumsan. Duis congue felis id vehicula imperdiet.
<br><br>
Aliquam erat volutpat. Nam auctor, libero eu aliquam condimentum, augue felis gravida arcu, sit amet tristique nunc velit ut odio. Nunc dapibus imperdiet nulla, ut malesuada dui molestie in. Nulla sapien justo, bibendum at molestie vitae, viverra vitae tellus. Integer faucibus ornare metus, eu egestas purus. Sed facilisis commodo felis vitae sodales. Vestibulum euismod accumsan consectetur. Phasellus id est urna. Praesent sit amet faucibus elit, et facilisis libero.
<br><br>
Fusce ligula velit, aliquet at ultricies sit amet, vulputate ut neque. Praesent et magna pretium, vehicula justo ut, fringilla arcu. Praesent dignissim, dui vel convallis volutpat, erat mauris tempus lorem, ac porta leo ligula non nisi. Proin in dui sed nisi feugiat hendrerit. Fusce bibendum nisl felis, sed pharetra ante tempus vitae. Donec malesuada, sem nec tempus pulvinar, nulla justo malesuada lorem, ac placerat purus leo ac arcu. Quisque gravida hendrerit semper. Sed eget dictum nulla. Sed ac euismod est. Morbi dapibus vehicula convallis. Donec nibh purus, hendrerit a tellus et, accumsan malesuada odio. In tincidunt erat a condimentum elementum.
<br><br>
Pellentesque nec sollicitudin ipsum, eu egestas leo. Vivamus in lacinia tellus, luctus rhoncus ipsum. Phasellus feugiat dapibus dolor, et consectetur enim luctus et. Integer quis libero egestas, bibendum diam nec, faucibus dui. Integer aliquam pellentesque nibh nec tristique. Donec cursus augue eget magna dapibus, a mollis odio cursus. Sed lacus nisi, porttitor mollis pretium sed, faucibus sed neque. Vestibulum aliquam ultrices ipsum, sit amet molestie nunc. Duis sit amet massa ut nulla ultrices accumsan. Etiam hendrerit vestibulum nisi et sagittis. Proin condimentum, ligula vitae pellentesque sollicitudin, quam orci semper dolor, id rutrum ante justo nec nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean convallis eu sem sit amet egestas. Donec a dapibus erat. Suspendisse potenti.
<br><br>
In vel scelerisque erat. Proin bibendum sodales hendrerit. Duis hendrerit arcu vitae ornare dapibus. Phasellus eget congue libero, non dignissim eros. Curabitur tincidunt faucibus ultrices. Ut tempus venenatis dolor ac aliquam. Etiam eu augue dolor. Quisque et arcu in leo rutrum congue sed nec augue. Duis fringilla vestibulum nisi sit amet lobortis. Aliquam et nibh eu turpis varius luctus eget vel leo. Sed ornare, tortor suscipit sodales aliquet, enim ante semper risus, vitae congue mauris purus eu felis. Etiam dictum libero arcu, eu porttitor lacus tempor et. </p></div><center><span style="font: 8pt courier new; text-transform: uppercase">Made by RITZ! of <a href="http://candylandcouture.jcink.net/">Candyland Couture</a></span>

Поделиться522014-11-05 21:38:34

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Ещё для журнала хд

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>
.evilt{ width: 500px; padding: 15px; background: -moz-linear-gradient(top,  #211e1e 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#211e1e), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #211e1e 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #211e1e 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #211e1e 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom,  #211e1e 0%,#000000 100%); /* W3C */}
.eviltcon{ padding: 15px; font-family: Calibri, "Tresbuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; text-transform: lowercase; color: #525252; letter-spacing: 1px; line-height: 9px; text-align: justify; background-color: #F5F5F5;}
.evilttitle{ background-color: #FFF; display: block; padding: 5px; height: 80px; width: 80px; position: absolute; left: 15px; top: 10px; font-family: oswald; font-size: 30px; color: #000; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow: hidden; line-height: 26px; text-transform: uppercase; letter-spacing: 1px; text-align: left;}
.eviltfooter{ height: 50px; background-image: url(http://38.media.tumblr.com/tumblr_lwf8wnMo411qcc0zvo1_500.jpg); background-position: bottom; background-size: 500px auto;}
.eviltheader{ height: 110px; position: relative; background-image: url(http://38.media.tumblr.com/tumblr_lwf8wnMo411qcc0zvo1_500.jpg); background-position: top; background-size: 500px auto;}
.eviltheader:hover .eviltextra span{ opacity: 1; -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.eviltextra{ font-family: "Times New Roman", Times, serif; font-size: 10px; font-style: oblique; text-transform: lowercase; color: #000; letter-spacing: 1px; position: absolute; bottom: 50px; left: 115px;}
.eviltextra span{ background-color: #FFF; display: inline; padding: 7px 12px; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.eviltextra span a{color: #000; text-decoration:none;}
.eviltheader:hover .eviltextra span:nth-child(2){ -webkit-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; -o-transition: all 1s ease 0.5s; transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s;}
.eviltheader:hover .eviltextra span:nth-child(3){ -webkit-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; -moz-transition: all 1s ease 1s;}
.eviltheader:hover .eviltextra span:nth-child(4){ -webkit-transition: all 1s ease 1.5s; -ms-transition: all 1s ease 1.5s; -o-transition: all 1s ease 1.5s; transition: all 1s ease 1.5s; -moz-transition: all 1s ease 1.5s;}
</style>

<center><div class="evilt"><div class="eviltheader"><div class="evilttitle">

TITLE HERE

</div><div class="eviltextra">

<span><b>notes</b> xxx</span> <span><b>tags</b> xxx</span> <span><b>words</b> xxx</span> 

<span><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1684">♥</a></span></div></div><div class="eviltcon">

CONTENT HERE

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

Поделиться532014-11-05 21:42:58

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

тоже статья

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:400,500,300' rel='stylesheet' type='text/css'>

<style>
.mainbg {
background: #FEFBEE;
padding: 15px;
width: 400px;
}

.mainbg p {
font: 11px arial;
text-align: justify;
line-height: 100%;
color: #505050;
}

.mainbg p:first-letter {
font: 28px times new roman;
text-transform: uppercase;
color: #E59200;
float: left;
margin: 0px 3px 1px 0px;
}

.mainbg h2 {
margin: 0;
padding: 0;
font: normal 28px raleway;
text-transform: uppercase;
color: #673D00;
letter-spacing: -2px;
}

.mainbg h2:first-letter {
color: #E59200;
}

.mainbg h3 {
margin: 0;
padding: 0;
font: 10px verdana;
text-transform: uppercase;
color: #E3AE1B;
margin-left: 20px;
margin-top: -8px;
}

.sidebg {
background: #673D00;
padding: 10px;
width: 100px;
vertical-align: top;
}

.sidebg img {
border: 3px solid #F0CD68;
margin-bottom: 15px;
}

.sidebg span {
display: block;
font: 7.5pt courier new;
text-transform: uppercase;
background: #FEFBEE;
color: #505050;
padding: 0px 3px 0px 3px;
margin-bottom: 5px;
}
</style>

<table style="margin: 0 auto"><tr><td class="sidebg"><img src="http://placehold.it/100x100">
<span><font color="E59200">Tags:</font> here</span>
<span><font color="E59200">Words:</font> here</span>
<span><font color="E59200">Notes:</font> here</span></td>

<td class="mainbg"><h2>Am I wrong?</h2>
<h3>For thinking that we could be something for real?</h3>
<div style="border-bottom: 1px dotted #F0CD68; margin-bottom: 7px;"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur metus quis turpis condimentum, nec iaculis risus feugiat. Vivamus eu tincidunt nisl. Donec neque neque, dictum vitae arcu ac, posuere varius augue. Etiam volutpat at ipsum a convallis. Sed ipsum odio, rhoncus in accumsan id, imperdiet nec massa. Sed at mi sit amet odio placerat pharetra. Aliquam faucibus dolor vitae dui vehicula, ac euismod diam semper. Integer nibh urna, fringilla porta lacinia id, rutrum quis diam. Curabitur congue vel velit eu tempus. Duis massa turpis, accumsan vel convallis vitae, porta quis turpis. Nunc eu placerat sapien. Vestibulum elementum vulputate turpis, non gravida mi congue ut. Ut sed turpis gravida, sollicitudin nisi vel, laoreet risus. Etiam varius arcu quis volutpat tempor. Nam sed arcu vestibulum, ullamcorper elit vitae, sagittis erat. Duis porta pharetra nunc, non feugiat lectus rhoncus sit amet.
<br><br>
Nulla ut facilisis nibh. Donec bibendum velit metus, quis vestibulum tellus tempor sit amet. Duis blandit lorem vel sapien ornare, a sodales est porttitor. Curabitur semper in sem sed blandit. Aliquam imperdiet sem id leo accumsan, ut faucibus odio tincidunt. Morbi faucibus, risus ut volutpat pellentesque, felis urna vulputate enim, vel rhoncus massa elit quis nulla. Proin lobortis mattis hendrerit. Etiam dictum metus vitae placerat molestie.
<br><br>
Morbi et mauris viverra, ultricies nibh in, venenatis sem. In hendrerit varius libero quis bibendum. Suspendisse sit amet interdum purus. Duis luctus elit in mauris pellentesque mattis. Aenean nibh nisi, laoreet nec venenatis non, vehicula ornare tortor. Nullam tincidunt metus neque, eget placerat sem feugiat ut. Curabitur vitae viverra risus, eu consequat nibh. Aenean venenatis molestie nunc, vitae ultricies quam dapibus et. Donec molestie molestie metus, ut tempor ligula faucibus sit amet. In hac habitasse platea dictumst. Aliquam quis hendrerit ligula, eu feugiat orci. Quisque tristique tortor quis consequat aliquam. Vestibulum et ipsum accumsan, rhoncus erat eu, aliquet est.
<br><br>
Sed pulvinar vel dui ut hendrerit. Ut adipiscing elit purus. Mauris a erat enim. Suspendisse in pretium lacus. Quisque accumsan diam sed enim blandit, et ullamcorper sapien fringilla. Proin ac molestie erat. Nullam viverra magna nec sagittis vehicula. Cras at aliquet nibh. Suspendisse sagittis facilisis massa, at rutrum urna vehicula id. Pellentesque bibendum sed est quis iaculis. Curabitur vulputate nisl diam, fringilla posuere nunc ullamcorper at.
<br><br>
Sed gravida eleifend purus. Donec posuere leo diam, eu hendrerit nibh sodales non. Phasellus blandit est nibh, non condimentum nulla laoreet quis. Nulla convallis tortor quam, non pharetra turpis aliquet et. Praesent non mauris ac est sollicitudin volutpat. Praesent ut suscipit lectus, ut venenatis ipsum. Cras feugiat lobortis vestibulum. Suspendisse lacinia facilisis sapien, a vestibulum lorem luctus non. </p></td></tr></table>

Поделиться542014-11-05 21:45:10

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

снова статья хд

Код:

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

<table><tr><td vAlign="center">
<div class="outrun">BETTER<br><color=#daae52>OUTRUN</color><br>MY BULLET</div>
<div class="outrun2">BETTER<br><color=#daae52>OUTRUN</color><br>MY BULLET</div>
</td><td>

<div class="hoveerr" style="background-image: url('http://i.imgur.com/VWUsgsZ.png'); ">

<div class="wordd">00 WORDS <br> TAG NAME HERE</div>
<div class="notee">SOME BRIEF NOTES</div>

</div></td></tr>
<tr><td colspan="2">
<div class="toproww"></div>
<div class="dalbody">

Aenean pharetra velit in dui ornare, accumsan aliquam ipsum sodales. Quisque malesuada velit non lacus suscipit, quis condimentum felis porttitor. Nunc vitae mauris vel mauris imperdiet elementum lacinia ut neque. In lacinia volutpat iaculis. Donec lobortis fringilla ultrices. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque congue erat ut mauris aliquam convallis.<p>

Fusce bibendum eros enim. Aenean odio nulla, mattis nec ipsum non, vulputate dapibus elit. Phasellus tellus arcu, laoreet sit amet pharetra non, aliquet ornare urna. Aliquam venenatis metus lectus, a placerat ipsum laoreet non. In vehicula urna est. Donec eu justo sed metus tristique lacinia et ac arcu. Suspendisse pellentesque, ligula quis rutrum convallis, tortor enim eleifend purus, quis viverra enim ipsum vitae leo. Sed malesuada id nisi ut scelerisque. Etiam sollicitudin consectetur nisl, sed sagittis dui cursus ut. Proin facilisis augue sit amet tellus placerat, sit amet pulvinar ligula dapibus.

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

<div style="font-family: oswald; color: #2f2f2f; font-size: 13px; text-transform: uppercase;">Template by Dali of Candyland Couture</div>
<style>
.hoveerr { height: 210px; width: 245px; border: 8px solid #ffffff; margin-left: 10px; box-shadow: 1px 1px 3px #c2c2c2; overflow: hidden; }
.wordd { margin-top: -60px; background-color: #daae52; padding: 3px; color: #2f2f2f; font-family: oswald; font-size: 14px; text-align: center; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.notee { margin-top: 250px; background-color: #2f2f2f; padding: 3px; color: #daae52; font-family: oswald; font-size: 14px; text-align: center; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.hoveerr:hover  .wordd { margin-top: 60px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.hoveerr:hover  .notee { margin-top: 10px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.toproww { border-left: 20px solid #daae52; background-color: #2f2f2f; height: 20px; }
.dalbody { width: 370px; font-size: 10px; font-family: calibri; text-align: justify; line-height: 13px; padding: 20px; background-color: #ffffff; box-shadow: 1px 1px 3px #c2c2c2; }
.outrun { text-align: right; font-family: OSWALD; font-size: 34px; font-weight: bold; color: #252525; line-height: 34px; letter-spacing: -2px; position: relative;}
.outrun2 {margin-top: 05px; text-align: right; font-family: OSWALD; font-size: 34px; font-weight: bold; color: #252525; line-height: 34px; letter-spacing: -2px; position: relative; opacity: 0.5; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); }
</style>
</center>

Поделиться552014-11-05 21:47:38

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Вполне покатит под правила

Код:

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<style type="text/css">

/* CODE FROM TYMPANUS DO NOT TOUCH  */

.ch-item {
    width: 250px;
    height: 250px;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
    position: relative;
    cursor: default;
    padding-top: 40px;
}
.ch-info{
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
    background-position: center center;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;

}

.ch-info .ch-info-front {
    box-shadow: inset 0 0 0 16px rgba(217,172,131,0.9);
	-webkit-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9);
	-moz-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9);
	-o-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9)
}

.ch-info .ch-info-back {
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    background: #79725F;
    opacity: 0;
    box-shadow: inset 0 0 0 16px rgba(217,172,131,0.9);
	-webkit-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9);
	-moz-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9);
	-o-box-shadow: inset 0 0 0 16px rgba (217, 172, 131, 0.9)
}


 
.ch-info p a:hover {
    color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-front {
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}

.ch-item:hover .ch-info-back {
    transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-webkit-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


/* IMAGE CODES HERE  */
.ch-img-1 {
background-image: url(250X250 IMAGE);
}

img.icon { border: 1px solid #D9AC83;     border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%; }
.iconarea { width: 110px; height: 110px; float: left; }

</style>
<center>
<div style="width: 450px; height: 675px; background-color: #A0A0A0;"><div style="width: 450px; height: 250px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/1323/1323503.png?1298908832); border-bottom: 30px solid #79725F;">    <div class="ch-item">            
        <div class="ch-info">
            <div class="ch-info-front ch-img-1"></div>
            <div class="ch-info-back">
<div style="font-family: tulpen one; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; padding-top: 80px; width: 200px; opacity: .85; color: #FFF4D5;">tag: here<p>
words: 000 words<p>
notes: here<p>
            </div>   
        </div>
    </div>
<div style=" width: 380px; height: 315px; margin-top: 270px; margin-left: -74px; background-color: #F2F2F2;padding: 10px; overflow: auto; text-align: justify; font-family: georgia; font-size: 10px; letter-spacing: 1px;"><div class="iconarea"><img src="100X100 ICON" class="icon"></div> ROLEPLAY POST HERE</div>
</div>


</center>

Поделиться562014-11-05 22:04:11

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

Код:

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

<img src="http://i.imgur.com/sXlRxtK.png" class="shoticon"><p>
<div class="shottext">

nec dui metus. Suspendisse mattis elit ac nulla molestie rhoncus. Nulla tincidunt, ante vel consequat fermentum, nulla metus luctus justo, quis malesuada dui metus sit amet nisi. Nam faucibus lobortis mauris, vitae sagittis lectus cursus vel. Vestibulum viverra tempus lorem, fermentum sodales justo pharetra at. Aenean justo tellus, venenatis eu nunc et, imperdiet facilisis neque. Duis quis metus accumsan, bibendum massa nec, egestas dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque laoreet augue a faucibus pretium. Integer in justo fringilla, porttitor nisl at, tincidunt leo.<p>

Duis lacinia lectus diam, a tristique lorem euismod vitae. Sed magna nunc, dignissim sit amet odio at, luctus laoreet leo. Nam bibendum nisi vel suscipit fringilla. Donec venenatis nibh et ante lacinia, ut lacinia est blandit. Vestibulum mollis at eros vitae pulvinar. Donec quis sem sit amet quam mollis accumsan. Nulla vel quam nunc.<p>

Sed sollicitudin lorem eu lobortis luctus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec nec eleifend mauris. Nulla varius elit sit amet metus laoreet, sit amet vehicula enim ultrices. Cras sed tincidunt elit. Etiam vulputate tellus ligula, vel egestas est consequat sit amet. Vivamus mi ipsum, tempor a ullamcorper id, suscipit ut ipsum. Curabitur volutpat ipsum ac neque varius, vitae luctus enim feugiat. Fusce nec nisl enim. Sed feugiat aliquam ipsum, at eleifend metus volutpat eget.<p>

Etiam nisl sem, suscipit in iaculis in, varius et libero. Duis at lacinia lectus. Cras consectetur risus ac massa porta suscipit. Phasellus vitae enim lacinia, commodo turpis in, ultrices justo. In id magna tempus, imperdiet massa at, facilisis libero. Praesent iaculis facilisis tincidunt. Mauris placerat risus et accumsan facilisis. Donec quis leo placerat, iaculis ligula quis, vestibulum nibh. Phasellus fermentum orci quis porttitor sagittis. Mauris et quam nisi.

</div><div class="shotbody">
<div class="shottag">000 WORDS - TAG NAME</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;"><tr><td vAlign="top"><div class="shot1">S</div></td><td vAlign="top"><div class="shot2">H</div></td><td vAlign="top"><div class="shot3">O</div></td><td vAlign="top"><div class="shot4">T</div></td><td vAlign="top"><div class="shot5"> </div></td><td vAlign="top"><div class="shot6">M</div></td><td vAlign="top"><div class="shot7">E</div></td><td vAlign="top"><div class="shot8"> </div></td><td vAlign="top"><div class="shot9">D</div></td><td vAlign="top"><div class="shot10">O</div></td><td vAlign="top"><div class="shot11">W</div></td><td vAlign="top"><div class="shot12">N</div></td>
<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">My baby shot me down</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of cc</div></div><p>

<style>
.shoticon { border: 8px solid #454545; background-color: #454545; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #f1f1f1;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #454545;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;  } .shottag { background-color: #454545; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflwo: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #cc0000; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;  } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 {  border-top: 19px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 {  border-top: 8px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 {  border-top: 22px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 {  border-top: 13px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 {  border-top: 5px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 {  border-top: 32px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 {  border-top: 10px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 {  border-top: 5px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 {  border-top: 24px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 {  border-top: 11px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px;  width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 {  border-top: 39px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 {  border-top: 26px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #454545; border-top: 5px solid #454545; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 {  border-top: 7px solid #cc0000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>

Поделиться572014-11-05 22:07:12

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

статеечка

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'><center><div style="width: 250px; font-family: georgia; font-size: 9px; line-height: 100%; text-align: justify; padding: 30px; background-color: #fafafa; color: #222; border: 20px solid #222"><div style="width: 250px; height: 200px; background-image: url(250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE 250X200 IMAGE HERE)"></div><div style="width: 250px; font-family: 'Sacramento', cursive; font-size: 40px; text-align: center; text-transform: lowercase; line-height: 70%; color: #222; text-shadow: 1px 1px 0px #fff">my heart stops ,.</div><div style="width: 250px; font-family: calibri, sans-serif; font-size: 7px; text-transform: uppercase; line-height: 70%; text-align: center; color: #222; letter-spacing: 6px">when you look at me</div><div style="height: 10px"></div>

post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay post here yay 

</div></center>

Поделиться582014-11-05 22:07:34

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

и снова статеечка

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background-color: #000; }
::-webkit-scrollbar-corner { background-color: #fff; }
</style>
<center>
<div style="width: 400px; height: 40px; padding: 10px; padding-top: 10px; background-color: #000; font-family: oswald; font-size: 30px; color: #fff;"><div style="padding-top: 10px;">EASY TO FALL HARD TO BREAK</div></div>
<div style="width: 400px; padding: 10px; background-color: #fff; height: 320px;">
<table>
<td><div style="width: 192px; padding-right: 3px; height: 320px; overflow: auto; text-transform: lowercase; font-family: arial; font-size: 9px; line-height: 10px; text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et nibh mauris, in mattis elit. Sed eget massa a est varius vestibulum. Donec dapibus placerat nisl vitae faucibus. Mauris nec velit diam, quis porta libero. Etiam hendrerit tempor tortor id aliquam. Vestibulum luctus nisi ac orci venenatis nec iaculis mauris posuere. Aliquam a eleifend tellus. Morbi in quam vitae nunc ultricies scelerisque. Mauris lacinia nunc vitae felis feugiat non posuere nibh convallis. Duis non sem purus, quis tempus velit. Ut in quam quam. Etiam posuere neque quis lectus rhoncus tristique. Suspendisse consectetur placerat dui id semper. Sed hendrerit suscipit elementum. Etiam lacinia condimentum lectus, nec viverra sapien sollicitudin et.

Cras malesuada lacus at mi lacinia viverra iaculis dolor accumsan. Vestibulum ac quam quis justo lacinia mollis vitae eget lacus. Donec eleifend neque quis ante pulvinar luctus. Ut dolor turpis, dapibus nec pharetra eget, hendrerit non tortor. Quisque tincidunt felis ut diam congue ullamcorper. Suspendisse quis est eu ipsum tincidunt vulputate. Morbi nec felis id nibh dapibus blandit a vitae purus. Suspendisse vel aliquam ante. Ut ante nunc, rhoncus eget hendrerit ut, sodales at nisl. Integer suscipit sollicitudin lorem bibendum mollis.

Curabitur posuere feugiat quam, id varius est blandit a. Suspendisse porttitor dui et diam tincidunt posuere porta metus commodo. Suspendisse mollis elementum viverra. Praesent adipiscing arcu non tortor placerat varius. Praesent vitae odio ut nibh molestie bibendum. Integer pretium consectetur viverra. Pellentesque imperdiet nisl eget mi commodo mollis. Mauris mi lacus, rutrum eget lacinia eu, fringilla nec ligula. Sed venenatis, justo nec consectetur pretium, elit mauris blandit urna, a condimentum dui velit a erat. Phasellus dictum mollis erat, pharetra feugiat mauris viverra commodo. </div></td><td><img src="http://placehold.it/200x300">
<div style="width: 200px; height: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #000; font-family: tahoma; font-size: 6px; text-transform: uppercase; color: #fff; text-align: center;">TAG: WORDS: OUTFIT: NOTES:</div></td></table></div>
<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=42"><div style="width: 420px; background-color: #000; height: 20px;"></div></a>
</center>

Поделиться592014-11-05 22:08:50

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

часть объявы амс

Код:

<!--HTML--><div align="center"> <div class="peekatop">to the fella over there with the hella good hair</div> <table cellpadding="0" cellspacing="0"><tr><td><div class="peekamg1"><div class="peekamg"><img src="https://31.media.tumblr.com/94614bae00ed227c817c93f1fc059524/tumblr_inline_nb73khX6cE1svwqm6.png"></div></div></td><td> <div class="peekamg3"><div class="peekamg"><img src="https://38.media.tumblr.com/95106183cb1cd0ed516b173ffae0e7d2/tumblr_nb30tc9bJH1qguho5o1_500.jpg"></div></div> <table cellpadding="0" cellspacing="0"><tr><td><div class="peekamg2"><div class="peekamg"><img src="https://31.media.tumblr.com/a4cc6a2fd0205f4cfc59cb9c3fb098a0/tumblr_inline_nb73l7I4A61svwqm6.png"></div></div></td><td><div class="peekamp3"><div style="height: 30px;"></div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="85" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#FEFCFD"><param name="FlashVars" value="mp3=https://a.tumblr.com/tumblr_naorzpBxl91s549pjo1_r1.mp3&amp;loadingcolor=F60084&amp;buttoncolor=F60084&amp;slidercolor=F60084"></object></div></td></tr></table> </td></tr></table> <div class="peekabottom">Won't you come on over, baby? We can shake, shake, shake</div> </div><style> .peekatop { width: 340px; height: 30px; line-height: 30px; font-size: 13px; letter-spacing: -1px;font-family: arial; font-weight: bold; font-style: italic; text-transform: lowercase; color: #F60084; background-color: #FEFCFD; margin-bottom: 5px; } .peekabottom { width: 340px; height: 30px; line-height: 30px; font-size: 13px; letter-spacing: -1px; font-family: arial; font-weight: bold; font-style: italic; text-transform: lowercase; color: #FEFCFD; background-color: #F60084; margin-top: 5px;} .peekamg { opacity: 0.7; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .peekamg1 { width: 160px; height: 160px; overflow: hidden; margin-right: 5px; background-color: #fff; } .peekamg1 img { width: 160px; height:: auto; } .peekamg2 { width: 85px; height: 75px; overflow: hidden; margin-top: 5px; background-color: #F60084; } .peekamg2 img { width: 85px; height:: auto; } .peekamg3 { width: 175px; height: 80px; overflow: hidden; background-color: #F60084; } .peekamg3 img { width: 175px; } .peekamp3 { height: 75px; margin-left: 5px; margin-top: 5px; width: 85px; background-color: #FEFCFD; } </style>

Поделиться602014-11-05 22:09:33

Автор: niagara
dharma bum
Зарегистрирован: 2014-10-22
Приглашений: 0
Сообщений: 153
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 3 часа
Последний визит:
2015-06-05 20:57:48

шаблон принятия

Код:

<!--HTML--><style type="text/css">.siglinks { width: 140px; font-family: times, serif; font-size: 10px; color: #fff; line-height: 100%; text-align: right; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-transform: lowercase; display: block; margin-bottom: 1px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; font-style: italic; letter-spacing: 2px; }.siglinks:hover { width: 190px;  padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-transform: lowercase; font-family: times, serif; font-size: 10px; color: #fff; line-height: 100%; text-align: right; font-style: italic; letter-spacing: 2px;}</style><center><table cellpadding="0" cellspacing="0"><td><div style="width: 200px; height: 300px; background-image: url(http://i.imgur.com/V3JjwPB.png);"><div style="height: 10px;"></div><div style="width: 178px; height: 278px; border: 1px solid #fff; margin-left: 10px;"></div></div></td><td><div style="width: 5px;"></div></td><td valign="top"><div style="width: 200px;"><a href="LINK HERE" class="siglinks" style="background-color: #6097c0; color: #fff; text-transform: lowercase; font-family: times, serif; font-size: 10px; letter-spacing: 2px; line-height: 100%">NAME OF LINK.</a> <a href="LINK HERE" class="siglinks" style="background-color: #1e3750; color: #fff; text-transform: lowercase; font-family: times, serif; font-size: 10px; letter-spacing: 2px; line-height: 100%">NAME OF LINK.</a> <a href="LINK HERE" class="siglinks" style="background-color: #031829; color: #fff; text-transform: lowercase; font-family: times, serif; font-size: 10px; letter-spacing: 2px; line-height: 100%">NAME OF LINK.</a> <a href="LINK HERE" class="siglinks" style="background-color: #6097c0; color: #fff; text-transform: lowercase; font-family: times, serif; font-size: 10px; letter-spacing: 2px; line-height: 100%">NAME OF LINK.</a> <a href="LINK HERE" class="siglinks" style="background-color: #1e3750; color: #fff; text-transform: lowercase; font-family: times, serif; font-size: 10px; letter-spacing: 2px; line-height: 100%">NAME OF LINK.</a> <div style="width: 130px; height: 175px; background-color: #031829; padding: 10px;"><div style="width: 128px; height: 173px; border: 1px solid #fff;"><div style="width: 108px; height: 153px; padding: 10px;"><div style="width: 108px; height: 153px; font-family: times, serif; font-size: 7px; line-height: 100%; color: #fff; overflow: hidden; text-transform: uppercase; text-align: justify; letter-spacing: 1px;">If you love somebody Better tell them while they’re here cause They just may run away from you You’ll never know quite when well Then again it just depends on How long of time is left for you I’ve had the highest mountains I’ve had the deepest rivers You can have it all but life keeps moving I take it in but don’t look down Cause I’m on top of the world I’m on top of the world Waiting on this for a while now Paying my dues to the dirt I’ve been waiting to smile Been holding it in for a while Take you with me if I can Been dreaming of this since a child I’m on top of the world</div></div></div></div></div></td></table><div style="width: 405px; font-family: times, serif; color: #555; text-align: left; line-height: 100%; font-size: 7px; text-transform: uppercase;"><a href="http://burtonar.tumblr.com/tagged/textures" style="font-family: times, serif; color: #555; text-align: left; line-height: 100%; font-size: 7px; text-transform: uppercase;">&copy;</a></div></center>

Страница: « 1 2 3 4 »

orlando

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

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

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

коды

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

Поделиться312014-11-05 20:36:33

Поделиться322014-11-05 20:40:04

Поделиться332014-11-05 20:41:26

Поделиться342014-11-05 20:42:36

Поделиться352014-11-05 20:44:49

Поделиться362014-11-05 20:46:19

Поделиться372014-11-05 20:47:06

Поделиться382014-11-05 20:50:25

Поделиться392014-11-05 20:52:32

Поделиться402014-11-05 20:53:25

Поделиться412014-11-05 20:56:37

Поделиться422014-11-05 21:00:12

Поделиться432014-11-05 21:01:05

Поделиться442014-11-05 21:06:53

Поделиться452014-11-05 21:11:47

Поделиться462014-11-05 21:12:47

Поделиться472014-11-05 21:29:05

Поделиться482014-11-05 21:29:29

Поделиться492014-11-05 21:31:58

Поделиться502014-11-05 21:36:15

Поделиться512014-11-05 21:36:45

Поделиться522014-11-05 21:38:34

Поделиться532014-11-05 21:42:58

Поделиться542014-11-05 21:45:10

Поделиться552014-11-05 21:47:38

Поделиться562014-11-05 22:04:11

Поделиться572014-11-05 22:07:12

Поделиться582014-11-05 22:07:34

Поделиться592014-11-05 22:08:50

Поделиться602014-11-05 22:09:33