possible to override the # filter in myspace?

[distantweb]

i've just designed an entire myspace layout, and copied and pasted the code into the appropriate sections..

it worked perfectly as an external 'htm' file, but since it uses div id's and #'s in the CSS, it won't work properly in myspace.

is there a way to override this? or maybe link to the stylesheet using <link> somewhere in my code, so it can use it externally and avoid myspace's renaming of the # symbol?


i'm beyond annoyed with this now, someone please help before i kill myself!!

here's my code:

I'd Like To Meet

<div id="lang01">
</div>
<div id="lang02">
</div>
<div id="lang03">
</div>
<dl id="lang04add">
<dt class="btnlang04add">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang05">
</div>
<div id="lang06">
</div>
<dl id="lang07pics">
<dt class="btnlang07pics">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang08">
</div>
<div id="lang09">
</div>
<dl id="lang10home">
<dt class="btnlang10home">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">&nbsp;</a>
</dt>
</dl>
<div id="lang11">
</div>
<dl id="lang12videos">
<dt class="btnlang12videos">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang13">
</div>
<dl id="lang14message">
<dt class="btnlang14message">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=2860768">&nbsp;</a>
</dt>
</dl>
<div id="lang15">
</div>
<dl id="lang16friends">
<dt class="btnlang16friends">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang17">
</div>
<div id="lang18">
</div>
<div id="lang19">
</div>
<div id="lang20">
<center>
<br />
<br />
<form id="comment" method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="2860768">
<textarea name="f_comments" style="width: 180px; height: 120px; background: transparent; border: 1px solid white;">
</textarea>
<br />
<br />
<input type="submit" id="btncomment" value="">
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" id="btnreset" value="">
</form>
</center>
</div>
<div id="lang21">
</div>

Interests

<style type="text/css">

body {background-color:FFFFFF; background-attachment:fixed;}
td, .text, div, input {color:000000 !important;}
span, b {color:FFFFFF !important;}
a {color:000000 !important;} img {border:0px;}
table, tr, td, tbody {background-color:transparent; border:0px;}
div table td font {visibility:hidden;}
div table table table td font {visibility:hidden;}
object {display:block; position:absolute; top:0px; left:0px; visibility:hidden;}
table div div, table tr td div font a {visibility:hidden;}
.toprightcol1 a, .toprightcol2 a, .photo a, .left4 a {visibility:hidden !important;}
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;}
table tbody tr td table tbody tr td.text table.latestBlogEntry {display:none;} 
 table table table table div a, .frm1 input {visibility:hidden;}
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

dt a {
text-decoration : none;
display : block;
font-size : 50px;
}
form#comment {
font-size : 4px;
}
textarea {
color : black;
font-family : segoe ui, century gothic, arial;
font-size : 12px;
font-style : bold;
overflow : hidden;
padding : 5px;
}
input {
background-color : transparent;
border : none;
}
input#btncomment {
background-image : url(lang_22.png);
width : 95px;
height : 30px;
}
input#btncomment:hover {
background-image : url(lang_on_22.png);
}
input#btncomment:active {
border : 2px inset white;
}
input#btnreset {
background-image : url(lang_23.png);
width : 70px;
height : 30px;
}
input#btnreset:hover {
background-image : url(lang_on_23.png);
}
input#btnreset:active {
border : 2px inset white;
}
#lang01 {
background-image : url(lang_01.png);
width : 652px;
height : 763px;
left : 50%;
top : 0%;
margin-left : -550px;
margin-top : 50px;
position : absolute;
z-index : 1;
}
#lang02 {
background-image : url(lang_02.png);
width : 448px;
height : 57px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 50px;
position : absolute;
z-index : 1;
}
#lang03 {
background-image : url(lang_03.png);
width : 72px;
height : 36px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 107px;
position : absolute;
z-index : 1;
}
dl#lang04add {
width : 63px;
height : 36px;
left : 50%;
top : 0%;
margin-left : 174px;
margin-top : 107px;
position : absolute;
z-index : 1;
}
dt.btnlang04add a {
background-image : url(lang_04.png);
}
dt.btnlang04add a:hover {
background-image : url(lang_on_04.png);
}
#lang05 {
background-image : url(lang_05.png);
width : 313px;
height : 10px;
left : 50%;
top : 0%;
margin-left : 237px;
margin-top : 107px;
position : absolute;
z-index : 1;
}
#lang06 {
background-image : url(lang_06.png);
width : 16px;
height : 43px;
left : 50%;
top : 0%;
margin-left : 237px;
margin-top : 117px;
position : absolute;
z-index : 1;
}
dl#lang07pics {
width : 83px;
height : 43px;
left : 50%;
top : 0%;
margin-left : 253px;
margin-top : 117px;
position : absolute;
z-index : 1;
}
dt.btnlang07pics a {
background-image : url(lang_07.png);
}
dt.btnlang07pics a:hover {
background-image : url(lang_on_07.png);
}
#lang08 {
background-image : url(lang_08.png);
width : 213px;
height : 43px;
left : 50%;
top : 0%;
margin-left : 336px;
margin-top : 117px;
position : absolute;
z-index : 1;
}
#lang09 {
background-image : url(lang_09.png);
width : 35px;
height : 43px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 143px;
position : absolute;
z-index : 1;
}
dl#lang10home {
width : 100px;
height : 43px;
left : 50%;
top : 0%;
margin-left : 137px;
margin-top : 143px;
position : absolute;
z-index : 1;
}
dt.btnlang10home a {
background-image : url(lang_10.png);
}
dt.btnlang10home a:hover {
background-image : url(lang_on_10.png);
}
#lang11 {
background-image : url(lang_11.png);
width : 9px;
height : 41px;
left : 50%;
top : 0%;
margin-left : 237px;
margin-top : 160px;
position : absolute;
z-index : 1;
}
dl#lang12videos {
width : 96px;
height : 41px;
left : 50%;
top : 0%;
margin-left : 246px;
margin-top : 160px;
position : absolute;
z-index : 1;
}
dt.btnlang12videos a {
background-image : url(lang_12.png);
}
dt.btnlang12videos a:hover {
background-image : url(lang_on_12.png);
}
#lang13 {
background-image : url(lang_13.png);
width : 208px;
height : 41px;
left : 50%;
top : 0%;
margin-left : 342px;
margin-top : 160px;
position : absolute;
z-index : 1;
}
dl#lang14message {
width : 135px;
height : 50px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 186px;
position : absolute;
z-index : 1;
}
dt.btnlang14message a {
background-image : url(lang_14.png);
}
dt.btnlang14message a:hover {
background-image : url(lang_on_14.png);
}
#lang15 {
background-image : url(lang_15.png);
width : 7px;
height : 88px;
left : 50%;
top : 0%;
margin-left : 237px;
margin-top : 201px;
position : absolute;
z-index : 1;
}
dl#lang16friends {
width : 108px;
height : 44px;
left : 50%;
top : 0%;
margin-left : 244px;
margin-top : 201px;
position : absolute;
z-index : 1;
}
dt.btnlang16friends a {
background-image : url(lang_16.png);
}
dt.btnlang16friends a:hover {
background-image : url(lang_on_16.png);
}
#lang17 {
background-image : url(lang_17.png);
width : 198px;
height : 649px;
left : 50%;
top : 0%;
margin-left : 352px;
margin-top : 201px;
position : absolute;
z-index : 1;
}
#lang18 {
background-image : url(lang_18.png);
width : 135px;
height : 53px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 236px;
position : absolute;
z-index : 1;
}
#lang19 {
background-image : url(lang_19.png);
width : 108px;
height : 44px;
left : 50%;
top : 0%;
margin-left : 244px;
margin-top : 245px;
position : absolute;
z-index : 1;
}
#lang20 {
background-image : url(lang_20.png);
width : 250px;
height : 282px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 289px;
position : absolute;
z-index : 1;
}
#lang21 {
background-image : url(lang_21.png);
width : 250px;
height : 279px;
left : 50%;
top : 0%;
margin-left : 102px;
margin-top : 571px;
position : absolute;
z-index : 1;
}
</style>
<div id="lang01">
</div>
<div id="lang02">
</div>
<div id="lang03">
</div>
<dl id="lang04add">
<dt class="btnlang04add">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang05">
</div>
<div id="lang06">
</div>
<dl id="lang07pics">
<dt class="btnlang07pics">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang08">
</div>
<div id="lang09">
</div>
<dl id="lang10home">
<dt class="btnlang10home">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">&nbsp;</a>
</dt>
</dl>
<div id="lang11">
</div>
<dl id="lang12videos">
<dt class="btnlang12videos">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang13">
</div>
<dl id="lang14message">
<dt class="btnlang14message">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang15">
</div>
<dl id="lang16friends">
<dt class="btnlang16friends">
<a href="http://">&nbsp;</a>
</dt>
</dl>
<div id="lang17">
</div>
<div id="lang18">
</div>
<div id="lang19">
</div>
<div id="lang20">
<center>
<br />
<br />
<form id="comment" method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="2860768">
<textarea name="f_comments" style="width: 180px; height: 120px; background: transparent; border: 1px solid white;">
</textarea>
<br />
<br />
<input type="submit" id="btncomment" value="">
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" id="btnreset" value="">
</form>
</center>
</div>
<div id="lang21">
</div>

</style>

[JaysGirl]

hey, already messaged you on myspace, but to make this work, you need to replace <div id=""> with <div class=""> and then replace # with . in the css.


That should do the trick.

[distantweb]

nah that won't work for what i'm doing, because i've made roll-over buttons that use IDs to differentiate their attributes from each other - eg. the size of each.

i've tried using the <link> code, but that obviously won't do anything unless it's in the <head> section of the page. so i tried a 'hack' i found in google (not specifically for myspace) to use the 'href=""' within the <style> tags - that did nothing. then i tried importing the CSS using the @import code, then that didn't work because myspace filters out the @ symbol!!

arggghhhh will i ever win?!


btw, you can see the design at: distantweb.co.uk

[Toon]

Not showing

Temporarily Unavailable

Distant Web Design is currently down for maintenence. Please check back soon.

[distantweb]

..the link has changed since i posted that message. it's a subdirectory of that, distantweb.co.uk is my homepage. add '/myspace/external' to the end of it to show the myspace.