Brian/Justin - And that's when it happened

[amavel_bel]

Finally I made a "Queer as Folk" layout thanks to sissi_blucas, who made the caps. It's from the very first episode when Brian and Justin first met. Hope you like it, even if you aren't a QaF fan ;-).

Preview:



You can see it working here: Working Preview.

Title: Brian/Justin - And that's when it happened
Features: Layout S1 to free and paid accounts using generator style.
Note: Supported by LiveJournal and GreatestJournal. To use it at GreatestJournal, just replace every www.livejournal.com by www.greatestjournal.com in the code.
Author: amavel_bel (Mabel)
Credits: Screencaps by sissi_blucas. Other resources are credited at my LJ Info Page.

| IMAGES |
Obs.: Upload the images in your own server.

Header:

http://img.photobucket.com/albums/v481/amavel_bel/journal/brian-justin_whenithappened_header.jpg


Background:

http://img.photobucket.com/albums/v481/amavel_bel/journal/brian-justin_whenithappened_back.jpg


Friends Only Banner:




Icons:



| COLORS |
The colors don't need to be fulfilled.


| CODE |

GLOBAL_HEAD<= <title>- -¤--^] And that's when it happened [^--¤- -</title> <meta content="revealTrans(transition=12, duration=1.0)" http-equiv="Page-Enter"> <meta content="revealTrans(transition=12, duration=1.0)" http-equiv="Page-Exit"> <style type="text/css"> <!-- body { clip: rect( ); margin-top: 0px; margin-left: 1px; margin-right: 0px; background-color: #9D9043; background-image: url(http://YOUR-SERVER-LINK-HERE/brian-justin_whenithappened_back.jpg); background-attachment: scroll; background-repeat: repeat-x; scrollbar-base-color: #9D9043; scrollbar-track-color: #9D9043; scrollbar-face-color: #9D9043; scrollbar-3dlight-color: #9D9043; scrollbar-darkshadow-color: #9D9043; scrollbar-shadow-color: #9D9043; scrollbar-highlight-color: #574610; scrollbar-arrow-color: #574610; } div { padding-top: 380px; background-image: url(http://YOUR-SERVER-LINK-HERE/brian-justin_whenithappened_header.jpg); background-repeat: no-repeat; background-position: top center; } body, td, div, p { font-family: "Verdana", "Arial", "Helvetica"; color: #574610; font-size: 10pt; } font { font-family: "Verdana", "Arial", "Helvetica"; color: #C1B469; font-size: 8pt; } a:link {color:#574610; text-decoration: none} a:active {color:#574610; text-decoration: none} a:visited {color:#574610; text-decoration: none} a:hover {filter: shadow(Color=#574610 #000000,Direction=15);height: 10; text-decoration: none} .index:link {color:#C1B469} .index:active {color:#C1B469} .index:visited {color:#C1B469} .index:hover {color:#FFFFFF; text-decoration: underline overline} table { margin-right: 0%; margin-left: 0%; } table { border: 5px #574610 solid; background-color: #C1B469 } table table { margin:0px; width: 100%; border: 1px #D3972A; } table table table { width:0; } div div { height: auto; width: auto; padding: 0px; background: none; } div table { width: 760px; } div table table { width: 100%; } div table table table { width: auto; } div table table table table { width: 100%; } td { background-color: #C1B469; border-style: none } tt, pre { font-family: monospace; } .index { font-size: 8pt; color: #C1B469; background-color: #574610; } .caption { font-weight: bold; color: #C1B469; background-color: #574610; } .shadowed { font-size: 8pt; background: #C1B469; } .comments { font-size: 8pt; } .meta { font-size: 8pt; } --></style> <=GLOBAL_HEAD LASTN_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%% LASTN_WEBSITE<= <style type="text/css"> table table table table .meta { visibility: hidden } table table table table table .meta { visibility: visible } --></style> <div align="center"><b> <a href="http://www.livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE">About Me</a> .:. <a href="http://www.livejournal.com/tools/memories.bml?YOUR-LJ-USERNAME-HERE">Memories</a><br> <a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE">Current Icons</a> </b></div> <=LASTN_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">find me</a> </td> </tr> <=LASTN_TALK_LINKS LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% found%%mc-plural-%%</b></a> | FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">find me</a> </td> </tr> <=FRIENDS_TALK_LINKS FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% found%%mc-plural-%%</b></a> | DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">find me</a> </td> </tr> <=DAY_TALK_LINKS DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% found%%mc-plural-%%</b></a> LASTN_OPT_ITEMS=>15 FRIENDS_OPT_ITEMS=>15


