Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 

MySpace Mask Version 3 by ~eons:iconeons:


©2006-2010 ~eons
:iconeons:

Artist's Comments

Final finished these so my MySpace account will not be deleted, b/c the last two mask covered up the banner.
Anyway I love the colors, how simple the design is, and the fact that it works for the poor souls still using IE.
These version also works w/ all the main browsers (Firefox, Safari, Opera, & IE), but w/ a few problems w/ the css on Safari (text box) and Opera (page goes on forever).

The final version can be seen here -> [link]
It is a little different only b/c I ran into problems w/ coding it.

I'll be writing up a 'How to' some time, on my blog -> [link]

Comments


love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconjerk-face:
oh man did you? cause i'd love to go off of parts of this or number 2

--
-----------------------------------------------------------------------------
Champagne for my real friends and real pain for my sham friends
-----------------------------------------------------------------------------
:iconjhas777:
Oh!... I love it!.
It would be nice if you just shared the code (without links to images perchance) in here.

--
UHF ANTENNA || visual arts, digital culture and infornography.
:iconyouthbytes:
i'm interested... how did you move the blogs? are you just redoing the blog links by hand with html or is that the actual blogs in a div?
:iconlilaznnino:
i want the codes,it's awsome
:iconeons:
I'll just need your email, the code is lengthy, over some 700 lines. But here is the code to start making a mask, also it works in IE too.


=====

<style type="text/css" media="screen">

html body div table tbody tr td span {display:none; padding:0; margin:0;}

html body div table tbody tr td input {
display: none}

html body div table tbody tr td a, html body div table tbody tr td form {
display: block;
text-align: center}

html body div table tbody tr td {
background: none;
_background: none;
font-size: 0px;
display: block !important;
position: absolute;
top: 20px;
left: 20px;
_margin-top: -340px;
_margin-left: -296px;
_z-index: 1;
z-index:1 !important;
border: 0;
padding: 0;
width: 750px}

html table table EMBED {
display: block;
position: absolute;
top: 120px;
left: 425px;
width: 285px;
height: 51px;
visibility: visible;
background-color: rgb(31,31,30);
font-family: Verdana, Arial, Helvetica, sans-serif}

html body div table tbody tr tbody { display: none}

table {
margin-left: -15000px;
margin-top: -15000px;
overflow: hidden}

table table td.text table td.text tbody table tbody td table td { display: none}
div div table td td font { visibility: hidden}

.container {
position: absolute;
top: 180px;
left: 0px;
width: 740px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
font: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
overflow: hidden;
background-color: rgb(252,252,252);
color: rgb(196,196,196)}

.header {
width: 740px;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif}
</style>

<div class="container">
<div class="header">
Code here
</div></div>

=====
~Ashton
:iconeons:
I may just put up the code on my web site. And add a link to it. Maybe when I get some free time. But for now, if you give me your email, I can send it to you.
:iconeons:
I tried to move the blog it's self. But still haven't been able to do that. Maybe w/ a little more work on the css and looking at the shit myspace code, I could get it to work. But it's just coding the links and redesigning it. =/
:iconeons:
Just need a email to send it too.
:iconyouthbytes:
i feel you. i may have a way to do it. if it all works out, i'll hook you up when i do my next layout.

Details

March 1, 2006
549 KB
740×1500

Statistics

11
6 [who?]
1,285 (0 today)

Site Map