Twilight - Vampires Travel In Style

Designer's Comments

Look carefully for specific instructions

Twilight themed layout I made a while ago.
Featuring the Cullen siblings (minus Edward) as seen on set during the filming of the Twilight movie.
The photo I've used is from here.

1. Replace 'xxxxxx' with your friend ID.
2. Do NOT attempt to conceal or remove the credit note.

This layout was originally posted at my journal.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>div table div div select {position:absolute !important; top:-400px !important; left:-400px !important; }</style> <style> .n{ HIDE STUFF } .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;} table, td, tr{ background-color:transparent;} object, embed{ width:0px; height:0px;} body div td div div select {width:0px !important;} </style> <style>  body { background-color: 000000; } content { position: absolute; } button { position: absolute; } b {color: 595F51; } i {color: BF5D5A; font-weight: bold} u {text-decoration: none; background-color: E7B976; padding: 1px; color: 924174; font-weight: bold;} A:link, A:visited, A:active {text-decoration: none; background-color: BED09E; padding: 1px; color: 980434; font-weight: bold; font-size: 10px; font-family: verdana;} A:hover {text-decoration: none; background-color: AED7DD; padding: 1px; color: 980434; font-weight: bold;} .homebutton{padding: 0px; position: absolute; height: 45px; width: 134px; border: 0px solid; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566aa.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .homebutton:hover{padding: 0px; background-position: bottom left;} .addbutton{padding: 0px; position: absolute; height: 45px; width: 134px; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566ab.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .addbutton:hover{padding: 0px; background-position: bottom left;} .msgbutton{padding: 0px; position: absolute; height: 45px; width: 134px; border: 0px solid; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566ac.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .msgbutton:hover{padding: 0px; background-position: bottom left;} .picsbutton{padding: 0px; position: absolute; height: 45px; width: 134px; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566ad.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .picsbutton:hover{padding: 0px; background-position: bottom left;} .friendsbutton{padding: 0px; position: absolute; height: 45px; width: 134px; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566ae.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .friendsbutton:hover{padding: 0px; background-position: bottom left;}  .commentsbutton{padding: 0px; position: absolute; height: 45px; width: 134px; overflow: hidden; background-image: url(http://cbimg6.com/layouts/08/03/29/26566af.jpg); background-position: top left; background-repeat: no-repeat; display: block;} .commentsbutton:hover{padding: 0px; background-position: bottom left;} </style>

Layout Code

Copy and paste to I'd Like to Meet

Help

'ABOUT ME' GOES HERE, obviously =)<br>
<Br>
<b>bold</b><Br>
<i>italic</i><Br>
<u>underline</u>
<br><Br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum ultrices quam. Proin dapibus ligula id nisl. Proin semper placerat leo. Nulla quis odio pharetra risus cursus porta. Donec nulla justo, commodo rutrum, malesuada et, suscipit sed, dui. Praesent at lacus. Maecenas vel sem nec nisi mattis dignissim. Duis ornare pede ac ante. Donec eu ante. Integer feugiat euismod risus. Ut in diam et mi auctor feugiat. Curabitur venenatis nunc non nisl. Ut non libero. Morbi et leo eget odio adipiscing congue. Etiam volutpat. Pellentesque vitae massa.
<br><Br>
Donec luctus iaculis est. Sed justo lacus, blandit sit amet, porta nec, congue nec, enim. Aliquam venenatis neque eu justo. Morbi pharetra sem vel sapien. Donec tempus viverra mauris. Integer eros neque, sodales sit amet, pellentesque a, elementum sit amet, nisi. Curabitur lectus. Duis mollis orci. Ut tempus sapien sed tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur nec elit id nulla bibendum imperdiet. Donec semper, est vitae commodo interdum, augue arcu laoreet enim, vitae ornare magna dui at quam. Pellentesque nibh metus, scelerisque sit amet, molestie a, fringilla sit amet, arcu. Quisque sit amet pede condimentum tellus varius fringilla. Phasellus gravida consectetuer quam. Suspendisse semper libero consequat enim. Aenean ultrices. Phasellus ac mauris gravida lectus fermentum imperdiet. Pellentesque egestas pulvinar arcu.

</div> <div class="content" style="z-index: 5; position: absolute; width: 146px;top: 129px;left: 440px; border-width: 0px; color: 22231F; font-family: trebuchet; font-size: 10px; overflow: auto; "> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxx" type="hidden" /><textarea name="f_comments" style="border-width: 0px; border-style: solid; border-color: 420904; width: 140px; height: 315px;  font-family: verdana; text-transform: uppercase; letter-spacing:1pt; font-size: 10px; color: ffffff; background-color: ADD6ED; overflow:auto; padding: 3px; padding-bottom: 0px; background-image: url(http://i302.photobucket.com/albums/nn101/rescuedsoul/myspace/cullencar_commentbk2.jpg); overflow-x: hidden;">"Ostentatious, isn't it?"</textarea> <center> <input value="say it" style="height: 30px; border-width: 0px; width:140px; font-family: garamond; letter-spacing:1pt; font-size: 0px; color: ffffff; background-color: transparent; background-image: url(http://i302.photobucket.com/albums/nn101/rescuedsoul/myspace/cullencar_submit1.png); background-repeat: no-repeat; background-position: center center;" type="submit" /></center> </form> </div>

Layout Comments

Showing latest 10 of 41 comments

haha I love this one..nice navigation.

By Enigma19 on Nov 3, 2008 4:10 pm

oh and in the link i just gave you;
http://i36.tinypic.com/ 289edi.jpg
you have to take out the space
before 289 or it wont show.

By IDTAPTHATFLOOR on Nov 2, 2008 10:46 am

Twilight is a great book series; (: I've read them all.
And i very much so like this layout.

But theres a problem with the coding on this website
Using Safari Internet; Your whole code will not show, It actually thinks of it as a comment box and underneath the box it says the "Just say it" link.
I took a screeny so you could see what i mean;
http://i36.tinypic.com/ 289edi.jpg
Now i know not alot of people use Safari Internet;
But i thought you should be aware of that issue.

BUT; i am using your layout.
It seems like its only Safari thats having this problem
Because i then re-checked it on Fire Fox and the code came out
fine;.

P: Thanks.

By IDTAPTHATFLOOR on Nov 2, 2008 10:45 am