un élégant bouquet, 1886

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

un élégant bouquet, 1886

Mensagem por Ojou-sama em Seg Ago 10, 2015 11:27 pm

Spoiler:

Código:
<style type="text/css">.babyscroll::-webkit-scrollbar {height:70px; width: 5px; background-color: #999999;} .babyscroll::-webkit-scrollbar-thumb { background-color: #000000; width:5px;}</style>

<link href='http://fonts.googleapis.com/css?family=News+Cycle:700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><center><table cellspacing="0" cellpadding="0"><td><div style="background-image:url(http://40.media.tumblr.com/739966906a7ea8f27655f6b642bea3df/tumblr_ngyei4iGJU1rcf6qlo2_500.png); background-size: 300px; width: 250px; height: 110px; padding: 15px; padding-top: 50px;"><center><div style="background-color: transparent; border: solid 2px #fff; width: 200px; height: 70px; padding: 2px; opacity: 0.9;"><div style="background-color: #fff; width: 170px; height: 40px; padding: 15px; font-family: times new roman; font-size: 9.5px; color: #666; line-height: 93%; text-align: justify; letter-spacing: 1px; text-transform: lowercase;">Maecenas eget orci orci. Nam lacus libero, finibus eu cursus vulputate, ullamcorper vel dui. Mauris quis augue felis. Fusce tristique molestie ipsum ut convallis. </div></div></center></div></td><td><div style="background-color: #e2dfce; width: 80px; height: 145px; padding: 15px; line-height: 120%; text-align: right; letter-spacing: 1px; text-transform: lowercase; font-family: Yanone Kaffeesatz; font-size: 27px; color: transparent; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; font-style: bold;">[u]Un élégant bouquet 1886[/u]</div></td></table><div style="background-color: #fff; width: 380px; height: 380px; padding: 5px;"><div style="background-color: transparent; width: 350px; height: 350px; font-family: calibri; font-size: 11.5px; line-height: 100%; text-align: justify; color: #333; overflow: auto; padding: 5px;" div class="babyscroll">Proin condimentum augue orci, at congue erat sodales nec. Aenean porta ligula pretium, hendrerit justo et, auctor ante. Proin nibh massa, euismod sit amet libero nec, dignissim vehicula ex. Nam ut ex orci. Sed nec pulvinar quam. Ut risus urna, rhoncus quis mi a, aliquam hendrerit magna. Donec rhoncus placerat arcu, at rutrum ex dapibus in.

[b]— Sed ante lorem, ultrices nec orci nec, luctus malesuada justo.[/b] — Sed laoreet commodo eros in lobortis. Duis efficitur sapien vitae nunc tincidunt molestie. Nulla vehicula nunc in dolor tincidunt egestas. Aliquam erat volutpat. In eget justo risus. Nam eget sodales arcu. Nam ac vulputate neque, ac varius ante. Donec et dictum turpis, vitae pellentesque diam. Nam ornare nisi et maximus porta. Aenean sit amet enim ac risus venenatis consectetur. Vestibulum consequat nunc libero, id finibus magna venenatis non. Mauris eget metus sed dui convallis auctor in sit amet sem. Nam sed neque quis erat bibendum lacinia.

Suspendisse efficitur, orci at semper laoreet, risus odio efficitur ligula, sit amet tincidunt leo sem finibus risus. Mauris malesuada sem sed diam finibus posuere. Donec ipsum ligula, mollis mattis purus ac, pulvinar egestas neque. Suspendisse lacinia viverra mollis. Vestibulum congue augue eu ex volutpat, ac mollis ante aliquet. Suspendisse pellentesque odio id justo fringilla posuere. Nulla a sapien in urna egestas pharetra. Vestibulum elementum, libero eget volutpat tincidunt, velit enim congue ligula, mollis posuere nibh tellus vitae tellus. Nunc eu sagittis massa. Morbi in pulvinar enim. Praesent sagittis nibh vel elit ultricies porta. Integer lorem est, congue eget malesuada quis, volutpat vel sapien. [i]Integer porttitor vel nulla et tempus. Morbi sodales ultricies ultricies. Nunc rutrum lobortis ipsum sit amet commodo. Vivamus porta, odio quis laoreet sollicitudin, elit turpis gravida ex, eu pretium tellus est id ex.[/i]

Nulla facilisi. Nulla hendrerit rutrum mauris, quis sagittis arcu congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et tincidunt erat. Pellentesque rutrum dui at ipsum commodo, at convallis libero tincidunt. Aenean mattis, purus nec tempor ultricies, massa magna iaculis ligula, pharetra sollicitudin ante nulla vitae justo. In vitae odio sollicitudin, tincidunt erat eu, vestibulum turpis. Donec nec condimentum mauris. Donec pretium est eu velit tincidunt, eget varius arcu vulputate. Fusce dictum, odio ut faucibus bibendum, lorem orci viverra nulla, vitae molestie metus magna sed mi. Aenean tempor turpis id turpis pellentesque, nec auctor felis venenatis. Phasellus lobortis nisi quam, vitae feugiat justo egestas id.</div></div><div style="background-color: #e2dfce; width: 380px; padding: 5px;">Hell</div></center>

Código:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
<style type="text/css">
#fob { width: 500px; height: 250px; position: relative; overflow: hidden; top: 0px; left: 0px;}
#fob .alright { -moz-transition-duration: 1s;  -webkit-transition-duration: 1s;  -o-transition-duration: 1s; position: absolute; top: -250px; opacity: 1 }
#fob:hover .alright { -moz-transition-duration: 1s;  -webkit-transition-duration: 1s;  -o-transition-duration: 1s; top: 0px; }
.kids { width: 318px; height: 160px; padding-right: 10px; overflow: auto; text-align: justify; font-family: arial; font-size: 11px; line-height: 160%; }
.kids::-webkit-scrollbar-thumb{
background-color: #000;
border: 2px solid #fff;
height: auto;
}
.kids::-webkit-scrollbar {
height: auto;
width: 5px;
background-color: #000;
border: 5px solid #fff;
}
</style>
<center>

<div style="width: 500px; padding: 3px; border: 1px solid #111;">
<div style="width: 420px; padding: 40px; background-color: #111;">
<div style="width: 420px; height: 50px; text-align: center; color: #fff; display: inline; overflow: hidden;">
<font style="display: inline; position: relative; top: -13px; left: -3px; font-family: times; text-transform: lowercase; font-size: 9px; font-style: italic; letter-spacing: 1px; padding-bottom: 4px; border-bottom: 1px solid #fff;">

mulder

</font> <font style="font-family: 'Playfair Display SC', serif; text-transform: uppercase; font-size: 30px; line-height: 50px;">

benjamin

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

<div style="width: 500px; height: 250px; background-image: url(http://auto.img.v4.skyrock.net/3742/78833742/pics/3224957763_1_2_hfnC7s18.gif); background-size: 540px;">

<div id="fob"><div class="alright">

<div style="width: 500px; height: 250px; background-image: url(http://i.imgur.com/pvCYWum.png)">

<div style="width: 430px; height: 180px; padding: 15px; position: relative; top: 20px; background-color: #fff;">
<table cellpadding="0" cellspacing="0">
<td><div style="width: 50px; height: 50px; padding: 10px; border: 1px solid #eee;"><div style="width: 50px; height: 50px; overflow: hidden;">

<img src="http://images.gizmag.com/gallery_tn/dawn-ceres-arrival-0.jpg" height="50">

</div></div>
<div style="width: 60px; height: 9px; padding: 10px 5px; border: 1px solid #eee; margin: 5px 0px; line-height: 9px; text-align: center; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px;">

25

</div>
<div style="width: 60px; height: 9px; padding: 10px 5px; border: 1px solid #eee; margin: 5px 0px; line-height: 9px; text-align: center; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px;">

king

</div>
<div style="width: 60px; height: 9px; padding: 10px 5px; border: 1px solid #eee; margin: 5px 0px; line-height: 9px; text-align: center; font-family: verdana; text-transform: uppercase; font-size: 7px; letter-spacing: 1px;">

jay

</div></td>
<td><div style="width: 328px; height: 160px; padding: 10px; margin-left: 10px; background-color: #fff;">
<div class="kids">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit sapien vitae tempus pellentesque. Integer cursus mi eget tristique mollis. Suspendisse potenti. Nunc dui tellus, imperdiet eget purus vitae, interdum lobortis libero. Morbi faucibus maximus lorem, sit amet feugiat sem vehicula a. Etiam mollis aliquam eleifend. Donec in enim consequat, lacinia est nec, finibus lectus.

<p>Suspendisse libero diam, pharetra in nisi vitae, euismod luctus metus. Morbi vel ante rhoncus, rutrum nulla non, fringilla mi. Vestibulum condimentum vel enim sed facilisis. Ut lectus ipsum, gravida sit amet nunc sed, suscipit sodales ipsum. Nunc hendrerit augue quis tempus malesuada. Quisque condimentum ante eget sapien finibus, vel viverra ante pellentesque. Praesent tincidunt dui porttitor, dapibus lorem ac, ultricies quam. Nunc quis odio a purus vestibulum tincidunt quis eget nibh. Curabitur eros ante, convallis sed enim eget, eleifend venenatis tellus. Pellentesque id ornare leo, ut interdum massa.
</div>
</div></td>
</table>
</div>
</div>
</div></div>
</div>
</div>

</center>
[/dohtml]

Spoiler:

Código:
<style type="text/css">.babyscroll::-webkit-scrollbar {height:70px; width: 5px; background-color: #999999;} .babyscroll::-webkit-scrollbar-thumb { background-color: #000000; width:5px;}</style>

<link href='http://fonts.googleapis.com/css?family=News+Cycle:700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><center><table cellspacing="0" cellpadding="0"><td><div style="background-image:url(http://40.media.tumblr.com/739966906a7ea8f27655f6b642bea3df/tumblr_ngyei4iGJU1rcf6qlo2_500.png); background-size: 300px; width: 260px; height: 110px; padding: 15px; padding-top: 50px;"><center><div style="background-color: transparent; border: solid 2px #fff; width: 200px; height: 70px; padding: 2px; opacity: 0.9;"><div style="background-color: #fff; width: 170px; height: 40px; padding: 15px; font-family: times new roman; font-size: 9.5px; color: #666; line-height: 93%; text-align: justify; letter-spacing: 1px; text-transform: lowercase;">Maecenas eget orci orci. Nam lacus libero, finibus eu cursus vulputate, ullamcorper vel dui. Mauris quis augue felis. Fusce tristique molestie ipsum ut convallis. </div></div></center></div></td><td><div style="background-color: #111; width: 70px; height: 145px; padding: 15px; line-height: 120%; text-align: right; letter-spacing: 1px; text-transform: lowercase; font-family: Yanone Kaffeesatz; font-size: 27px; color: transparent; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; font-style: bold;"></div></td></table><div style="background-color: #fff; width: 380px; height: 430px; padding: 5px;"><div style="font-family: garamond; color: transparent; font-size: 55px; text-align: center; letter-spacing: -2px; text-transform: lowercase; font-style: italic; text-shadow: 1px 1px 1px #d9d5c4;">Un élégant b. 1886,</div><div style="background-color: transparent; width: 360px; height: 350px; font-family: calibri; font-size: 11.5px; line-height: 100%; text-align: justify; color: #333; overflow: auto; padding: 10px;" div class="babyscroll">Proin condimentum augue orci, at congue erat sodales nec. Aenean porta ligula pretium, hendrerit justo et, auctor ante. Proin nibh massa, euismod sit amet libero nec, dignissim vehicula ex. Nam ut ex orci. Sed nec pulvinar quam. Ut risus urna, rhoncus quis mi a, aliquam hendrerit magna. Donec rhoncus placerat arcu, at rutrum ex dapibus in.

[b]— Sed ante lorem, ultrices nec orci nec, luctus malesuada justo.[/b] — Sed laoreet commodo eros in lobortis. Duis efficitur sapien vitae nunc tincidunt molestie. Nulla vehicula nunc in dolor tincidunt egestas. Aliquam erat volutpat. In eget justo risus. Nam eget sodales arcu. Nam ac vulputate neque, ac varius ante. Donec et dictum turpis, vitae pellentesque diam. Nam ornare nisi et maximus porta. Aenean sit amet enim ac risus venenatis consectetur. Vestibulum consequat nunc libero, id finibus magna venenatis non. Mauris eget metus sed dui convallis auctor in sit amet sem. Nam sed neque quis erat bibendum lacinia.

Suspendisse efficitur, orci at semper laoreet, risus odio efficitur ligula, sit amet tincidunt leo sem finibus risus. Mauris malesuada sem sed diam finibus posuere. Donec ipsum ligula, mollis mattis purus ac, pulvinar egestas neque. Suspendisse lacinia viverra mollis. Vestibulum congue augue eu ex volutpat, ac mollis ante aliquet. Suspendisse pellentesque odio id justo fringilla posuere. Nulla a sapien in urna egestas pharetra. Vestibulum elementum, libero eget volutpat tincidunt, velit enim congue ligula, mollis posuere nibh tellus vitae tellus. Nunc eu sagittis massa. Morbi in pulvinar enim. Praesent sagittis nibh vel elit ultricies porta. Integer lorem est, congue eget malesuada quis, volutpat vel sapien. [i]Integer porttitor vel nulla et tempus. Morbi sodales ultricies ultricies. Nunc rutrum lobortis ipsum sit amet commodo. Vivamus porta, odio quis laoreet sollicitudin, elit turpis gravida ex, eu pretium tellus est id ex.[/i]

Nulla facilisi. Nulla hendrerit rutrum mauris, quis sagittis arcu congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et tincidunt erat. Pellentesque rutrum dui at ipsum commodo, at convallis libero tincidunt. Aenean mattis, purus nec tempor ultricies, massa magna iaculis ligula, pharetra sollicitudin ante nulla vitae justo. In vitae odio sollicitudin, tincidunt erat eu, vestibulum turpis. Donec nec condimentum mauris. Donec pretium est eu velit tincidunt, eget varius arcu vulputate. Fusce dictum, odio ut faucibus bibendum, lorem orci viverra nulla, vitae molestie metus magna sed mi. Aenean tempor turpis id turpis pellentesque, nec auctor felis venenatis. Phasellus lobortis nisi quam, vitae feugiat justo egestas id.</div></div><div style="background-color: #e2dfce; width: 380px; padding: 5px;">Hell</div></center>


Última edição por Ojou-sama em Sex Set 04, 2015 5:21 pm, editado 1 vez(es)
avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Re: un élégant bouquet, 1886

Mensagem por Ojou-sama em Qua Ago 12, 2015 5:52 pm

Código:
<style type="text/css"> .babyimg {opacity: 0; filter: alpha(opacity=0);} .babyimg:hover {opacity: 0.9;filter: alpha(opacity=90);} .babyscroll::-webkit-scrollbar {width: 5px; background-color: #fff;} .babyscroll::-webkit-scrollbar-thumb {background-color: #000000; width:5px;}</style>


<link href='http://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=News+Cycle:700' rel='stylesheet' type='text/css'><center><table cellspacing="4" cellpadding="0"><td><div style="background-image:url(http://40.media.tumblr.com/739966906a7ea8f27655f6b642bea3df/tumblr_ngyei4iGJU1rcf6qlo2_500.png); background-size: 300px; width: 230px; height: 195px; padding: 15px;"><center><div style="background-color: transparent; border: solid 2px #fff; width: 200px; height: 80px; padding: 2px; position: relative; top: 110px;" div class="babyimg"><div style="background-color: #fff; width: 170px; height: 50px; padding: 15px; font-family: times new roman; font-size: 9.5px; color: #666; line-height: 93%; text-align: justify; letter-spacing: 1px; text-transform: lowercase;">Maecenas eget orci orci. Nam lacus libero, finibus eu cursus vulputate, ullamcorper vel dui. Mauris quis augue felis. Fusce tristique molestie ipsum ut convallis. Aenean mattis, purus nec tempor. </div></div></center></div><div style="background-color: #333; width: 260px; height: 140px; margin-top: 4px;"></div></td><td><div style="background-color: #111; width: 190px; height: 360px; padding: 5px;"><div style="background-color: #fff; width: 180px; height: 350px; padding: 5px; font-family: arapey; letter-spacing: 0px; font-size: 12px; color: #444; text-align: justify; line-height: 100%; overflow: auto; text-transform: none;" div class="babyscroll">Nulla facilisi. Nulla hendrerit rutrum mauris, quis sagittis arcu congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et tincidunt erat. Pellentesque rutrum dui at ipsum commodo, at convallis libero tincidunt. Aenean mattis, purus nec tempor ultricies, massa magna iaculis ligula, pharetra sollicitudin ante nulla vitae justo. In vitae odio sollicitudin, tincidunt erat eu, vestibulum turpis. Donec nec condimentum mauris. Donec pretium est eu velit tincidunt, eget varius arcu vulputate. Fusce dictum, odio ut faucibus bibendum, lorem orci viverra nulla, vitae molestie metus magna sed mi. Aenean tempor turpis id turpis pellentesque, nec auctor felis venenatis. Phasellus lobortis nisi quam, vitae feugiat justo egestas id.

Nulla facilisi. Nulla hendrerit rutrum mauris, quis sagittis arcu congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et tincidunt erat. Pellentesque rutrum dui at ipsum commodo, at convallis libero tincidunt. Aenean mattis, purus nec tempor ultricies, massa magna iaculis ligula, pharetra sollicitudin ante nulla vitae justo. In vitae odio sollicitudin, tincidunt erat eu, vestibulum turpis. Donec nec condimentum mauris. Donec pretium est eu velit tincidunt, eget varius arcu vulputate. Fusce dictum, odio ut faucibus bibendum, lorem orci viverra nulla, vitae molestie metus magna sed mi. Aenean tempor turpis id turpis pellentesque, nec auctor felis venenatis. Phasellus lobortis nisi quam, vitae feugiat justo egestas id.

Nulla facilisi. Nulla hendrerit rutrum mauris, quis sagittis arcu congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et tincidunt erat. Pellentesque rutrum dui at ipsum commodo, at convallis libero tincidunt. Aenean mattis, purus nec tempor ultricies, massa magna iaculis ligula, pharetra sollicitudin ante nulla vitae justo. In vitae odio sollicitudin, tincidunt erat eu, vestibulum turpis. Donec nec condimentum mauris. Donec pretium est eu velit tincidunt, eget varius arcu vulputate. Fusce dictum, odio ut faucibus bibendum, lorem orci viverra nulla, vitae molestie metus magna sed mi. Aenean tempor turpis id turpis pellentesque, nec auctor felis venenatis. Phasellus lobortis nisi quam, vitae feugiat justo egestas id.</div></td></table><div style="background-color: #111; width: 464px; height: 50px; border-bottom: solid 5px #333; padding-top:20px;"><div style="font-family: news cycle; font-size: 8px; color: #fff; text-align: center; letter-spacing: 3px;">— IMPOSSIBLE LOVE —</div></div></center>
avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum