Share | 
 

 Your first subject

Rodyti ankstesnę temą Rodyti sekančią temą Go down 
Pereiti prie : 1, 2  Next
AutoriusPranešimas
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Your first subject   Pir. 02 24, 2014 9:54 am

Take some time to read this information before starting to use the administration of your forum:

How to access your administration panel ?
In the top menu, click on Log In, a new page is displayed. Fill in the username "admin" and the password you have choosen during your registration. If you have lost or forgot it, click here. Once you are logged in, click on the link "Administration Panel" at the bottom of the page.

How to modify your board's appearance ?
You can modify your board's appearance by choosing a theme (each theme displays different pictures, colors and icons). To do that, go to the administration panel, then click on Management in the Styles Admin menu and choose one of the displayed themes. You can later change it or choose another one.

How to manage the categories and forums ?
You can add, modify and delete the categories and forums that you have created anytime and without limit. To do that, go to the administration panel, in the management part of the Forum Admin, and click on "Add a link" (a forum or a category). In a first time, we advice you to create test categories and test forums that you will delete later, in order to understand how this tool works.
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 11:44 am

[dohtml]
hey guys, so, you can do whatever you want with changing colours or fonts or whatever, that's no big deal. All I ask is to post the link here and leave the credit on the bottom! Happy roleplaying! c:

june jillian taylor
twenty three / intern / artisans
gave you a minute
when you needed an hour
☀ this here is june jillian taylor, aka juney, junebug, or jj, but tbqh most people are not allowed to call her things. she allows her dad to call her junebug, but that's about it. so, if you call her that, she might take out her conveniently sharpened nail filer and go prison style on you.


☀ june is twenty three years old and freshly out of college. she went to the university of chicago where she majored in politics, a choice spurred just from her desire to learn more about the policies of sarah palin so she could despise her even more. despite doing quite well in the program, she never felt like it was something she wanted to do. so, instead, she started applying around at fashion companies and finally landed a job with an up and coming designer, lo abbott.

☀ she's currently interning at the company, and is loving every minute of it. she knows that she wants to design clothes for a living one day, but for now she has to be satisfied with just designing them for herself and her sisters (even though they're more than capable of affording them with the allowance their wealthy parents bestow upon them).

☀ as the third of five daughters in the taylor family, june definitely has a middle child complex. where her sisters all have deep connections and girly bonding moments, june certainly remains the independent one. that being said, she loves her sisters deeply and would do anything for them (even though there's a 99% chance she never tells them that).

☀ the taylor parents are both huge in the PR world and june definitely took all of their wisdom and has applied it to her life. she's not self-conscious, she's just very conscious of making sure she's always at her kanye best.

☀ though the family certainly has a lot of money, they were never one of those families where the parents were always gone and they were just tended to by the help - nope, the taylors were very much a close family when the girls were young. they went on camping trips instead of luxurious beach stays in nice. june always complained about the trips when she was younger because wow dirty, but the forced vacations have caused her to absolutely love the outdoors and camping trips. not that she really admits that to anyone.



☀ anyway, june is a big ol bitch. she will tell anyone what she thinks (usually if asked), especially about their clothing!!!! she's not one of those assholes that says things without a filter, but there are certainly times where she knows she likely shouldn't have said what she said at that time. she is opinionated and harsh, and she has no mercy!!!!!



☀ she is a surprisingly calm person, and despite her bitchiness, she has no real sense of a wrath she can be calculating and manipulative but really only when it means getting what she wants (jobs, sex, clothes), but she would likely never go out of her way to ruin anyone's life (unless they hurt one of her siblings or best friends).



☀ june probably isn't the most popular person when it comes to friends, but she does have a fair share of them. many of her closest friends are either other bitchy girls who have thick skin or guys who just don't care about her bluntness.



☀ which means that june likely has quite a few enemies. people generally don't take well to her opinionated nature, and she doesn't ever care enough to actually make sure that she didn't offend their feelings. surprisingly, she is a woman of honour and would probably never steal your man. unless she didn't know. then, well, what can you do.



☀ and, speaking of men, june has had her fair share of lovers. she's not huge into relationships, but she's had them here and there, though none have lasted very long. june is currently (without noticing) catching feelings for her best friend, but let's not talk about that. she's an independent woahhh-man and she prefers it that way. she likes to hook up, but mostly she likes to tease men, because it's fun. idk. gimme things (◡‿◡✿)



[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Lobster+Two|Open+Sans+Condensed:300|Oswald' rel='stylesheet' type='text/css'>

<style type="text/css">
.goldscroll::-webkit-scrollbar { height: 5px; width:2px; backgrounAd: #COLOR #2; }  
.goldscroll::-webkit-scrollbar-thumb { background: #COLOR #2; width:2px; height:5px; }

#gold { position: relative; width: 275px; height: 350px; overflow: hidden; }

#gold .silver { width: 275px; height: 350px; -moz-transition-duration: 2s;  -webkit-transition-duration: 2s;  -o-transition-duration: 2s; position: absolute; left:0px; }

#gold:hover .silver { left: -275px; -moz-transition-duration: 2s;  -webkit-transition-duration: 2s;  -o-transition-duration: 2s; }</style>

<center>
<div style="width: 275px; height: 350px; border: 3px double #eaeaea; background-color: #f6f6f6; padding: 20px;">

<div id="gold"><div class="silver"><div style="width: 275px; height: 95px; padding-top: 255px; background-image: url(275 x 350 pic here!!!!);">
<div style="width: 275px; height: 60px; background-color: #ffffff; opacity: 0.9;">

<center><div style="padding-top: 15px; font-size: 13px; font-family: oswald; color: #COLOR #1; text-transform: uppercase; letter-spacing: 1pt; padding-bottom: 7px; opacity: 0.85"><b>first middle last</b></div>

<div style="width: 190px; height: 2px; background-color: #eaeaea;"></div>
<div style="font-family: lobster two; font-size: 12px; color: #COLOR #2; padding-top: 5px; opacity: 0.85"><i>age / position / member group</i>
</center></div></div></div>

<div style="width: 261px; height: 326px; background-color: #f9f9f9; border: 7px solid #fff; padding-top: 10px;">
<center><div style="color: #COLOR #1; font-size: 10px; padding-bottom: 5px; letter-spacing: 2pt; font-family: open sans condensed; text-transform: uppercase; line-height: 10px;">lyric line #1<br>
lyric line #2</div>
<div style="width: 220px; height: 2px; background-color: #eaeaea;"></div>

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

<div style="width: 200px; height: 245px; padding: 10px; background-color: #fff; overflow: auto; text-align: justify; font-family: times; font-size: 9px; color: #999999; line-height: 8px;" class="goldscroll">words!!!!</div>

</div></div>

</div>
<div style="width: 200px; text-align: right;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8378">xo</a></div>
</center>

[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 11:46 am


tag: you!

words: ###

notes: so let's write a bunch of stuff and see just how long we can make this! blah blah blah blah, more notes and shiz! blah blah blah blah!

everybody's got a dark side.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut arcu nec augue scelerisque bibendum. Duis a velit mauris, rhoncus sagittis est. Morbi auctor ultricies velit, vel mattis erat sodales in. Nulla egestas massa vel lectus placerat sit amet rutrum dolor auctor. In ut dapibus est. Sed nulla nibh, convallis eu porta vitae, elementum id elit. Suspendisse tempor viverra fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nec nulla libero. In id mi ante, nec posuere purus. Proin pellentesque ultrices lacus, et interdum dui semper a. Vestibulum convallis congue justo molestie euismod. Etiam tempus tincidunt turpis, eget sodales metus ornare interdum. Mauris erat nulla, ultrices ac mattis sit amet, imperdiet vel neque. Maecenas posuere, tortor sed commodo euismod, ante libero rhoncus dui, eget tempus tellus diam quis lorem.


Integer et eleifend quam. Ut euismod urna non dolor mattis condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet sem ac mi pretium tempor. Phasellus at sapien ligula, id condimentum ante. Sed ullamcorper faucibus nisl et interdum. Duis ligula libero, ullamcorper vel adipiscing imperdiet, feugiat et libero. Suspendisse facilisis gravida nisi, sed ultrices lectus placerat interdum. Nulla aliquet rutrum sagittis. Suspendisse feugiat congue ligula, vel venenatis sem gravida ac. Aliquam et lacus eros. Proin quis nulla vel nisl rhoncus facilisis. Vestibulum gravida diam eget ante suscipit vel pretium mauris viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tortor metus, lobortis vel laoreet non, porta a tortor. Ut egestas gravida posuere.


Morbi dapibus sapien ac lacus tempus et lobortis ipsum tempus. Donec porta egestas nunc, pharetra tempor mauris malesuada vel. Cras nec felis vel sem tincidunt vulputate congue dapibus urna. Praesent porttitor tellus at sapien fringilla sit amet fringilla arcu pretium. Sed in urna id eros tincidunt semper non ac ipsum. Proin sit amet sapien non sapien tempus ullamcorper. In sodales tempus rutrum. Aenean bibendum massa ut sem lacinia hendrerit. In tristique dignissim pretium.


Integer at arcu vitae dolor mollis dictum. Ut quis porta metus. Morbi interdum sollicitudin diam, ac adipiscing lectus dapibus elementum. Ut hendrerit scelerisque lacus eget elementum. Aliquam scelerisque iaculis ante id rhoncus. Nunc quis risus ac lorem pellentesque scelerisque. Suspendisse interdum erat lectus. Quisque non dolor id felis sagittis consequat. Donec urna neque, pellentesque at adipiscing non, dictum a risus. Phasellus feugiat dignissim ipsum eleifend porta. Praesent pulvinar condimentum massa eget hendrerit. Vestibulum tempus nisi tincidunt nisl posuere nec elementum nulla gravida.


Maecenas justo orci, condimentum eu viverra eget, porttitor ac nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut libero quam, lobortis ut vulputate in, rhoncus pretium quam. In purus enim, sodales molestie dictum sit amet, consequat vel tortor. Maecenas eget cursus metus. Mauris imperdiet risus facilisis nisl sagittis sollicitudin. Mauris metus quam, luctus id facilisis eu, condimentum dignissim odio.

thanks!


[/dohtml]

Kodas:
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.notes { opacity:0.0; font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color: white;text-align: right; height: 170px; width: 300px; padding: 50px; text-transform: uppercase; line-height: 130%; background-color:#000; -webkit-transition: opacity .6s linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear; }

.notes:hover { opacity: .78 }
</style>

<div style="width: 400px; padding: 20px;">
<div style="width:400px; height:270px; background-image:url(IMAGE URL GOES HERE!!!!!!!!!!!!!!!!!!);"><div class="notes">


tag: you!
<p>words: ###
<p>notes: so let's write a bunch of stuff and see just how long we can make this! blah blah blah blah, more notes and shiz! blah blah blah blah!


</div></div>
<div style="width:370px; height: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size:14px; line-height: 10px; color: #f4f4f4; text-transform: uppercase; text-align: center; background-color: #1c1c1c; padding: 15px; ">LYRICS GO HEREEEEEEEEEEEEEEEEEE.</div>
<div style="width: 320px; background-color: f4f4f4; padding: 40px; font-family: arial; color: 1c1c1c; text-align: justify; line-height: 95%; font-size: 10px;">

POST GOES HERE!

</div>
[url=http://forums.athousandfireflies.com/index.php?showuser=12224]<div style="font-family: 'Open Sans Condensed', sans-serif; font-size:12px; text-transform: uppercase; text-align: right;">thanks!</div>[/url]
</div>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 11:53 am

TAG: lori grimes

WORDS: idk

OUTFIT: click here

I hear a sound, a sound above my head
Distant sound of thunder, moving out on the moor

Blackbirds flew in and to the cooling towers
I'll pack my bags thinking of one of those hours with you
Waiting for you

My God it takes an ocean of trust
In the kingdom of rust
notes should go here!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pulvinar, lacus sed volutpat posuere, lectus velit vehicula arcu, a dapibus magna nisl id augue. Sed porttitor libero a tellus molestie non venenatis est convallis. Vivamus non ante nec dolor tempor consequat eu nec justo. Etiam adipiscing tristique est eget imperdiet. Fusce at dictum eros. Nam non viverra mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut eu turpis id sem malesuada fringilla vel ac libero. Aenean ac commodo turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam egestas gravida pharetra. Mauris tempus nunc vitae nisl placerat quis rhoncus mauris pharetra.


In metus eros, varius sit amet auctor quis, dapibus nec turpis. Donec vitae nisl dui, nec consectetur sapien. Cras sollicitudin egestas metus id congue. Nunc augue quam, hendrerit et vehicula id, consequat id tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel ante dolor. Aliquam elementum porta sem pretium tristique. In pulvinar metus in est porta gravida. Nam rutrum gravida dolor faucibus feugiat. Ut tempor, quam ac convallis tristique, purus nisl condimentum sem, vitae malesuada mauris mauris faucibus ligula. Vivamus purus arcu, placerat et vulputate quis, bibendum quis magna. Quisque quis leo turpis. Curabitur aliquet massa eget justo varius ac bibendum arcu placerat. Cras mollis adipiscing lorem nec pellentesque. Pellentesque eleifend ullamcorper diam sed sodales.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis sollicitudin lacus, non scelerisque odio rhoncus non. Nam facilisis purus fermentum magna vulputate mollis. In nec augue ac est pellentesque pretium vitae in quam. Proin et lacus metus, id porta sem. Integer id nibh id quam interdum semper. Proin et tempus risus. Integer varius faucibus magna, vel dictum dui ullamcorper vitae. Fusce volutpat ultricies consequat. Nullam fringilla gravida est, at eleifend ante egestas nec. Sed vel leo sit amet diam venenatis vestibulum. Curabitur bibendum iaculis nisl eget viverra.

it's in the kingdom of rust.




[/dohtml]
Kodas:
[dohtml]

<style type="text/css">
.rickgrimes { opacity:0.0; font-family: helvetica; font-size:9px; color: black;text-align: justify; height: 200px; width: 400px; line-height: 100%; background-color:#eee; -webkit-transition: opacity .6s linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear; }

.rickgrimes:hover { opacity: 1 }
</style>

<center>

<div style="width: 400px; height: 200px; background-image: url(400x200 URL HERE!!!!!!);"><div class="rickgrimes">

<table>
<td valign="top"><div style="margin: 10px; height: 100px; width: 100px; background-image: url(100x100 ICON URL HERE!!!!); border: 5px solid #f4f4f4;"></div><div style="width: 90px; padding-left: 15px; padding-bottom: 4px; text-align: left; font-family: helvetica; font-size:9px; color: black;">

<b>TAG:</b> name here
<br><b>WORDS:</b> ###
<br><b>OUTFIT:</b> click here

</div>
<div style="width: 110px; height: 2px; background-color: #222; margin-left: 10px;"></div></td>

<td valign="top"><div style="width: 6px; margin-top: 10px; height: 185px; background-color: #222; margin-left: 0px;"></div></td>


<td valign="top"><div style="margin: 10px; padding-top: 20px; width: 235px; height: 100px; font-family: helvetica; font-size:8px; color: black; text-align: justify; line-height: 100%; overflow: auto; text-transform: uppercase;">

lyrics go here!!

</div>

<center><div style="width: 230px; font-family: helvetica; font-size: 10px; font-style: italic; color: black; text-align: center; line-height: 105%;">notes should go here!</div></center>

</td>

</table>

</div></div>

<div style="width: 360px; padding: 20px; background-color: #eee; color: #222; text-align: justify; font-size: 9px; font-family: helvetica; line-height: 100%;">

your post goes here!

</div>

<div style="width: 400px; height: 80px; background-color: #222;"><div style="width: 336px; padding: 37px; font-size: 8px; font-family: helvetica; line-height: 100%; text-transform: uppercase; letter-spacing: 4px; color: white;">lyrics here.</div>
</div>

<div style="text-align: center; padding-bottom: 10px;"><a href="http://forums.athousandfireflies.com/index.php?showuser=12224">thanks!</a></div>

</center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 11:57 am

[dohtml]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.


Well now that you’ve got your gun
tag
### words
notes notes notes




robb stark


[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style type="text/css">

.sex { text-align: justify; color: #222; font-family: arial; font-size: 9px; line-height: 140%; text-transform: lowercase; }

.sex:first-letter { float: left; padding: 5px; font-family: georgia; font-style: italic; text-transform: uppercase; color: #444; font-size: 30px; }

#boyfriend { position: relative; width: 400px; height: 250px; background-image: url(http://placehold.it/400x250); overflow: hidden; }

.wayout { width: 350px; height: 50px; background-color: #222; line-height: 50px; text-align: center; text-transform: uppercase; font-family: dosis; font-size: 10px; letter-spacing: 1px; color: #fff; text-decoration: none; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }

.wayout:hover { background-color: #444; text-decoration: line-through; -moz-transition-duration: 1s;  -webkit-transition-duration: 1s;  -o-transition-duration: 1s; }

.anyway { position: absolute; left: -400px; top: 25px; width: 350px; height: 50px; background-color: #222; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }

.shirt { position: absolute; right: -400px; top: 100px; width: 350px; height: 50px; background-color: #222; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }

.jeans { position: absolute; left: -400px; top: 175px; width: 350px; height: 50px; background-color: #222; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }

#boyfriend:hover .anyway { left: 25px; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }
#boyfriend:hover .shirt { right: 25px; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }
#boyfriend:hover .jeans { left: 25px; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }

</style>
<center>

<div style="width: 360px; padding: 20px; background-image: url(http://i.imgur.com/8VJIPky.png);"><div style="width: 330px; padding: 15px; background-color: #fff; border: 1px solid #eee;"><div class="sex">

your post goes here!

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

<div style="width: 400px; height: 40px; background-color: #222; font-family: 'Dosis', sans-serif; text-transform: uppercase; line-height: 40px; font-size: 12px; text-align: center; letter-spacing: 4px; color: #fff;">Well now that you’ve got your gun</div><div id="boyfriend"><div class="anyway"><div class="wayout">tag</div></div><div class="shirt"><div class="wayout">### words</div></div><div class="jeans"><div class="wayout">notes notes notes</div></div>

</center>

<center><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224"><div style="width: 400px; margin: 5px; text-align: left; font-family: arial; text-transform: uppercase; text-align: left; font-size: 6px; color: #111;">robb stark</div></a></center>

[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:04 pm

[dohtml]
I FELL IN LOVE AT THE SEASIDE I HANDLED MY CHARM WITH TIME AND SLEIGHT OF HAND

words

THANKS TO LOUIS AT ATF!
[/dohtml]

Kodas:
[dohtml]<style type="text/css">
.ss::-webkit-scrollbar {width: 5px;background: #c4c4c4;}
.ss::-webkit-scrollbar-thumb {background: #636363;}
.ss::-webkit-scrollbar-corner {background: #c4c4c4;}
.seasidebg { position:relative; overflow:hidden; width:400px; height:500px; border:20px solid #222; }
.desaturate { width:400px; height:500px; opacity:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidebg:hover .desaturate { opacity:1; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidespace { position:absolute; top:-385px; left:10px; width: 340px; padding:20px; height:260px; background-color:#fff; opacity:.9; -moz-box-shadow: 2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidebg:hover .seasidespace { top:10px; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidedrop { position:absolute; top:500px; left:10px; width:380px; height:175px; background-image:url(380x175 IMAGE HEREEE PLEASEEEEE); -moz-box-shadow: 2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidebg:hover .seasidedrop { position:absolute; top:316px; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition all 1s ease-in-out; transition:all 1s ease-in-out; }
.seasidetitle { 340px; height:10px; padding-bottom:4px; border-bottom:1px solid #222; line-height:10px; color:#222; font-family:arial; font-size:7px; text-transform:uppercase; font-style:italic; }
</style><center><div class='seasidebg' style='background-image:url(400X500 IMAGE HEREEEEEEEEEE);'><div class='desaturate' style='background-image:url(SAME 400X500 IMAGE AS YOU JUST USED);'></div><div class='seasidedrop'></div><div class='seasidespace'><div class='seasidetitle'>I FELL IN LOVE AT THE SEASIDE I HANDLED MY CHARM WITH TIME AND SLEIGHT OF HAND</div><div style='width:338px; height:240px; padding-right:2px; overflow:auto; margin-top:5px; color:#222; font-family:arial; font-size:10px; text-align:justify; line-height:100%;' class='ss'>

words

</div>
</div></div><div style='margin-top:5px; width:445px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/URL]</div></center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:11 pm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.



Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

SOMETHING ALWAYS BRINGS ME BACK TO YOU

TY SARA


[/DOHTML]

Kodas:
[DOHTML] <center> <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><style type="text/css">

#simage { width: 350px; height: 350px; background-image: url(http://i.imgur.com/LAlzSoe.jpg?1); background-position: center; position: relative; top: 0px; left: 0px; transition: all .9s ease-in-out; -moz-transition:  all.9s ease-in-out; -o-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; border: 10px solid #eee; overflow: hidden; }

.infobox { width:290px; height: 0px; background-color: #fff; border-bottom: 10px solid #6D6557; position: absolute; top: -350px; left: 15px; opacity: 0; padding: 15px; font-family: calibri; font-size: 10px; letter-spacing: 1px; color: #888; line-height: 100%; text-align: justify; transition: all .9s ease-in-out;-moz-transition:  all.9s ease-in-out; -o-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; overflow: hidden;}
#simage:hover .infobox { height: 240px; top:  55px; left: 15px; opacity: 1; overflow: auto;}

.bgbox { width: 320px; padding: 20px 0px 20px 0px; background-color: #6D6557; font-family: 'dosis', sans-serif; font-size: 25px; color: #FFF; text-shadow: 1px 1px 0px #000; position: absolute; top: 15px; left: -350px; opacity: 0; transition: all .9s ease-in-out; -moz-transition:  all.9s ease-in-out; -o-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out;  }
#simage:hover .bgbox { top: 15px; left: 15px; opacity: 1;  }

.lyrics { width: 320px; padding: 2px 0px 2px 0px; background-color: #eee; color: #000; text-shadow: 1px 1px 0px #fff; font-family: calibri; font-size: 9px; line-height: 100%; text-transform: uppercase; letter-spacing: 2px;position: absolute; top: 30px; left: -350px; opacity: 0; -transition: all .9s ease-in-out; moz-transition:  all.9s ease-in-out; -o-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out;}
#simage:hover .lyrics { top: 30px; left: 15px; opacity: 1;}

</style>

<div style="width: 370px; height: 370px; border: 20px solid #6D6557;">
<div id="simage"><center><div class="infobox">

post goes here.

</div>
<div class="bgbox"> </div>
<div class="lyrics">SOMETHING ALWAYS BRINGS ME BACK TO YOU </div>
</center>
</div>
</div>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=11304"><div style="width: 350px; text-align: right; text-transform: uppercase; font-family: calibri; font-size: 9px; color: #000; line-height: 100%; letter-spacing: 1px; margin: 2px 0px 0px 0px;"> TY SARA </div></a>
</center>
[/DOHTML]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:13 pm


Is this all we get to be absolute?

TAGGED
NAME HERE.
WORDS
words here.
OTES
notes go here.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sapien quis orci aliquet aliquet nec at libero. Sed at ipsum metus, nec mollis nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur euismod pretium risus, vitae condimentum enim hendrerit ac. Pellentesque magna ante, volutpat ac gravida pretium, vehicula sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent a diam sed libero feugiat ultrices in nec ipsum. Vivamus tristique quam a metus ornare ac tincidunt risus fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sapien quis orci aliquet aliquet nec at libero. Sed at ipsum metus, nec mollis nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur euismod pretium risus, vitae condimentum enim hendrerit ac. Pellentesque magna ante, volutpat ac gravida pretium, vehicula sit amet enim.



Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent a diam sed libero feugiat ultrices in nec ipsum. Vivamus tristique quam a metus ornare ac tincidunt risus fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae sapien quis orci aliquet aliquet nec at libero. Sed at ipsum metus, nec mollis nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur euismod pretium risus, vitae condimentum enim hendrerit ac. Pellentesque magna ante, volutpat ac gravida pretium, vehicula sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Praesent a diam sed libero feugiat ultrices in nec ipsum. Vivamus tristique quam a metus ornare ac tincidunt risus fermentum.  



TY SARA!

[/DOHTML]

Kodas:
[DOHTML]<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

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

.roses { width: 400px; height: 200px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3449/3449741.png); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3449/3449741.png);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3449/3449741.png);"></div>
<div style="width: 400px;  background-color: #453B3B; text-align: center;  font-family: 'economica'; font-size: 15px; color: #fff; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Is this all we get to be absolute? </div>
<div style="width: 400px; height: 5px; background-color: #E8575D;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://24.media.tumblr.com/82e519835388114c7c9df9a8074f55b0/tumblr_mhn263ddyA1qgawlzo1_500.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> TAGGED</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

NAME HERE.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> WORDS</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

words here.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> NOTES</div>
<div style="width: 113px; height: 120px; padding: 5px; background-color: #FFF; overflow: auto; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">

notes go here.

</div></td>
</table>
</div>
</div>
</div></div>
<div style="width: 400px; height: 10px; background-color: #E8575D;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">

post goes here.

</div>
<div style="width: 400px; height: 10px; background-color: #453B3B; border-top: 5px solid #E6D6B8;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3449/3449741.png);"></div>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=11304"><div style="width: 400px; text-align: right; font-family: tahoma; font-size: 9px; text-transform: uppercase; color: #000;"> TY SARA! </div></a>
</center>[/DOHTML]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:46 pm

you got something i need
in this world full of people there's one killing me and if we only die once i wanna die with you. you got something i need, in this world full of people there's one killing me, and if we only die once i wanna die with you. if we only die once i wanna die with you, if we only live once i wanna live with you.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi.  Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

THANKS ❤
[/dohtml]

Kodas:
[dohtml]<style type="text/css"> #vancode37 { width: 400px; height: 200px; position: relative; overflow: hidden;  }
#vancode37 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }
#vancode37:hover .page { bottom: -200px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out;   }</style>
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>

<center><div id="vancode37">

<div class="page"><img src="http://placehold.it/400x200" width= "400" height= "200"></div>

<div style="width: 360px; padding: 20px; text-align: justify; background-color: #fff; height: 160px;"><div style="width: 360px;  text-align: center; font-family: 'Rochester', cursive; font-size: 37px; font-weight: normal;  line-height: 100%; color: #000; text-transform: lowercase; padding-top: 50px;">you got something i need</div>

<div style="width:340px; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 100%; color: #000; text-transform: lowercase; padding: 10px;">in this world full of people there's one killing me and if we only die once i wanna die with you. you got something i need, in this world full of people there's one killing me, and if we only die once i wanna die with you. if we only die once i wanna die with you, if we only live once i wanna live with you.</div></div></div>

<div style="width: 320px; background-color: #fff; padding: 40px; border-top: 30px solid #77afc4; border-bottom: 30px solid #a63131; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%;"><div style="width: 320px; border-top: 1px dashed #a63131; margin-bottom: 10px;"></div>

POST GOES HERE!!!!!

<div style="width: 320px; border-top: 1px dashed #77afc4; margin-top: 10px; margin-bottom: 10px;"></div></div><div style="width: 305px;padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: center; color: #000; line-height: 100%; letter-spacing: 3px;">[URL=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=10469]THANKS ❤[/URL]</div></center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:51 pm

burn
WHEN THE LIGHT'S TURNING DOWN, THEY DON'T KNOW WHAT THEY HEARD, STRIKE THE MATCH, PLAY IT LOUD, GIVING LOVE TO THE WORLD. WE'LL BE RAISING OUR HANDS, SHINING UP TO THE SKY 'CAUSE WE GOT THE FIRE, FIRE, FIRE.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi.

TAGGED: NAME, WORD COUNT, ANY OTHER NOTES
[/dohtml]

Kodas:


[dohtml]<style type="text/css">

#vancode73 { width: 400px; height: 300px; position: relative; overflow: hidden;  }

#vancode73 .page { position: absolute; left: 0px; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode73:hover .page { left: -400px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }

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

<center><div id="vancode73">

<div class="page"><img src="400PX BY 300PX, A GIF WILL RESIZE TOO" width= "400" height= "300"></div>

<div style="width: 360px; padding: 20px; text-align: justify; background-color: #7F1721; height: 260px;">

<div style="width: 360px;  text-align: center;  font-family: georgia; font-size: 93px;  line-height: 100%; color: #fff; text-transform: lowercase; letter-spacing: -4px; padding-top: 50px;">burn</div>

<div style="width: 340px; text-align: justify; font-family: arial;  font-size: 8px; line-height: 100%; color: #fff; font-weight: lighter; text-transform: uppercase; padding: 10px;">WHEN THE LIGHT'S TURNING DOWN, THEY DON'T KNOW WHAT THEY HEARD, STRIKE THE MATCH, PLAY IT LOUD, GIVING LOVE TO THE WORLD. WE'LL BE RAISING OUR HANDS, SHINING UP TO THE SKY 'CAUSE WE GOT THE FIRE, FIRE, FIRE.</div></div></div>

<div style="width: 320px; background-color: #fff; padding: 40px; border-bottom: 10px solid #000; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%;">

 <div style="width: 320px; border-top: 3px double #7F1721; margin-bottom: 10px;"></div>

post goes here, love!

<div style="width: 300px; margin-top: 10px; background-color: #000; padding: 10px; text-align: center;  font-family: arial; font-size: 8px; line-height: 100%; color: #fff; text-transform: uppercase; letter-spacing: 2px;">TAGGED: NAME, WORD COUNT, ANY OTHER NOTES</div>

</div><div style="width: 400px; padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #000; line-height: 100%; letter-spacing: 3px;">[URL=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=10469]❤[/URL]</div></center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 12:55 pm

tagged for: name. this is ### words long. coded by ashiteru of atf.

♡ どんな時だって ただ一人で 運命忘れて, 生きてきたのに. 突然の光の中、目が覚める 真夜中に. ♡

lines of lyrics here, not too many or it'll go over. lines of lyrics here, not too many or it'll go over. lines of lyrics here...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget malesuada nisi. In sit amet ante bibendum arcu molestie pharetra tempor luctus quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum rutrum pretium. Proin quis eros elit, eget bibendum lacus. Proin felis sapien, adipiscing nec semper a, tristique id turpis. Donec id lorem sapien.


Sed porttitor sapien id libero fringilla ut iaculis dolor bibendum. Nunc semper malesuada semper. Phasellus id tortor sit amet nisi rutrum iaculis. Nulla sodales dapibus nulla non dictum. Sed in urna nisl, in posuere est. Aliquam nec libero erat. Ut dignissim, felis in fermentum convallis, turpis nulla viverra sem, vitae sagittis ligula magna sed nunc.



Nullam placerat, eros vel aliquam placerat, augue libero malesuada lacus, sit amet vulputate enim quam ut orci. Vivamus eget sem augue, et lacinia justo. Nunc sem eros, viverra vel adipiscing ut, malesuada nec velit. Praesent a diam eu arcu hendrerit dictum sed sit amet neque. Aliquam sed nisi id ante scelerisque lacinia sit amet tempor mauris. Quisque fermentum magna vel mauris ullamcorper pellentesque. Donec rhoncus ante vitae libero suscipit sit amet lacinia nibh mollis. Cras semper viverra malesuada. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Nullam turpis orci, semper at posuere eget, faucibus at tortor. Nulla urna eros, pellentesque ut fermentum fermentum, bibendum non justo. Nam purus urna, suscipit porttitor pharetra et, sodales eget dolor. Donec in tellus arcu, eu laoreet nulla. Etiam tincidunt, mi sit amet elementum ultricies, dui lorem euismod turpis, ac ultricies sem odio in elit. Praesent feugiat est a ante mollis commodo.



Praesent feugiat orci sit amet nibh luctus quis tristique magna posuere. Nunc consectetur condimentum dolor sed congue. Nam id bibendum nibh. Etiam sed velit dolor. Suspendisse adipiscing consectetur ultricies. Morbi faucibus mollis erat, consectetur condimentum odio fringilla nec. Donec congue facilisis pharetra. Duis ac velit velit, nec ullamcorper nisi. Nullam accumsan ornare elit, id iaculis nisl congue at. Vestibulum iaculis posuere lectus nec ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sollicitudin venenatis congue.



Nulla euismod nisl sit amet mi consectetur dignissim. Mauris condimentum semper eros. Duis eu nulla at elit imperdiet aliquam. Sed tortor purus, commodo ac lacinia a, rutrum ac sem. Cras pretium, risus nec tincidunt pharetra, mauris purus condimentum massa, quis vulputate enim turpis ut risus. Aenean pharetra euismod malesuada. Mauris vitae tempus tellus. Suspendisse dictum feugiat semper.





[/dohtml]


Kodas:
[dohtml]
<style type="text/css">

::-webkit-scrollbar { background: #f7f7f7; width: 10px; }
::-webkit-scrollbar-thumb { background: #eae6e5; width: 10x }
::-webkit-scrollbar-corner { background: #000; }

#hex {width: 350px; height: 492px; overflow: hidden; position: relative;}

#hex .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 350px; height: 492px;}

#hex:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -350px;}


#hex2 {width: 400px; height: 492px; overflow: hidden; position: relative; }

#hex2 .page2 { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 300px; height: 492px; left: -350px;}

#hex2:hover .page2 {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: 0px;}


</style>
<center>

<div style="background-color: #fff; width: 350px; height: 492px; padding: 20px; border: 1px #eeeeee solid;"><div style="background-image: url(/////350X492 IMAGE URL HERE/////); width: 350px; height: 492px;">

<div id="hex"><div class="page">

<div style="margin-top: 150px; margin-right: 150px; background-color: #fff; height: 50px; width: 190px;"><div style="font-family: calibri; text-transform: lowercase; text-align: justify; letter-spacing: 1px; padding: 15px; font-size: 8px;"><i>tagged for: name. this is ### words long. coded by ashiteru of atf.</i></div></div>


<div style="margin-top: 20px; margin-left: 100px;background-color: #fff; height: 50px; width: 240px;"><div style="font-family: calibri; text-transform: lowercase; text-align: justify; letter-spacing: 1px; padding: 15px; font-size: 8px;"><i> ♡ どんな時だって ただ一人で 運命忘れて, 生きてきたのに. 突然の光の中、目が覚める 真夜中に. ♡ </i></div></div>

</div>

<div id="hex2"><div class="page2">

<div style="background-color: #fff; height: 50px; width: 300px; margin-top: 40px; margin-left: 25px;"><div style="font-family: calibri; text-transform: lowercase; text-align: justify; letter-spacing: 1px; padding: 15px; font-size: 8px;"><i>lines of lyrics here, not too many or it'll go over. lines of lyrics here, not too many or it'll go over. lines of lyrics here...</i></div></div>

<div style="background-color: #fff; height: 350px; width: 300px; margin-top: 3px; margin-left: 25px;">

<div style="font-family: calibri; text-transform: lowercase; text-align: justify; letter-spacing: 1px; padding: 15px; font-size: 8px;">

<div style="height: 320px; overflow: auto;"><div style="width: 255px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget malesuada nisi. In sit amet ante bibendum arcu molestie pharetra tempor luctus quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum rutrum pretium. Proin quis eros elit, eget bibendum lacus. Proin felis sapien, adipiscing nec semper a, tristique id turpis. Donec id lorem sapien.<br><br>

Sed porttitor sapien id libero fringilla ut iaculis dolor bibendum. Nunc semper malesuada semper. Phasellus id tortor sit amet nisi rutrum iaculis. Nulla sodales dapibus nulla non dictum. Sed in urna nisl, in posuere est. Aliquam nec libero erat. Ut dignissim, felis in fermentum convallis, turpis nulla viverra sem, vitae sagittis ligula magna sed nunc.<br><br>

Nullam placerat, eros vel aliquam placerat, augue libero malesuada lacus, sit amet vulputate enim quam ut orci. Vivamus eget sem augue, et lacinia justo. Nunc sem eros, viverra vel adipiscing ut, malesuada nec velit. Praesent a diam eu arcu hendrerit dictum sed sit amet neque. Aliquam sed nisi id ante scelerisque lacinia sit amet tempor mauris. Quisque fermentum magna vel mauris ullamcorper pellentesque. Donec rhoncus ante vitae libero suscipit sit amet lacinia nibh mollis. Cras semper viverra malesuada. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Nullam turpis orci, semper at posuere eget, faucibus at tortor. Nulla urna eros, pellentesque ut fermentum fermentum, bibendum non justo. Nam purus urna, suscipit porttitor pharetra et, sodales eget dolor. Donec in tellus arcu, eu laoreet nulla. Etiam tincidunt, mi sit amet elementum ultricies, dui lorem euismod turpis, ac ultricies sem odio in elit. Praesent feugiat est a ante mollis commodo.<br><br>

Praesent feugiat orci sit amet nibh luctus quis tristique magna posuere. Nunc consectetur condimentum dolor sed congue. Nam id bibendum nibh. Etiam sed velit dolor. Suspendisse adipiscing consectetur ultricies. Morbi faucibus mollis erat, consectetur condimentum odio fringilla nec. Donec congue facilisis pharetra. Duis ac velit velit, nec ullamcorper nisi. Nullam accumsan ornare elit, id iaculis nisl congue at. Vestibulum iaculis posuere lectus nec ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sollicitudin venenatis congue.<br><br>

Nulla euismod nisl sit amet mi consectetur dignissim. Mauris condimentum semper eros. Duis eu nulla at elit imperdiet aliquam. Sed tortor purus, commodo ac lacinia a, rutrum ac sem. Cras pretium, risus nec tincidunt pharetra, mauris purus condimentum massa, quis vulputate enim turpis ut risus. Aenean pharetra euismod malesuada. Mauris vitae tempus tellus. Suspendisse dictum feugiat semper.

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

</div>

</div>

</div></div>
</center>
<center><div style="margin-left: 370px;"><i><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=1810">♡</a></div></center>

</center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 1:12 pm

story of my life
❝ and i'll be gone, gone tonight
A
cross the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns.

A
cross the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns. Across the sea of space, the stars are other suns.

robb stark

[/dohtml]

Kodas:
[dohtml]
<style type="text/css">

::-webkit-scrollbar { background: transparent; width:5px; border-right: 1px dotted #eee;  }
::-webkit-scrollbar-thumb { background: #eee; width:5px }
::-webkit-scrollbar-corner { background: transparent; }

.gravity { position: relative; top: 0px; margin-top: -227px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; opacity: 0; }

.gravity:hover { position: relative; top: 0px; margin-top: -227px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; opacity: 1; }

.storyy { margin-top: 7px; float: left; font-family: georgia; text-transform: uppercase; font-size: 35px; color: #f9f9f9; padding: 3px; font-style: italic; }

</style>
<center>

<div style="width: 350px; padding: 50px; background-color: #000;">

<div style="width: 300px; height: 175px; padding: 25px; background-color: #111;"><div style="color: #f9f9f9; font-family: georgia; text-transform: uppercase; font-size: 25px; letter-spacing: -2px; text-align: center; font-style: italic; line-height: 160px;">story of my life</div><table><td><div style="width: 60px; height: 2px; position: relative; top: -70px; background-color: #222;"></div></td><td><div style="width: 130px; height: 2px; position: relative; top: -70px; background-color: #eee;"></div></td></table><div style="font-family: times; text-transform: lowercase; font-size: 10px; letter-spacing: 2px; font-style: italic; text-align: center; color: #444; position: relative; top: -70px;">❝ and i'll be gone, gone tonight</div></div><div class="gravity"><div style="width: 300px; height: 175px; padding: 25px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #101010; color: #ccc; text-align: justify; font-family: calibri; line-height: 150%; text-transform: lowercase; font-size: 10px;"><div style="width: 295px; height: 175px; padding-right: 5px; overflow: auto;">

<div class="storyy">A</div>nd your post will go right here!

<p><div class="storyy">A</div>nd your post will go right here!

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

</center>

<center><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224"><div style="width: 450px; margin: 5px; text-align: left; font-family: arial; text-transform: uppercase; text-align: left; font-size: 6px; color: #111;">robb stark</div></a></center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 6:40 pm


First and Last Name's iPhone
new text message from first and last
text message goes here and it will expand as long as you want (tho be reasonable c'mon ok) blah blah blah text message here and all dat gud shtuff ja feel?


© kristen


[/dohtml]





Kodas:
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400|Exo:100,400|Raleway:400,100' rel='stylesheet' type='text/css'>

<style type="text/css">
#entireslide {width: 205px; height: 370px; position: relative; overflow: hidden}

.textmessage {width: 205px; height: 370px; margin-top: 375px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.displaymessage {width: 205px; height: 370px; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

#entireslide:hover .textmessage {margin-top: 0px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#entireslide:hover .displaymessage {margin-top: -370px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; height: 350px;}

hr { height: 1px; background: transparent; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: none; border-right: none; }
</style>

<div style="width: 250px; height: 523px; background: url(http://i.imgur.com/AiUGBLn.png);">

<div style="width: 205px; height: 370px; background-image: url(http://placehold.it/205x370); position: relative; top: 77px; left: 1px;">

<div id="entireslide">

<div class="displaymessage">

<div style="width: 176px; padding: 1px 0px 1px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; top: 165px;"><div style="width: 156px; padding: 10px; background: #000; opacity: .8; color: #fff; font: 100 9px raleway; text-align: justify; line-height: 90%;"><center>First and Last Name's iPhone<hr>new text message from first and last</div></div>

</div>

<div class="textmessage">

<div style="width: 176px; padding: 1px 0px 1px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; top: 165px;"><div style="width: 156px; padding: 10px; background: #000; opacity: .8; color: #fff; font: 100 11px raleway; text-align: justify; line-height: 90%;">text message goes here and it will expand as long as you want (tho be reasonable c'mon ok) blah blah blah text message here and all dat gud shtuff ja feel?</div></div>

</div>

</div>

</div></div>

<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3216"><div style="font: 6px arial; text-align: center; text-transform: uppercase; color: #aaa; letter-spacing: 2px; margin-top: 10px;">© kristen</div></a>

</center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 6:43 pm

ari hassler
@arisass
is my handle 'ari's ass' or 'ari sass'? the world might never know.
TWEETS
1045
Following
253
Followers
107
Edit profile
THANKS TO LOUIS AT ATF!
[/dohtml]

[dohtml]
ari hassler
@arisass


words

[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><style type='text/css'>
#twittercontainer { width:500px; height:308px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px; text-transform:none; }
#twittercontainer .header { width:460px; height:210px; padding:20px; border-radius:4px 4px 0px 0px; }
#twittercontainer .icon { width:75px; height:75px; border:5px solid #fff; border-radius:4px 4px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; }
#twittercontainer .name { margin-top:5px; font-family: arial; font-size:25px; color:#fff; letter-spacing-1px; text-shadow:1px 1px 1px #333; line-height:100%; font-weight:bold; }
#twittercontainer .handle { margin-top:5px; font-family:arial; font-size:18px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; }
#twittercontainer .description { margin-top:5px; font-family:arial; font-size:15px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; padding-left:25px; padding-right:25px; }
#twittercontainer .bottombarthing { width:500px; height:58px; background-color:#fff; border-radius:0px 0px 4px 4px; }
#twittercontainer .boxes { width:90px; height:58px; padding-left:10px; display:inline-block; }
#twittercontainer .words { line-height:15px; padding-top:8px; height:15px; text-align:justify; font-family:lato; color:#acafac; font-size:10px; font-weight:100; letter-spacing:-1px; text-transform:uppercase; }
#twittercontainer .bolded { text-align:justify; height:18px; padding-bottom:5px; font-family:lato; font-weight:700; color:#2e8cb1; font-size:18px; line-height:18px; }
</style><center>
<div id='twittercontainer'><div class='header' style=' background-image:url(http://pacehold.it/500x250);'><div class='icon'><img src='http://placehold.it/75' width='75px'></div>
<div class='name'>

name here

</div><div class='handle'>

@handlehere

</div><div class='description'>

description

</div></div><div class='bottombarthing'><div class='boxes'><div class='words'>TWEETS</div><div class='bolded'>

###

</div></div><div class='boxes'><div class='words'>Following</div><div class='bolded'>

###

</div></div><div class='boxes'><div class='words'>Followers</div><div class='bolded'>

###

</div></div><div style='margin-left:40px; display:inline-block; width:108px; height:35px; padding-top:0px; padding-bottom:7px; padding-left:23px; padding-right:23px;'><div style='width:106px; height:33px; line-height:33px; border:1px solid #e2e8ee; border-radius:4px; text-transform:none; font-family: arial; font-size:12px; color:#677580; letter-spacing-2px; font-weight:bold;'>Edit profile</div></div>

</div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/URL]</div></center>[/dohtml]

Kodas:

[dohtml]<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><center><div style='width:300px; min-height:75px; padding:20px; background-color:#fff; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px 4px;'><div style='width:75px; height:75px; border-radius:4px 4px; background-image:url(http://placehold.it/75); float:left; margin-right:20px; margin-bottom:5px;'></div><div style='font-family:arial black; color:#000; text-transform:none; font-size:10px; line-height:10px; text-align:left;'>

name here

</div><div style='font-family:arial; color:#677580; text-transform:none; font-size:9px; line-height:10px; text-align:left;'>

@handlehere

</div><div style='margin-top:5px; text-align:justify; font-family:lato; font-weight:400; color:#000; font-size:10px; text-transform:none; line-height:120%;'>

tweet here. 140 characters or less to keep it realistic obvs.

</div></div></center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Št. 07 05, 2014 6:45 pm

11:11 PM
First Last

text!!!
Thanks, Taylor @ CAUTION, ATF, & SHINE!

[/dohtml]


Kodas:
[dohtml]<style type='text/css'>

.snappy { -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; opacity: 0; width: 300px; height: 400px; position: relative; }
.snappy:hover { opacity: 1.0; height: 400px; width: 300px;}

.timeywimey { font-family: verdana; text-align: center; color: ffffff; font-size: 10px; text-transform: uppercase; margin-top: 4px; }
.sender { font-family: verdana; text-align: left; color: 303030; font-size: 15px; text-transform: none; margin-top: 60px; margin-left: 46px; }
.caption { line-height: 20px; overflow: auto; text-align: justify; font-size: 9px; background-color:rgba(0, 0, 0, 0.5); font-family: verdana; text-align: center; color: ffffff; font-size: 10px; margin-top: 200px; }
.credit { text-align: right; font-family: verdana; font-size: 7px; text-transform: uppercase; }

</style>



<center>
<div style="width: 300px; height: 400px; background: url(http://i60.tinypic.com/xoh6p2.png) 50% 5%; border: 1px 03a588 solid; line-height:100%;">

<div class="timeywimey">00:00 AM/PM</div>

<div class="sender">First Last</div>
<div class="snappy" style="background: url(http://placehold.it/300x400) 50% 5%; margin-top: -88px;">
<div style="height:1px"></div>
<div class="caption">text!!! one line only!!</div>
</div><div class="credit">Thanks, Taylor @ <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=11404">CAUTION</a>, <A href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=1906">ATF</a>, & <a href="http://shine.b1.jcink.com/index.php?showuser=443">SHINE</a>!</div></div></div></center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 12:12 am








Medio Aevo

Svarbu

• ATSINAUJINOM!!! Atlaisvinome dalį veikėjų, tad skubėkite registruotis

• Wicked Witch blogas atkeliavo. ŽIŪRIM (push)

Labai prašom visi reklamuoti forumą! Kuo daugiau mūsų, tuo linksmiau ;*

• NUO ŠIOL GALITE KLAUSTI IR ASK.FM(push)
Administracija







Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 1:23 am


JESS A. MICHALCHUK

words and shit
JESS A. MICHALCHUK
THANKS TO LOUIS AT ATF!
[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Raleway:100|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' />
<style type="text/css">
.strawberryswing { position:relative; width:400px; height:400px; background-color:#A63247; overflow:hidden; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;  }
.strawberryswing-first-letters { height:10px; font-size:20px; line-height:20px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; }
.strawberryswing-last-letters { padding-top:0px; height:10px; font-size:20px; line-height:0px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; }
.strawberryswing-first { position:absolute; top:0px; width:400px; height:10px; padding-top:190px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.strawberryswing-mid { position:absolute; top:25px; left:25px; width:350px; height:350px; background-color:#fff; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);  webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.strawberryswing-last { position:absolute; top:200px; width:400px; height:200px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.strawberryswing:hover { background-color:#78B2BF; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;  }
.strawberryswing:hover .strawberryswing-first { top:-180px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.strawberryswing:hover .strawberryswing-last { top:380px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.strawberryswing:hover .strawberryswing-mid { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
</style><center>
<div style='width:400px; height:400px; padding:25px; background-image:url(http://media.tumblr.com/tumblr_mcmugbNN1s1qh9yw5.png); border:1px solid #efefef;'><div class='strawberryswing'>
<div class='strawberryswing-first'><div class='strawberryswing-first-letters'>FIRST M. LAST</div></div>
<div class='strawberryswing-mid' style='background-image:url(http://placehold.it/350x350)'><div style='width:310px; height:310px; color:#000; background-color:#fff; opacity:.8; padding:20px; font-family:garamond; font-size:12px; text-align:justify; line-height:100%; letter-spacing:1px;'>

words and shit

</div></div>
<div class='strawberryswing-last'><div class='strawberryswing-last-letters'>FIRST M. LAST</div></div>
</div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/URL]</div></center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:24 am


note ???  words ### tag name
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Aliquam est mauris, tincidunt eget vehicula sed, tempor porta tellus. Vestibulum in diam sit amet ipsum faucibus sagittis. Maecenas porttitor odio sed urna accumsan facilisis vitae non magna. In purus turpis, semper eu ultricies sit amet, iaculis ut ipsum. Integer laoreet congue massa, eu euismod urna porta vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent vitae elit est. Sed sit amet nisl purus, vel euismod eros. Nullam eu est est. Suspendisse dictum lacus at nibh euismod ac faucibus odio ullamcorper. Maecenas mattis sem vitae sem vehicula ut sagittis lectus interdum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Aliquam est mauris, tincidunt eget vehicula sed, tempor porta tellus. Vestibulum in diam sit amet ipsum faucibus sagittis. Maecenas porttitor odio sed urna accumsan facilisis vitae non magna. In purus turpis, semper eu ultricies sit amet, iaculis ut ipsum. Integer laoreet congue massa, eu euismod urna porta vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent vitae elit est. Sed sit amet nisl purus, vel euismod eros. Nullam eu est est. Suspendisse dictum lacus at nibh euismod ac faucibus odio ullamcorper. Maecenas mattis sem vitae sem vehicula ut sagittis lectus interdum


Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:28 am

do not steal. do not re-create. do not frankenstein. do not combine.













shippers
x. x. x. x. x. x. x. x. x. x. x. x. x. x. x.



threads

x. x. x. x. x.


tech/misc

x. x. x. x. x. x. x. x.


site

x.


skins

x. x. x.


archives

x. x.


merc

hey there! i'm merc, and welcome to my gallery! i'm eighteen and i code obsessively. i guess you could say that i'm more of the kind of person who enjoys experimenting with coding. i started out with animations and transitions and went down from there! i love reading fantasy and i'm a computer science major.

Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:38 am

beatrice flint
friends
beatrice has always been kind of a hard nut to crack, so to speak, so she doesn't really have a lot of friends. she's the kind of girl that would rather make fun of you than try to make nice and become friends with you, because she doesn't like getting close to people. she grew up being taught that she should never trust anyone, but you should still take it personally. more often than not, she simply doesn't get along with people because her personality is more extroverted and a lot of people might think that she's loud and obnoxious, but she never really opens up to people. most of her friends will be other slytherin's in her year, mostly pure-bloods because i'm assuming that they all grew up together.


beatrice is very proud and haugty and she doesn't hesitate to show off her privilege or where she's from or what she has been a part of. she's been brought up on the idea of blood purity and she trust her family to have been making the correct decisions in her life and she believes that pure bloods should reign supreme, though she is not totally bought on the idea of muggles stealing magic from wizards to create muggleborns.
enemies
it has always been very easy for beatrice to create enemies within the walls of hogwarts. she is a proud and haughty girl and she has a bit of a habit of thinking that she better than everybody else in the world so that might cause a little problem when it comes to making friends. she also does not hesitate to show off that she is better than everybody else so she'll likely be a bully and make fun of people.



beatrice is also a big quidditch fan, so she pretty much hates every other house when it comes to quidditch, and she'll hate anybody who doesn't love the teams that she loves or the people that root against the teams that she enjoys to watch. she doesn't play quidditch herself, but she's very supportive of the team and shows up to every game. she's kind of big when it comes to house rivalries as well because the tension that's brewing with voldemort on the rise. she thinks that she is safe, though, and that she doesn't need to worry too much about the dark wizard coming to power.
lovers
falling in love has never been something that was part of her plan. she's a bit of a romantic, though she would never admit to that. there have been many times in the past when she's hooked up with a couple of quidditch players because she's kind of a wild child when it comes to fun, so i'm pretty much open to any flings and stuff in the past! i'm sure that she's snogged quite a few boys, though has never really gotten into anything serious because most guys don't meet her high standards.



i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else!
relationships
first last -  relationship
first last -  relationship
first last -  relationship

[/dohtml]

Kodas:
[align=center]
i worked very hard on this code
and i swear to gaWd if someone
steals this code i'm going to eat you.[/align]

[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider {   text-align: center; width:450px; height:450px;}

label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }

#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }

#controller {width:450px; height:450px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 450px; height:450px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article {   width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px;   height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}

#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block;   width: 10px;
height: 10px; background: #bbb; }

#active label:hover {   background: #ccc; border-color: #0e0e0e!important; }

#controls label:hover { opacity: 0.8; }

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}

#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }

/* Info Box */

.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}

#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }

#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#controls label{   -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}

#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1;   -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s;   transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }</style>

<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />

<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt">first last</div></div>
<img src=500x500 IMAGE HERE!!! /></article>
       
<article><div class=info>
<div class="ntxt">friends</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div>
<img src=500x500 IMAGE HERE!!! /></article>
       
<article><div class=info><div class="ntxt">enemies</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!</div></div>
<img src=500x500 IMAGE HERE!!! /></article>
       
<article><div class=info><div class="ntxt">lovers</div>
<div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!<br><br>

i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else! </div></div>
<img src=500x500 IMAGE HERE!!! /></article>
       
<article><div class=info><div class="ntxt">relationships</div>
<div class="ctxt" style="text-align:center;">
<b>first last</b> -  relationship<br>
<b>first last</b> -  relationship<br>
<b>first last</b> -  relationship<br>
</div></div>
<img src=500x500 IMAGE HERE!!! /></article>
       
</div>
</div>
</div>
   <div id=controls>
  <label for=slide1></label>
  <label for=slide2></label>
  <label for=slide3></label>
  <label for=slide4></label>
  <label for=slide5></label>
  
</div>
</article></div>
<center><div id="slidercr"><a href="http://shine.b1.jcink.com/index.php?showuser=207">▲</a><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">▲</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">▲</a></div></center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:40 am

imogen alina velaryon
- overly ambitious - prideful -

this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact!

don't forget to post your images in BOTH places for the slider.
imogen alina velaryon
- overly ambitious - prideful -

this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact!

don't forget to post your images in BOTH places for the slider.



[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Cutive+Mono|Cookie' rel='stylesheet' type='text/css'><style type="text/css">

#mcont { width: 500px; height: 500px; overflow:hidden; position: relative; background-color: #e7e7e7; border-bottom:10px solid #8D4A53;}

#mcont .imgone { width: 250px; height:500px; -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; margin-right:250px; position: absolute; top: 0;}

#mcont .imgtwo { width: 250px; height:500px; -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; bottom:0px; margin-left:250px; position: absolute;}

#mcont .mcontw { width: 460px; background-color:#e7e7e7; text-align:justify; font-family: calibri; padding-left:20px; padding-right:20px; height:500px; overflow: auto; padding-top:10px; opacity: 1; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;  }

#mtext { width:440px; height:460px; text-align:justify; padding:40px; background-color:#fcfcfc; overflow: auto;}
#titlesm { margin-left:-20px; text-align:center; font-family: 'Cookie', cursive; font-size:48px; line-height:80%;  color:#8D4A53; text-shadow: 1px 2px #cacaca; }
#mdeets { text-align:center; font-family: 'Cutive Mono', serif; font-size:11px; text-transform:uppercase; margin-top:-5px; padding-bottom: 5px; letter-spacing:-1px; color:#191919; }

#ftext { width:415px; margin-left:6px; color:#191919;}

#mcont:hover .mcontw { top: 0px; }
#mcont:hover .imgone { top: -500px; }
#mcont:hover .imgtwo {bottom: -500px;}
</style>

<center><div id="mcont">

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

<center><div id="mtext"><div id="titlesm">imogen alina velaryon</div>
<div id="mdeets">- overly ambitious - prideful -</div>

<div style="width:425px; height:225px; background-image:url(http://placehold.it/425x250); border-top:2px solid #221529; border-bottom:2px solid #221529;"></div><br>

<div id="ftext">this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact!<br><br>

don't forget to post your images in BOTH places for the slider.</div></div></div>

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

<div class="mcontw"></div>

<center><div id="mtext"><div id="titlesm">imogen alina velaryon</div>
<div id="mdeets">- overly ambitious - prideful -</div>

<div style="width:425px; height:225px; background-image:url(http://placehold.it/425x250); "></div><br>

<div id="ftext">this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact! this is where your text is going to go! don't worry about it being too long because it'll scroll. you can add additional images if you wish or split the images up. please remember to keep the credit intact!<br><br>

don't forget to post your images in BOTH places for the slider.</div></div>

</div>
<a href="http://shine.b1.jcink.com/index.php?showuser=207">▲</a><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">▲</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">▲</a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9524">▲</a>
</center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:43 am

   
alina starkov
17 . 'puff . drug lord
alina starkov
i used to think that i was better alone
Do you remember summer '09 Wanna go back there every night Just can't lie it was the best time of my life Lying on the beach as the sun blew out Playing this guitar by the fire too loud Oh my my they could never shut us down I used to think that I was better alone Why did I ever want to let you go Under the moonlight as we stared at the sea The words you whispered I will always believe



I want you to rock me, mmm, rock me, mmm, rock me, yeah I want you to rock me, mmm, rock me, mmm, rock me yeah I want you to hit the pedal heavy metal show me you care I want you to rock me, mmm, rock me, mmm, rock me yeah Yeah we were together summer '09 Wanna roll back like press and rewind You were mine and we never said goodbye



i-i-i I used to think that I was better alone (Better alone) Why did ever want to let you go? (Let you go) Under the moonlight as we stared to the sea (Stared at the sea) The words you whispered I will always believe I want you to rock me, mmm, rock me, mmm, rock me, yeahh I want you to rock me, mmm, rock me, mmm, rock me yeah I want you to hit the pedal heavy metal show me you care



[/dohtml]

Kodas:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/w2uh6gphwjgmenu/betteralone.css?dl=1">

<div id="grisha-alina">
    <div class="grisha-mal">
        <div class="grisha-zoya"><img src="http://placehold.it/250x550"></div> </div>
    <div class="grisha-darkling">
        <div class="grisha-info">
            <span class="grisha-infon">FIRST LAST</span><br>
            17 . 'puff . drug lord
        </div>
     </div>
<div class="grisha-kuya">
    <div class="grisha-title">FIRST LAST</div>
    <div class="grisha-subtitle">i used to think that i was better alone</div>
    <img src="http://placehold.it/500x200">
 <div class="grisha-text">YOUR TEXT HERE !!!!!!!!!!!!!!!!!!!!!11!1!!!!!!!!!!</div>
</div>
</div>
<div class="codesbymerc"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">▲</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">▲</a></div>

[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 3:46 am

At the end of the night maybe you’ll find love Fake chit chat ’bout the things they got & my stout reputation keeping it hot girl
v. park
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
               

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

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

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

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

900 words . for name . a short note can go here



[/dohtml]

Kodas:

[dohtml]<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/a2bf0lnhjxohs7r/stinglikeabee.css?dl=1">

<center>
    <div id="hp-parkinson" style="background-image:url(500 X 600 IMAGE HERE !!!!!!!!!!!!!!!!!!!!);">
        <div class="hp-potter">
            <div class="hp-weasley">At the end of the night maybe you’ll find love Fake chit chat ’bout the things they got & my stout reputation keeping it hot girl</div>
            <div class="hp-malfoy" style="line-height:100%; padding-bottom:6px;">f. last</div>
        </div>
        <div class="hp-greengrass">
            <div class="hp-nott">post text will go here.
            </div>
            <div class="hp-zabini">900 words . for name . a short note can go here</div>
        </div>
    </div>
    <div class="codesbymerc"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">MERC</a>
    </div>
</center>

[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 4:06 am

jenna-louise coleman.
AGE | BIRTHDAY | MEMBER GROUP | OCCUPATION
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.



[/dohtml]

Kodas:
[dohtml]
<center>

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

<style>
.lalajenna { background: #785661; color: #D7DACF; text-align: justify; width: 500px; height: 500px;
 -webkit-transition: all 2s ease;
 -moz-transition: all 2s ease;
 -ms-transition: all 2s ease;
 -o-transition: all 2s ease;
 transition: all 2s ease;
opacity: 0.0; }
.lalajenna:hover { opacity: 1.00; }

.scrollie::-webkit-scrollbar { width: 7px; background: #f8f8f8; }
.scrollie::-webkit-scrollbar-thumb { background: #B4C29B; }
.scrollie::-webkit-scrollbar-corner { background: #B4C29B; }

</style>

<div style="background: url('http://illiweb.com/fa/pbucket.gif'); height: 520px; width: 520px; padding: 30px;">
<div style="background: #eaeaea; height: 500px; width: 500px; padding: 10px;"><div style="background: url('http://illiweb.com/fa/pbucket.gif'); height: 500px; width: 500px;"><div class="lalajenna">

<center>

<img src="http://illiweb.com/fa/pbucket.gif">

<div style="background: #FFFFFF; width: 500px; height: 50px;"><div style="font-family: Dosis; font-size: 30px; color: #68947F; text-align: center; padding-top: 20px;">jenna-louise coleman.</div></div>
<div style="background: #8F1848; width: 500px; height: 18px; font-family: Raleway; font-size: 10px; color: #FFFFFF;"><div style="padding-top: 3px;"></div>AGE | BIRTHDAY | MEMBER GROUP | OCCUPATION</div>

<div class="scrollie" style="width: 480px; height: 202px; background: #f8f8f8; font-family: Raleway; font-size: 12px; color: #785661; text-align: justify; overflow: auto; padding: 10px; border-bottom: 10px solid #785661;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit. Etiam volutpat, est aliquam mollis tincidunt, turpis lacus malesuada eros, in semper quam augue ac massa.
</div>


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


</div></div>

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

</center>
[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
avatar
Pranešimų skaičius : 461
Join date : 2014-02-24
Admin
Admin
Admin

RašytiTemos pavadinimas: Re: Your first subject   Antr. 07 08, 2014 4:46 am

  • anastasia rosario monroe
  • EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET,
    EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET,
    EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET,
  • lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam.

    in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et.



[/dohtml]


Kodas:
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><style type="text/css">
.tabhsw {width: 530px; height: 300px; background-image: url(http://i.imgur.com/aiVBeeu.png);}
::-webkit-scrollbar  {width: 3px; background-color: #fafafa;  } ::-webkit-scrollbar-thumb  {width: 4px; background-color: #2C0923;}
.ohyeah {width: 490px; background-color: #2C0923; height: 260px; margin-left: -40px; margin-top: 20px;}
.whycos {padding: 15px; width: 460px; height: 230px; }
.arysoone {padding: 20px; width: 420px; background-color: #E6C8AA; border-bottom: 1px dotted #000; font-family: dosis; font-size: 20px; color: #000; letter-spacing: 1px; text-align: center; text-transform: uppercase; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.arysoone:hover {background-color: #E55B5B; color: #fff; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.yonotgoin {width: 460px; height: 178px; background-image: url(http://placehold.it/460x178/fff); overflow: hidden;}
.lenoftrac {padding: 15px; width: 195px; height: 80px; background-color: #E55B5B;}
.forhtpa {padding-right: 5px; width: 190px; height: 80px; overflow: auto; font-family: segou ui; font-size: 10px; letter-spacing: 1px; line-height: 90%; color: #fff; text-align: justify; text-transform: lowercase; }
.isnedage {padding: 15px; width: 195px; height: 80px; background-color: #9EEEF0; }
.cnaohand {padding-right: 5px; width: 190px; height: 80px; overflow: auto; font-family: segou ui; font-size: 10px; letter-spacing: 1px; line-height: 90%; color: #000; text-align: justify; text-transform: lowercase; }
.lgotihoinm {padding: 15px; width: 195px; height: 80px; background-color: #E0F8BD; margin-top: 10px;}
.andherojus {width: 225px; height: 110px; overflow: hidden; background-image: url(http://placehold.it/225x110/fff);  margin-top: 10px; margin-left: 10px;}  
.ohnohius {padding: 15px; width:  300px; background-color: #fff; border-bottom: 20px solid #E6C8AA; height: 180px;  }
.itwoulrah {padding-right: 5px; width: 295px; height: 180px; overflow: auto; text-align: justify; text-transform: lowercase; font-family: georgia; line-height: 95%; color: #000; font-size: 10px; }
.itwoulrah p:first-letter {float: left; font-size: 40px; font-weight: bold; font-style: italic; text-transform: uppercase; padding: 22px; background-color: #000; border-bottom: 5px solid #9EEEF0;  text-shadow: 1px 1px 1px #fff;color: #fff; margin-left: 5px;  margin-right: 6px;  margin-bottom: 2px;  margin-top: 4px; }
.tlaenyou {width: 120px; height: 230px; margin-left: 10px; overflow: hidden; background-image: url(http://placehold.it/120x230); }
.sp-slideshow {position: relative; margin: 0px;  width: 530px; height: 300px; }
.sp-content { position: relative;width: 100%;height: 100%;overflow: hidden;} .sp-parallax-bg {-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.sp-slideshow input {position: absolute;bottom: 15px;left: 50%;width: 9px;height: 9px;z-index: 1001;cursor: pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.sp-arrow {position: absolute;top: 50%;width: 28px;height: 38px;margin-top: -19px;display: none;opacity: 0.8;cursor: pointer;z-index: 1000;background: transparent url(http://i.imgur.com/eYUSsIS.png) no-repeat;-webkit-transition: opacity linear 0.3s;-moz-transition: opacity linear 0.3s;-o-transition: opacity linear 0.3s;-ms-transition: opacity linear 0.3s; transition: opacity linear 0.3s;} .sp-arrow:hover{opacity: 1;} .sp-arrow:active{margin-top: -18px;} .sp-selector-1:checked ~ .sp-arrow.sp-a2, .sp-selector-2:checked ~ .sp-arrow.sp-a3, .sp-selector-3:checked ~ .sp-arrow.sp-a1 {right: 15px;display: block;background-position: top right;} .sp-selector-2:checked ~ .sp-arrow.sp-a1, .sp-selector-3:checked ~ .sp-arrow.sp-a2 {left: 15px;display: block;background-position: top left;}
.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;-moz-transition: background-position linear 0.6s, background-color linear 0.8s;-o-transition: background-position linear 0.6s, background-color linear 0.8s;-ms-transition: background-position linear 0.6s, background-color linear 0.8s;transition: background-position linear 0.6s, background-color linear 0.8s;} .sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}
.sp-slider { position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; } .sp-slider > li { height:100%; padding:0 60px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; text-align:center; opacity:0.4; -webkit-transition:opacity ease-in 0.4s 0.8s; -moz-transition:opacity ease-in 0.4s 0.8s; -o-transition:opacity ease-in 0.4s 0.8s; -ms-transition:opacity ease-in 0.4s 0.8s; transition:opacity ease-in 0.4s 0.8s; } .sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}
input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;} input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;} input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;} input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;} input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}
input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4), input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){ opacity: 1; }
@media screen and (max-width: 840px){ .sp-slideshow { height: 345px; } } @media screen and (max-width: 680px){ .sp-slideshow { height: 285px; } } @media screen and (max-width: 560px){ .sp-slideshow { height: 235px; } } @media screen and (max-width: 320px){ .sp-slideshow { height: 158px; }
</style>
<div class="tabhsw"><div class="sp-slideshow"><input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label><input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /><label for="button-2" class="button-label-2"></label><input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3"></label><label for="button-1" class="sp-arrow sp-a1"></label><label for="button-2" class="sp-arrow sp-a2"></label><label for="button-3" class="sp-arrow sp-a3"></label><div class="sp-content"><div class="sp-parallax-bg"></div><ul class="sp-slider clearfix"><li><div style="width:530px; height:300px;"><div class="ohyeah"><div class="whycos"><div class="arysoone">anastasia rosario monroe </div><div class="yonotgoin"></div></div></div></div></li><li><div style="width:530px; height:300px;"><div class="ohyeah"><div class="whycos"><table cellspacing="0" cellpadding="0"><tr><td><div class="lenoftrac"><div class="forhtpa">EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET, </div></div></td><td><div class="isnedage" style="margin-left: 10px;"><div class="cnaohand ">EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET, </div></div></td></tr><tr><td><div class="lgotihoinm"><div class="cnaohand ">EAMED OF A NEW LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. SUSPENDISSE NEC POSUERE LOREM. PELLENTESQUE HENDRERIT, LOREM LUCTUS PORTTITOR VESTIBULUM, EROS SAPIEN MATTIS LIBERO, EUISMOD CONGUE NEQUE NISI AT IPSUM. MAURIS SEMPER IPSUM SIT AMET METUS SEMPER MALESUADA. LOREM IPSUM DOLOR SIT AMET, </div></div></td><td><div class="andherojus"></div></td></tr></table></div></div></div></li><li><div style="width:530px; height:300px;"><div class="ohyeah"><div class="whycos"><table cellpadding="0" cellspacing="0"><tr><td><div class="ohnohius"><div class="itwoulrah"><p>lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam.

<p> in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</div></div></td><td><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=11193"><div class="tlaenyou"></div></a></td></tr></table></div></div></div></li></ul></div></div>
</div>
</center>[/dohtml]
Atgal į viršų Go down
Peržiūrėti vartotojo aprašymą http://yourescape.forumlt.com
Sponsored content


RašytiTemos pavadinimas: Re: Your first subject   

Atgal į viršų Go down
 

Your first subject

Rodyti ankstesnę temą Rodyti sekančią temą Atgal į viršų 
Puslapis 12Pereiti prie : 1, 2  Next

Permissions in this forum:Jūs negalite atsakinėti į pranešimus šiame forume
 :: Your first category :: Your first forum-