(no subject)
OKay I said that I would help with the myspace coding so this is going to be a bit long.
What I'm going to do is give you some basic layouts, so that you may customize them as you wish. I 'm going to try and make this seem as easy as possible. And if you have any questions, I'm all about answering them.
Ok
If you want a basic myspace page. Simple colored boxes. With all the boxes lined up, because I hate when my boxes start dancing around my page because someone wanted to add a "THANKS FOR THE ADD" image the size of my foot. It's all good, although it makes your page uneat. You can always disable your html if this bugs you so. OR you can have like an auto resize when it comes to images or whatever is being added to your page. Which is included in this basic layout.
Login into your myspace. Click Home. Click Safe Mode. Under the "About Me" Section click "Edit". Copy and Paste these codes into the "About Me" section. Click "Preview". It will give you a half ass look of what your page will look like. Then click "Submit.
Now you say "Well I don't like the color of those tables. Nor do I like the colors of the font and the color that pops up when I hover over my links." Blah Blah. Okay I'm going to break it down. It's easy.
Background Color:
Go to this line, which should be the second line of the html coding.
*body {
background-color:850505;*
Change the 6 letter or digit code that makes up the color of your choice.
http://hotwired.lycos.com/webmonkey/reference/color_codes/
Go there for color codes. OR pop open Photoshop or Paint Pro, and get it there.
Background Image (Optional):
You want a seamless background pattern? Or maybe you want Aaliyah splattered on the back?
1.You are going to need your image of choice.
2.You are going to need a host. (ie Photobucket)
3.You are going to need an image url which you will put in between the parenthesis.
*background-image: url(none);*
After you have uploaded your image, you will be putting a code like this : *http://www.mysite.com/myimage.jpg* in between those parenthesis.
"But I don't want the image to repeat."
Go to this line in your coding
*background-repeat: repeat;* and make it look like this background-repeat:no- repeat;
Background Table (Box) Image
Want to maybe have a patterm as your box tables?
Go to this line(s) and follow the same directions as if you were adding a background image.
*table table table {
background-color:F8EAD0;
background-image: url(none)
border-width: 0px;
border-color:000000;
border-style: solid;
filter:alpha(100);
-moz-opacity:1;
opacity:1;
}*
Table (Box) Color:
Go to this line in your coding
*table table table {
background-color:F8EAD0;*
Change the 6 digit letter code, like we did for the background color? Remember?
Table Borders (Optional):
First pick how thick you want your border.
*border-width: 0px;
You need to change the number by the letters px. Play around with it.
Second pick the color you want your border to be.
*border-color:000000;*
Then pick how you want your border to look like. Your choices are solid, dashed, or dotted
*border-style: solid;*
Transparent Like-Tables (Box)(Optional):
Do you want to kind of see through your tables?
Go to this line in the coding
*filter:alpha(100);*
Change the number in between the parenthesis. The less the number the more you can see through.
-----------------------------------------------------------------------------------------------------------------------------
Okay now we are going to get into the font, the text, the words/links on your page.
Go to this line in your coding
*body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {*
Each of those control a different part of your font. Whether its your links, or your heading...Blah blah I really don't know. Lol. All I know is when i change shit in those section blocks, shit changes.lol
Let's get the basic out of the way.
THIS WILL CONTROL YOUR OVERALL FONT. NOT YOUR LINK FONT. NOT YOUR HEADING FONT. YOU CAN CHOOSE DIFFERENT FONTS THROUHOUT YOUR PAGE IF YOU WANT.
Pick your font
*font-family: Georgia;*
Pick a font...Arial, Arial Narrow, Small Fonts, whatever you can use in Microsoft word, I believe.
Pick Size and Color
*font-size: 10px;
color:1C7397;*
Pick Font Weight and Style
Font weight is basically do you want all your text (except links and headings) on the page to be normal or bold
Font Style is basically do you want all you text (except links and headings) on the page to be normal or italic
Pick either or and put in the lines in this part of your coding
*font-weight: normal;
font-style: normal;*
Pick Text Decoration
Makes all your text on your page (except links and headings) underline, overline, line-through, or blink
Play with those.
--------------------------------------------
Font Part Two
Go to this line(s) in your coding
*.nametext {
padding: 5px;
display:block;
font-family: Georgia;
font-size: 11px;
color:09F895;
font-weight: bold;
font-style: normal;
text-decoration: none;
}*
This will change font/text on my name in the corner of my picture. See:
Also anywhere I use the code below applies to the text I written in it. So therefore "FONT GOES HERE" will look just like my name in the corner of the picture, because it's using the "nametext" properties.
FONT GOES HERE
FONT GOES HERE
FONT GOES HERE
Go to this line(s) in your coding
*.whitetext12, .orangetext15 {
font-family: Georgia;
font-size: 18px;
color:000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}*
This code will change the font/text like "Contacting Dee" or " Dee's Friends". See:
This code will change the LINKS color. Replace the color code.
*color:F92C91;
font-weight: bold;
font-style: italic;
text-decoration: none;
}*
This code will change the LINKS COLOR when you hover over it. See:
*a.navbar:hover, a.man:hover, a:hover {
color:FFD100;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}*
----------------------------------------------------------------------------------------------
If you want you tables to be wider change the small part in italic.
*{ content: "Other Properties"; }
body div table tbody tr td font {visibility:hidden;}
.navbar {visibility:visible;} .navbar font {visibility:hidden;}
table td div div font {visibility:hidden;}
img {border:0px;}
table table table {width:300px;}
table table td.text table, table table td.text table td {width:100%;}
---------------------------------------------------------------------------------
Thats the end of the code. Now since you know the basics, like how to cutomize your own. I'm just going to supply ya'll with the templates.
-------------------------------------------------------------
Okay. what else would be helpful? Blank templates, where you can customize the colors? Do I have to get techincal with it? Like do I need to make a template that has a custom "extended network" box, with a comments box, while hiding your "Top 8" Friends or comments? I mean because I can just give you the codes in which to to that...you really just stick most of the code into the "About Me" section. Let Me know.
I'm tired, I hope this helped. =)
-------------------------------------------------------------------------------------
Put codes in the About Me section using "Safe mode" UNLESS otherwise stated.
STRAIGHT UP AND DOWN LAYOUT
What I'm going to do is give you some basic layouts, so that you may customize them as you wish. I 'm going to try and make this seem as easy as possible. And if you have any questions, I'm all about answering them.
Ok
If you want a basic myspace page. Simple colored boxes. With all the boxes lined up, because I hate when my boxes start dancing around my page because someone wanted to add a "THANKS FOR THE ADD" image the size of my foot. It's all good, although it makes your page uneat. You can always disable your html if this bugs you so. OR you can have like an auto resize when it comes to images or whatever is being added to your page. Which is included in this basic layout.
Login into your myspace. Click Home. Click Safe Mode. Under the "About Me" Section click "Edit". Copy and Paste these codes into the "About Me" section. Click "Preview". It will give you a half ass look of what your page will look like. Then click "Submit.
Now you say "Well I don't like the color of those tables. Nor do I like the colors of the font and the color that pops up when I hover over my links." Blah Blah. Okay I'm going to break it down. It's easy.
Background Color:
Go to this line, which should be the second line of the html coding.
*body {
background-color:850505;*
Change the 6 letter or digit code that makes up the color of your choice.
http://hotwired.lycos.com/webmonkey/reference/color_codes/
Go there for color codes. OR pop open Photoshop or Paint Pro, and get it there.
Background Image (Optional):
You want a seamless background pattern? Or maybe you want Aaliyah splattered on the back?
1.You are going to need your image of choice.
2.You are going to need a host. (ie Photobucket)
3.You are going to need an image url which you will put in between the parenthesis.
*background-image: url(none);*
After you have uploaded your image, you will be putting a code like this : *http://www.mysite.com/myimage.jpg* in between those parenthesis.
"But I don't want the image to repeat."
Go to this line in your coding
*background-repeat: repeat;* and make it look like this background-repeat:no- repeat;
Background Table (Box) Image
Want to maybe have a patterm as your box tables?
Go to this line(s) and follow the same directions as if you were adding a background image.
*table table table {
background-color:F8EAD0;
background-image: url(none)
border-width: 0px;
border-color:000000;
border-style: solid;
filter:alpha(100);
-moz-opacity:1;
opacity:1;
}*
Table (Box) Color:
Go to this line in your coding
*table table table {
background-color:F8EAD0;*
Change the 6 digit letter code, like we did for the background color? Remember?
Table Borders (Optional):
First pick how thick you want your border.
*border-width: 0px;
You need to change the number by the letters px. Play around with it.
Second pick the color you want your border to be.
*border-color:000000;*
Then pick how you want your border to look like. Your choices are solid, dashed, or dotted
*border-style: solid;*
Transparent Like-Tables (Box)(Optional):
Do you want to kind of see through your tables?
Go to this line in the coding
*filter:alpha(100);*
Change the number in between the parenthesis. The less the number the more you can see through.
-----------------------------------------------------------------------------------------------------------------------------
Okay now we are going to get into the font, the text, the words/links on your page.
Go to this line in your coding
*body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {*
Each of those control a different part of your font. Whether its your links, or your heading...Blah blah I really don't know. Lol. All I know is when i change shit in those section blocks, shit changes.lol
Let's get the basic out of the way.
THIS WILL CONTROL YOUR OVERALL FONT. NOT YOUR LINK FONT. NOT YOUR HEADING FONT. YOU CAN CHOOSE DIFFERENT FONTS THROUHOUT YOUR PAGE IF YOU WANT.
Pick your font
*font-family: Georgia;*
Pick a font...Arial, Arial Narrow, Small Fonts, whatever you can use in Microsoft word, I believe.
Pick Size and Color
*font-size: 10px;
color:1C7397;*
Pick Font Weight and Style
Font weight is basically do you want all your text (except links and headings) on the page to be normal or bold
Font Style is basically do you want all you text (except links and headings) on the page to be normal or italic
Pick either or and put in the lines in this part of your coding
*font-weight: normal;
font-style: normal;*
Pick Text Decoration
Makes all your text on your page (except links and headings) underline, overline, line-through, or blink
Play with those.
--------------------------------------------
Font Part Two
Go to this line(s) in your coding
*.nametext {
padding: 5px;
display:block;
font-family: Georgia;
font-size: 11px;
color:09F895;
font-weight: bold;
font-style: normal;
text-decoration: none;
}*
This will change font/text on my name in the corner of my picture. See:
Also anywhere I use the code below applies to the text I written in it. So therefore "FONT GOES HERE" will look just like my name in the corner of the picture, because it's using the "nametext" properties.
FONT GOES HERE
FONT GOES HERE
FONT GOES HERE
Go to this line(s) in your coding
*.whitetext12, .orangetext15 {
font-family: Georgia;
font-size: 18px;
color:000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}*
This code will change the font/text like "Contacting Dee" or " Dee's Friends". See:
This code will change the LINKS color. Replace the color code.
*color:F92C91;
font-weight: bold;
font-style: italic;
text-decoration: none;
}*
This code will change the LINKS COLOR when you hover over it. See:
*a.navbar:hover, a.man:hover, a:hover {
color:FFD100;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}*
----------------------------------------------------------------------------------------------
If you want you tables to be wider change the small part in italic.
*{ content: "Other Properties"; }
body div table tbody tr td font {visibility:hidden;}
.navbar {visibility:visible;} .navbar font {visibility:hidden;}
table td div div font {visibility:hidden;}
img {border:0px;}
table table table {width:300px;}
table table td.text table, table table td.text table td {width:100%;}
---------------------------------------------------------------------------------
Thats the end of the code. Now since you know the basics, like how to cutomize your own. I'm just going to supply ya'll with the templates.
-------------------------------------------------------------
Okay. what else would be helpful? Blank templates, where you can customize the colors? Do I have to get techincal with it? Like do I need to make a template that has a custom "extended network" box, with a comments box, while hiding your "Top 8" Friends or comments? I mean because I can just give you the codes in which to to that...you really just stick most of the code into the "About Me" section. Let Me know.
I'm tired, I hope this helped. =)
-------------------------------------------------------------------------------------
Put codes in the About Me section using "Safe mode" UNLESS otherwise stated.
STRAIGHT UP AND DOWN LAYOUT
|