Aero Glass With Vista Taskbar

This is a full working transparent layout. Images are in .png format. Transparent png images doesn't really work with IE, so I did some research and found a code to make IE render it transparent.

Background can be customizable, so you can change to whatever you want.

Background/wallpaper is by Petercui @ da.

Tested on Firefox and IE, not sure about other platforms.

Aero Glass window was not made by me it was by JordyGreen @ Da

Replace the XXXXXX with your friendid.

Best viewed with 1152x864 resolution or higher.

• 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><style type="text/css"> body { background-color:000; background-image:url(http://i28.tinypic.com/24bn8cl.jpg); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; } b, strong, .btext {font-family: times new roman; letter-spacing:1px; color:72ccc5;} i, em, .itext{font-family: georgia; color:408998; text-transform: lowercase;} u, .utext { font family: arial; color:b43e29; border-bottom: dashed 1px;} s {font family: century gothic; font-size: 9pt; color:0081d9;} h1 {font-family: Tahoma; color:black; text-align:center; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:29px; background-image:url(http://cbimg6.com/layouts/08/02/23/25704ab.gif); background-position:left center; background-repeat:no-repeat; font-weight: normal;} .about_me {position:absolute;top:242px;margin-left:-147px;left:50%; height:360px; width:490px; color:black; overflow:auto;} .extra_box {position:absolute;top:275px;left:50%; margin-left:-340px; height:320px; width:175px; color:black; } table, td, tr, th,body, p, td, font,td, li, p li, p, br, table {font-family:arial; font-size: 9pt; color: black;} table, tr, td {border: none; background-color: transparent; padding: 0;} table {border: none; background-color: transparent;} table table {border: none; border-color: none; background-color: transparent;} table table table {border:none; background-color: transparent; padding:0;} table table table table {border: none; border-color: none;} a, a:link, a:active, a:visited {font-family: tahoma; font-size: 12px; color: 0170a4; font-weight: normal;letter-spacing:;} a:hover {font-family:tahoma; color:a59f84; font-weight: normal; background-color: transparent;} a:link img, a:visited img {filter: none;border:0px} .googlebar,.profilelinks,.navigationbar,.navigationbarDiv,.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden !important;} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} .taskbar{ display:block; position:fixed; _position:absolute; left:0px; bottom:0px; width:1920px; height:34px; display:block; overflow:hidden; padding:0px; z-index:99999; background:url(http://img388.imageshack.us/img388/3193/2zrj7lzkj2.png) no-repeat 0 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://img388.imageshack.us/img388/3193/2zrj7lzkj2.png, sizingMethod='crop')!important;_background:none; } .glass { background:url(http://cbimg6.com/layouts/08/02/23/25704ac.png) no-repeat 0% 0%!important;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://cbimg6.com/layouts/08/02/23/25704ac.png, sizingMethod='crop')!important;_background:none; display:block!important; height:622px!important; width:800px!important; position:absolute!important; top:100px!important; left:50%!important; margin-left:-400px!important; overflow:hidden; } a.navabc { font-family:Tahoma; font-size:18px; color:black; width:175px; line-height:30px; text-align:center; display:block; } a.navabc:hover { font-family: tahoma; color: ffffff; background-color: transparent; width:175px; text-align:center; background:url(http://cbimg6.com/layouts/08/02/23/25704ad.png) no-repeat 0% 0%!important;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://cbimg6.com/layouts/08/02/23/25704ad.png, sizingMethod='crop')!important;_background:none; line-height:30px; display:block; text-decoration:none; } a img {border: 0px;} </style> <div class="glass"></div>

<div class="about_me"> <center><h1>The possibilities are endless..</h1> <br><b>Bold</b><u>Underline</u><s>Strike Through</s><i>Italics</i><a href="">Link</a><br> more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space </center> </div> <div class="extra_box"> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navabc">Home</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navabc">Add</a> <a HREF="http://messaging.myspace.com/Modules/Messaging/Pages/SendMessage.aspx??fuseaction=mail.message&friendID=XXXXXXXX" class="navabc">Message</a> <a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navabc">Pictures</a> <a HREF="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navabc">Friends</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="navabc">Comment</a> <a href="http://blog.myspace.com/XXXXXXX" class="navabc">Blog</a> <a href="http://createblog.com" class="navabc">Createblog</a> <a href="http://myspace.com/teaforcrafty" class="navabc">crafty-designs</a> </div> <a href="http://myspace.com/teaforcrafty" class="taskbar" target="_blank" alt="Created by crafty-designs"></a>

dayum that's creative! Those rollovers are absurdly cool!

I love this! :D

The Vista Taskbar is located underneath the textbox. Should it be located on the bottom of the page or? If it could be put near the bottom, that'd be great. If not can we take it off if we choose? If so, where, and what's the code for it? Thanks for your time. Great layout by the way.

Wow I love how you made the task bar.

This is just too smart.
But with a much smaller screen than you have, it doesn't look too much like the preview.
But it's still amazing =)
You inspire me.

Update: I added a transparent vista taskbar to make it a real vista feel to it.

Beautiful!
But why is the preview different from what you have on the picture on the left? (

I really like this idea. I agree with Strive, though I've seen layouts similar to this, the effects of this style are so awesome and stand out a lot. Good work.

this reminds me of windows vista.
i like it.
great job! ")

Nice Job. Nice Detail where its needed. looks identical to the Vista set up too. Nice Job =]

View all »

Designer	crafty-designs
Submitted on	Feb 22, 2008
Page views	25,548
Favorites	115
Comments	18
Reviewer	miyashu
Approved on	Feb 23, 2008

minimal, aero, glass, windows, vista

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

• Here I Stand Layouts