-
Bit of html Help needed
Yeah I'll admit it, I sunk low enough to make a myspace.
But I'm trying to make it as less like myspace as possible. However I ran into a bit of trouble when designing it.
http://img181.imageshack.us/img181/3...yspace1yd3.jpg
In the above image there is an area I've made grey, how can I make this image transparent so that it will go right through the original profile stuff and to the background OR insert an image instead of a plain colour that will go behind the boxes.
An example of what happens when I try to make the colour to 'none' (instead of the white/grey it is in the above image) is:
http://img241.imageshack.us/img241/1...yspace2ts2.jpg
Now you're all probably going to say. LOL THE FIRST TIP IS TO NOT USE MYSPACE.
but yeah if you can offer any advice.
I'm not even sure if I've given you enough info.
-
Perhaps someone can give me a code that will hide/get rid of ALL of the original profile stuff.
Anyone?
I got one code that will hide it all but then my other new layers don't show.
-
-
mygen.co.uk
read forum tuts :)
-
Thanks
I'm not looking for a generator, I've got a fine code I just need to know how to replace the grey/white color in this image:
http://img181.imageshack.us/img181/3...yspace1yd3.jpg
with another image of my selection.
-
-
This is my current code for the area:
Code:
<div class="main">
<table style="width:800px;
height:800px;
cellpadding:0px;
cellspacing:0px;
background-color: FFFFFF;">
I want to replace the background color with an image but I tried background-image: url ("URL HERE");">
and it didnt work.
-
-
Quote:
Originally Posted by
Hollywood
Argh
Is there anything simpler like just inserting a an image that will go behind my boxes and be in front of my normal background?
Like just a code for that?
Rather than basically starting over.
-
Doubt it.
loll. Anyway what your trying to do looks rubbish tbh. do something hot like
HTML Code:
<style type="text/css">
input.put2 {color:000 !important;
background-image:url("");
font-size:10px !important;
width:180px !important;
height:20px !important;
font-family:arial !important;
background-color: !important;
border-color:000000 !important;
border-width:1px !important;
border-style:solid !important;
letter-spacing:1px !important;
text-transform:none !important;
line-height:7px !important;
font-weight:normal !important;}
textarea.put2{
background-image:url("");
background-color: !important;
width:180px !important;
height:60px !important;
font-family:arial !important;
color:000 !important;
line-height:10px !important;
font-size:10px !important;
border-color:444444 !important;
border-style:solid !important;
border-width:1px !important;
}</style>
<style type="text/css">
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;}
</style>
<style type=text/css>.stats {display:none; visibility:hidden;}</style>
<style type="text/css">.lightbluetext8 {display:none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}</style>
<style type="text/css">
.contactTable { display: none }
</style>
<style type="text/css">
body {
background-color:green;
}
</style>
<style type="text/css">
form>img#googleTLogo
{
background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
background-repeat: no-repeat;
}
#googleTLogo
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}
</style><style type="text/css">
.contactTable {display: !important;}
.orangetext15{visibility:hidden;display:none;}
.lightbluetext8{visibility:hidden;display:none;}
.comments {visibility:hidden;display:none;}
.contactTable {display: !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table
.orangetext15, td.text td.text
.redlink, td.text td.text span.btext {display: !important;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:100;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
... {visibility:hidden; display:!important;}
textarea {
background-color:EE2288; background-image:url(""); border-width: 1px; border-style:; border-color:
black; color: black; font-family:Arial;}
input {
background-color: black; border-width:; border-style:; border-color: ; color: black; font-family:Arial;}
td.text a img {
position:relative;top:8;}
.fr td.text a img {position:Relative;top:2px;}
.hide {
display:none;
}
.x {
visibility:hidden;
}
td, tr, table {
height:0px !important;
}
input, textarea {
background-color:white !important;
border-width:0px !important;
border-style:solid !important;
border-color:black !important;
text-transform:none !important;
color:black !important;
}
table, td {
border:none;
border-width: 0px;
padding: 0px;
text-transform: none;
}
table table table {
border-width:0px !important;
border-style:solid;
border-color:black;
}
table table table table {
border-width:0px !important;
}
a:img, a:link img, a:active img, a:visited img, a:hover img {
border-width:0px !important;
margin:1px !important;
}
body, td, li, p, div, textarea, li, h1, h2, p, br
{color:000000; font-family:arial; font-size: 8pt; font-weight: normal;text-decoration:normal; line-height: 10px; letter-spacing:px}
.text {color:000000; font-family: arial; font-size: 8pt; text-decoration:none; text-transform: none;line-height: 10px; letter-spacing:px}
.blacktext10
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 12px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: none; }
.nametext{color:black;
font-family:arial;
text-decoration:;
font-size: 30pt;
font-weight: bold;
letter-spacing:-0.5em;
border: none;
letter-spacing:-6px;
line-height:19px;
background-color:;
text-transform: none;
display: inline;
position: relative;
top: 6px; left: 20px;
}
.orangetext15
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: none;
visibility:hidden; }
.lightbluetext8
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none;
visibility:hidden;}
.blacktext12
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 12px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none; }
.btext
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none; }
.whitetext12
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none; }
a:link
{ color: black;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
color: white;
font-weight: normal;
text-decoration: none;
text-transform: none; }
a:visited
{ color: black;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
color:white;
font-weight: normal;
text-decoration: none;
text-transform: none; }
A:hover {
{ color: 000000;
font-size: 8pt;
font-family:arial;
line-height: 12px;
letter-spacing:px
color: 000000;
font-weight: normal;
text-decoration: none;
text-transform: none; }
a:link img {filter: ;} a:hover img {filter: ;}
tr
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 12px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: ; }
i {
color: ;
font-family: arial;
font-size:pt;
text-transform: ;
font-style:italic;
font-weight: normal;
}
b
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none; }
h2
{ color: ;
font-size: 18pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
color: ;
font-weight: ;
text-decoration: none;
text-transform: ;}
u {
color: ;
font-family: arial;
font-size:pt;
text-transform: ;
font-style: none;
}
.redtext,
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px; letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: none; }
.redbtext,
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: none; }
.lightbluetext8
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 11px;
letter-spacing:px
color: ;
font-weight: bold;
text-decoration: none;
text-transform: none; }
table tbody td table tbody tr td.text table {visibility:visisble;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
<style>
a .text
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>
<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>
<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table
.orangetext15,
td.text td.text .redlink,
td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td,
td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
.rid br {display:none;}
</style></style>
