HTML Help

terriordx32 · Joined: 27 Apr 2009 Posts: 7

HEy,

im pretty new to coding and such and i was wondering if somebody can help me code a layout.

i pretty much know how to do a little CSS, but i need help coding a layout for myspace...

here is the graphic of which i want to code:
http://i170.photobucket.com/albums/u265/terriordx32/baybaybay.png

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

First thing is that image has to be reduce from about 2.3MB down to something more manageable in size. If you use any good graphics edit and resave image for web, you'll be able to adjust the file size.

If you are wanting it as a page background or a container background, the code is easy enough, but you can use the MySpace Profile editors to do all the coding for you by following the steps given.

http://new.modmyprofile.com/tools/world_visitor_map.php
http://myspacecolor.com/
http://www.myspacetoolbox.com/myspace-editor.php
http://www.htmlgoodies.com/beyond/webmaster/article.php/3645641
http://www.myspaceprodesigns.com/generator/myspacegen/

terriordx32 · Joined: 27 Apr 2009 Posts: 7

thanks for the links..but i am trying to code it from scratch

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I know. I just wanted you to see how they do it for MySpace so you'll have some ideas what is needed. If you don't at least look and also reduce that image size, it's going to be hard to help you.

terriordx32 · Joined: 27 Apr 2009 Posts: 7

ok...how small should i resize the image to? 800x600?

and Are you able to help me with the actual coding?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

That's a good size, but keep a copy of the original image just in case. Could probably help with getting the image in as the background for the page, but I haven't kept up with all the coding MySpace requires for the rest of their pages.

terriordx32 · Joined: 27 Apr 2009 Posts: 7

ok the image is now 800x640:

http://i170.photobucket.com/albums/u265/terriordx32/baybaybayds.png

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

OK. That's a good size, but can you compress it more or reduce the file size more by converting it to a jpg format and setting Quality reasonable for a web page? That is still close to 1MB in size and you are using a PNG format which most browsers have no problems with, but IE may give you problems with it.

terriordx32 · Joined: 27 Apr 2009 Posts: 7

ok i have compressed it and set it to jpg format

http://i170.photobucket.com/albums/u265/terriordx32/baybaybayds-1.jpg

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Wow! Much, much better. :P Loaded really fast. Do you want this as the background for whole page? If so, this is the basic code:

Code: <style type="text/css">
body {
background: url(http://i170.photobucket.com/albums/u265/terriordx32/baybaybayds-1.jpg) no-repeat center scroll;
}
</style>

That should go in one of your profile sections. If you already have coding similar to this in your Profile for the body tag, replace the background image link with one shown.

terriordx32 · Joined: 27 Apr 2009 Posts: 7

i want this as the whole page.

and i have no coding...im starting from scratch lol...if you have aim or msn...it would be easier to communicate...thats if your willing to my aim-griffin83945...msn-terriordx32

but back on topic, i have no other codes but this one you just wrote...well i had a Css code that i did but i wasnt sure about it

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Those MySpace layout generators do allow you to make some nice templates to work from and that image can be put in as the background. It would give you working code that can be modified as to images and colors. Even using the MySpace Profile Editor would be a big help.

terriordx32 · Joined: 27 Apr 2009 Posts: 7

Quote:
http://www.myspaceprodesigns.com/generator/myspacegen/

does this work with myspace 2.0?
I the site listed above to make code everything and there was a problem,The font color stayed black

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Not too sure about that site, but this one has a choice of editors:

http://myspacecolor.com/

PokemonBroski · Joined: 16 Jul 2009 Posts: 4

I myself am learning CSS coding from scratch
here is a really nice resource that teaches you alot about HTML and CSS
http://www.w3schools.com