| SPECIAL INSTRUCTIONS |

1- Replace YOUR-SERVER-LINK-HERE by the server address where you uploaded the image.
2- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).
3- For this code to work properly, MAKE SURE that you have a WEBSITE URL in your personal info page.

Cross-posted to layouts_for_fun.

Comments

[jerzeyanjel.livejournal.com]

That is absolutely gorgeous! You make such wonderful layouts. I have one of your Spangel ones up now. LoL. Beautiful work hun!!! So talented you are. =)

[amavel-bel.livejournal.com]

Awwwww, thanks soooo much for the compliment!!! I am so happy in knowing you like my work. And loved to know you're using one of my Spangel layouts *yay*.

*smoochies*

[nighttechno.livejournal.com]

É ficou bem legal seu primeiro layout de QaF, e sempre é bom diversificar um pouco.

Beijos

[amavel-bel.livejournal.com]

Brigada Marcelo!!! Vou tentar fazer mais layouts dessa série. Curto ela de montão :).

[http://users.livejournal.com/_quinns_sweetie/]

cool! =D

[amavel-bel.livejournal.com]

Thank you!!!

[gina301.livejournal.com]

Genial! el primer layout de QAF!!! XDDD como adoro a estos chicos!!! el header te quedó excelente :) mira mi icon <----- hicimos casi la misma manipulación :D

Salu2

[amavel-bel.livejournal.com]

Gracias!!! Eu também adoro esses dois e não podia deixar de fazer um layout sobre eles ;-).

Ahhhhh, que legal que você tem um icon assim!!! Que coincidência!!!

Besos

[mirita23.livejournal.com]

OMG Mabel te quedo maravilloso, me encantan las fotos, es q amo el primer capi y luego la frase es una de mis preferidas!!!!

felicitaciones!!

[amavel-bel.livejournal.com]

Ah, que bom que gostou, Mirita!!! A cena do primeiro encontro deles é super legal. Achei que daria um layout interessante ;-).

Besos

[sissi-blucas.livejournal.com]

eu já falei mas vou repetir
LINDAO LINDAO!!!!

[amavel-bel.livejournal.com]

Hahaha, brigada Sissi!!! E brigada também pelas caps. Sem elas não seria possível fazer o layout.

Beijão

[taylorjustin.livejournal.com]

*sighs all dreamy like* Again....simply AMAZING. God you create the best layouts. *kiss kiss* More B/J please.

[amavel-bel.livejournal.com]

Thank you thank you!!! I am so flattered, really. And you can be sure I will make more layouts about the boys ;-).

[taylorjustin.livejournal.com]

And trust me when I say this, I will definately be on the look out for them. =D The boys are just too hot and you portray that fact wonderfully. =D

[amavel-bel.livejournal.com]

Awwww, thanks again!!! You are so sweet ;-). The hotness of the boys is so inspiring that I will have to make more layouts about them, hehehe.

*smoochies*

[taylorjustin.livejournal.com]

Hehe...its true they are. Its funny how seperately they are hot but together its just...DAMN...ya know?

*smoochies*

[amavel-bel.livejournal.com]

Yeah, I so understand what you mean, hehehehe.

Kisses kisses

[angeliccale87.livejournal.com]

awww thats soooo cute!

[amavel-bel.livejournal.com]

Thanks a lot!!! And they are very very cute indeed!!! *g*

[angeliccale87.livejournal.com]

that they are...i feel the sudden need to watch a bunch of old episodes lol