Great MySpace Coverup...





8
Date Submitted Thu. Dec. 7th, 2006 9:27 AM
Revision 1 of 1
Scripter Casper42
Tags CSS | MySpace
Comments 14 comments
This one may get me in trouble or kicked off MySpace altogether, but I thought it would be a fun bit of CSS magic to post.

As some of you may already know, MySpace does a REALLY good job of preventing images, script and some other tags from being used to customize your space. They have even gone to the extent of using tables without ID's to do the layout.

Pretty ingenious, allowing some customization, but still keeping those annoying ads for single women available to me and my youth groups kids, my family, etc..

Well no more - I want my friends to visit My Site, not just MySpace - so I have a clever method of getting them to go there, instead of posting comments on MySpace...

Check out my space to see this code in action!
www.myspace.com/casper619

<style>
  body {overflow: hidden;}
  table * {height: 0;}
  select {display: none;}
  a * {text-decoration: none;}
</style>
<div id="MySpaceOverlay" style="
    background: url(http://www.edmistons.com/templates/Edmistons%20v2006.10/images/pageBG.png) bottom repeat-x;
    _background: url(http://www.edmistons.com/templates/Edmistons%20v2006.10/images/pageBG.png) top repeat-x;
    top: 0;
    left: 0;
    height: 100%;
    _height:10000px;
    width: 100%;
    _width:10000px;
    padding: 0px;
    display: block;
    position: absolute;
    "
>
   
  <div id="MySun" style="
    background: url('http://www.edmistons.com/templates/Edmistons v2006.10/images/sun.png');
    _background: url(http://www.edmistons.com/templates/Edmistons v2006.10/images/sun.gif);
    top: 0;
    left: 0;
    height: 125px;
    width: 125px;
    position: absolute;
    "
>
  </div>
 
  <div id="MySpaceWarning" style="
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.jeremyedmiston.com/fonts/font.php?text=You should not be on MySpace!&font=Soopafresh.ttf&size=24&color=cc6600&transparent=true&outcolor=ffcc00&outwidth=1&outline=true');
    background: url('http://www.jeremyedmiston.com/fonts/font.php?text=You should not be on MySpace!&font=Soopafresh.ttf&size=24&color=cc6600&transparent=true&outcolor=ffcc00&outwidth=1&outline=true')top left no-repeat;
    width: 500px;
    height: 40px;
    display: block;
    position: relative;
    margin-left: 130px;
    margin-bottom: 10px;
    "
>
  </div>
 
  <a id="GetFlock" href="http://downloads.flock.com/index.php?os=win&product=flock-0.7.8&utm_source=flockcom&utm_medium=homepage&utm_campaign=flockcom002&utm_content=os_language" title="(You should not be using Internet Explorer either!!)" >
    <div id="FlockYou" style="
      display:none;
      _display: inline;
      background: url(http://spread.flock.com/buttons/getFlock-EN.gif) top right no-repeat;
      top: 2px;
      left: 630px;
      width: 260px;
      height: 30px;
      cursor: pointer; 
      position: absolute;
      padding-right: 90px;
      padding-top: 2px;
      text-decoration: none;
      "
>You should not be using Internet Explorer either!!
    </div>
  </a>
 
  <div id="Photo" style="
    background: url('http://www.edmistons.com/images/stories/photoalbum/Bed%20time%20devotions/images/cimg1952.jpg');
    width: 640px;
    height: 480px;
    border: 5px solid &#035;FFFFFF;
    margin-left: 130px;
    "
>
  </div> 
 
  <div id="Grass" style="
    background: url(http://www.edmistons.com/templates/Edmistons%20v2006.10/images/grassBG.png) repeat-x bottom;
    bottom: 40px;
    width: 100%;
    height:60px;
    position: absolute;
    _display: none;
    "
>
 
    <a id="MySiteLink" href="http://www.edmistons.com">
      <div id="MySiteText" style="
        background: url('http://www.jeremyedmiston.com/fonts/font.php?text=Visit me and my family at www.edmistons.com...&font=Soopafresh.ttf&size=24&color=cc6600&transparent=true&outcolor=ffcc00&outwidth=1&outline=true')top left no-repeat;
        margin-top: 15px;
        width: 760px;
        height: 50px;
        display: block;
        _display: none;
        position: relative;
        margin-left: 130px;
        "
>
      </div> 
    </a>
 
  </div>
 
  <div id="GroundCover" style="
    background: &#035;669900;
    bottom: 0px;
    width: 100%;
    height:40px;
    position: absolute;
    _display: none;
    "
>
  </div>
 
 
  <div id="IEGrass" style="
    background: url(http://www.edmistons.com/templates/Edmistons%20v2006.10/images/grassBG.gif) repeat-x bottom;
    width: 100%;
    height:60px;
    position: relative;
    margin-top: -10px;
    display: none;
    _display: block;
    "
>
  </div>
 
  <a id="IEMySiteLink" href="http://www.edmistons.com">
    <div id="MySiteText" style="
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.jeremyedmiston.com/fonts/font.php?text=Visit me and my family at www.edmistons.com...&font=Soopafresh.ttf&size=24&color=cc6600&transparent=true&outcolor=ffcc00&outwidth=1&outline=true');
      margin-top: 15px;
      width: 760px;
      height: 50px;
      display: none;
      _display: block;
      position: relative;
      margin-left: 130px;
      margin-top: -50px;
      "
>
    </div> 
  </a>
 
  <div id="IEGroundCover" style="
    background: &#035;5a8f00;
    width: 100%;
    height:4000px;
    position: relative;
    display: none;
    _display: block;
    "
>
  </div> 


</div>
 

Jeremy Edmiston

Comments

Comments Negative votes...
Sun. Dec. 10th, 2006 6:07 PM    Scripter Casper42
Comments Thank you...
Tue. Dec. 12th, 2006 7:59 AM    Scripter Casper42
Comments Non-Violation Update...
Mon. Dec. 18th, 2006 11:03 PM    Scripter Casper42
  Comments Good
Tue. Dec. 19th, 2006 7:14 PM    Beginner alp0001
Comments TOS and Morality...
Wed. Dec. 20th, 2006 12:14 AM    Scripter Casper42
  Comments Don't be sorry
Sun. Dec. 31st, 2006 5:55 PM    Beginner crc5779
Comments Think about it.
Sun. Dec. 17th, 2006 8:37 AM    Helper mceppi
  Comments No...
Sun. Dec. 17th, 2006 5:40 PM    Beginner alp0001
Comments Violation...
Sat. Dec. 16th, 2006 9:40 AM    Beginner alp0001
  Comments You're wrong
Tue. Dec. 19th, 2006 3:15 PM    Beginner crc5779
    Comments Wrong how?
Tue. Dec. 19th, 2006 7:12 PM    Beginner alp0001
      Comments Inaccurate Analogy
Sun. Dec. 31st, 2006 4:28 PM    Beginner crc5779
Comments Nice
Tue. Dec. 19th, 2006 2:48 PM    Beginner crc5779
Comments negatives..
Mon. Dec. 11th, 2006 11:20 AM    Newbie Lighthater

Voting