The Vienna Tram

Haven't made a DIV in a while. A long while.

READ: Please use this ONLY if you have knowledge of HTML and CSS.

READ: Please use this ONLY if you have knowledge of HTML and CSS.

READ: Please use this ONLY if you have knowledge of HTML and CSS.

Thanks. Oh, and don't forget to replace all of the 'YOUR_FRIEND_ID_HERE' with your friend ID.

Base image credit goes to wvs.topleftpixel.com.

• 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

<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><a href="http://www.the-markster.net" style="position: absolute; top: 10px; left: 10px"> <img src="http://cbimg6.com/layouts/07/10/25/22637aa.gif" style="width: 87px; height: 22px; background-color: transparent !important; border: 0px" alt="Layout by MStudios" title="Markster Studios" /></a> <style type="text/css"> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail { display: none; } .extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, .navigationBar { display: none; } table, tr, td, th { background-color: transparent; } div table td form, .orangetext15 { display: none; } body { background-color: 7bb0a6; background-image: url('http://cbimg6.com/layouts/07/10/25/22637ac.gif'); background-position: top center; background-repeat: repeat; background-attachment: scroll; } img.layout { width: 800px; height: 650px; position: absolute; top: 128px; left: 50%; margin-left: -400px; border: 0px; } .name { position: absolute; top: 262px; left: 50%; margin-left: -279px; width: 320px; height: 40px; color: 657b75; font-family: 'Lucida Sans Unicode', 'Century Gothic', 'Tahoma', sans-serif; font-size: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } .contentbox { position: absolute; top: 318px; left: 50%; margin-left: -324px; width: 360px; height: 320px; overflow: auto; scrollbar-arrow-color: 657b75; scrollbar-face-color: f0f2f1; scrollbar-track-color: f0f2f1; scrollbar-3dlight-color: f0f2f1; scrollbar-highlight-color: f0f2f1; scrollbar-shadow-color: f0f2f1; scrollbar-darkshadow-color: f0f2f1; } .content { color: 657b75; font-family: 'Verdana', sans-serif; font-size: 7.5pt; line-height: 14pt; margin-right: 8px; } h1 { color: 4a5955; font-family: 'Tahoma', sans-serif; font-size: 10pt; font-weight: bold; text-transform: uppercase; margin: 0px; padding-bottom: 5px; letter-spacing: 3pt; display: block; } a, a:link, a:visited, a:active { color: 04a4ac; font-family: 'Verdana', sans-serif; font-size: 7.5pt; font-weight: bold; text-decoration: none; background-color: transparent; } a:hover { font-weight: bold; text-decoration: underline; } td td object, td td embed { position: absolute; top: 5px; left: 5px; } td td td object, td td td embed { position: static !important; } </style> <map name="layoutmap"> <area shape="rect" coords="198,93,291,115" href="http://home.myspace.com/index.cfm?fuseaction=user" /> <area shape="rect" coords="291,93,381,115" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR_FRIEND_ID_HERE" /> <area shape="rect" coords="381,93,471,115" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR_FRIEND_ID_HERE" /> <area shape="rect" coords="471,93,561,115" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR_FRIEND_ID_HERE" /> <area shape="rect" coords="561,93,651,115" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_FRIEND_ID_HERE" /> <area shape="rect" coords="651,93,741,115" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR_FRIEND_ID_HERE" /> <area shape="rect" coords="51,545,351,575" href="http://www.the-markster.net" /> <area shape="rect" coords="484,545,751,575" href="http://wvs.topleftpixel.com" /> </map> <img src="http://cbimg6.com/layouts/07/10/25/22637ab.jpg" class="layout" usemap="#layoutmap" alt="" />

<div class="name" align="right">Your Name Here</div> <div class="contentbox"><div class="content" align="justify"> <h1>About Me</h1> This is where you write about yourself.<br /> This is where you write about yourself.<br /> This is where you write about yourself.<br /> This is where you write about yourself.<br /> This is where you write about yourself.<br /> <br /><br /> <h1>I'd Love to Meet</h1> This is the "Who I'd Like to Meet" section.<br /> This is the "Who I'd Like to Meet" section.<br /> This is the "Who I'd Like to Meet" section.<br /> This is the "Who I'd Like to Meet" section.<br /> This is the "Who I'd Like to Meet" section.<br /> <br /><br /> <h1>Basic HTML Tags</h1> <b>Bolded</b> · <i>Italicized</i> · <u>Underlined</u> · <a href="http://www.the-markster.net">Hyperlink</a><br /> <br /><br /> <i>You MUST have knowledge of HTML and CSS in order to use this layout. If you don't, then I guess it's too bad you can't use it.</i><br /><br /> </div></div> <noembed>

I really, really admire this layout. You really made it a layout on its own with your color choices, navigation, and picture choice. I love the brushes you used, as well. Most of the time I don't like it when graphic artists use a flat color brush over a photo like you did, but, the way you did it makes this layout ahh-mazing. totally favoriting, I don't know how I missed this.

I LOVEEEE this layout... and ummm about that icon on the top left that says "markster"... it kinda got in the way of my music box so i shifted it to the right. Dont worry! it's still visible on the screen though.I hope you dont mind

Wow this is probably the best layout Ive seen on createblog.

Its amazing!

I love the background the nav, WOW!

Its just incredible!

sorry i couldnt find the friend id spot but i got it now

the picture link and comment link arnt working help?

The credit is huge, but I'm going to use it anyway.

It's very clean, professional, and elegant looking. I love it.

Works perfectly in Opera as well.

this is really good...

Dangit, Mark! I envy your talent. This layout has a very professional look, I really like it A LOT. Marry me? hahaha

It works fine for me in FF.
And idk why, but I reeeeeallly reeeally like this. lol

View all »

Designer	markmejia
Submitted on	Oct 25, 2007
Page views	19,047
Favorites	125
Comments	26
Reviewer	IVIike
Approved on	Oct 25, 2007

, vienna, tram, train, blue, orange, teal, markster

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts