PDA

View Full Version : Bit of html Help needed


Ekalb
27-06-2007, 10:26 AM
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/3059/helpmyspace1yd3.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/1359/helpmyspace2ts2.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.
Ekalb
27-06-2007, 11:58 AM
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.
the wombats
27-06-2007, 12:06 PM
look on createblog.com
today
27-06-2007, 12:09 PM
mygen.co.uk

read forum tuts :)
Ekalb
27-06-2007, 12:20 PM
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/3059/helpmyspace1yd3.jpg
with another image of my selection.
today
27-06-2007, 12:22 PM
do a overlay first.
Ekalb
27-06-2007, 12:26 PM
This is my current code for the area:

<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.
today
27-06-2007, 12:29 PM
http://mygen.co.uk/phpBB2/viewtopic.php?t=16501

http://mygen.co.uk/phpBB2/viewtopic.php?t=15904
Ekalb
27-06-2007, 12:39 PM
http://mygen.co.uk/phpBB2/viewtopic.php?t=16501

http://mygen.co.uk/phpBB2/viewtopic.php?t=15904

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.
today
27-06-2007, 12:40 PM
Doubt it.

loll. Anyway what your trying to do looks rubbish tbh. do something hot like

<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&#035;googleTLogo
{
background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
background-repeat: no-repeat;
}

&#035;googleTLogo
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(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>
Ekalb
27-06-2007, 12:42 PM
Doubt it.

loll. Anyway what your trying to do looks rubbish tbh. do something hot like

Oh I just thought maybe since I could do a plain colour as a layer background I could also do an image. hmm
Maybe I'll try something else.
Heck maybe I should even actually learn how to do all myself :(
today
27-06-2007, 12:44 PM
Copy the code i supplied into about me, remove all other codes (Y) and then change the background color later on maybee.

It's my current profile layout. Its the same as "normal default" but with style. (H)
Ekalb
28-06-2007, 10:28 AM
Copy the code i supplied into about me, remove all other codes (Y) and then change the background color later on maybee.

It's my current profile layout. Its the same as "normal default" but with style. (H)

I did what was in that tutorial with imageready.
It didn't talk about what to do next though, I've saved it and now I want to know how to put it on my myspace.
Jordy
28-06-2007, 10:35 AM
To get rid of the grey and make it transparent, just remove the background code.

In the <body> somewhere they'll be a background HTML code with the HEX Code for grey in. Just delete that code, and then it won't be defining a background, meaning it won't have one, ultimately making it transparent.
Ekalb
28-06-2007, 11:05 AM
To get rid of the grey and make it transparent, just remove the background code.

In the <body> somewhere they'll be a background HTML code with the HEX Code for grey in. Just delete that code, and then it won't be defining a background, meaning it won't have one, ultimately making it transparent.

I know that I just wanted it so an image would show instead and when I tried that the thing i linked to in the first post would happen.
So now thanks to Hollywood and that tutorial he linked me to I've used more of my time to make something that appears won't happen.

Want to hide these adverts? Register an account for free!