bad romance.
12-29-2008, 06:07 AM
In my old tutorial, the layout was more for blogs, and not fansites. In this tutorial, it is much translatable to other programs and you can use it with any picture or celebrity. I also changed the coding to HTML that you can copy and paste to use on your own layouts. Thanks for visiting this thread. TTYL.
-----------------------------------------------------------------
We will be making this (http://i43.tinypic.com/2q226np.png)
1. Open up Photoshop or Gimp.
2. Pop open a base (i used a default size)
3. Open up your first picture. i used taylor swift.
3. Erase some parts of her body. i used the fuzzy eraser.
4. Place the picture somewhere that looks cool.
5. Use your rectangle tool (we will be placing our text in this so please make it big enough!)
6. Fill it with colour. I used a nice greenish colour and a gradient. You do not have to use the gradient.
7. Add text to it. I used Times New Roman
8. Make another text layer and put your welcome message in it.
9. I typed in my text and added an inner shadow. This adds a cool effect.
10. That's it (:
------------------------------------------------------------
2. Coding
If you don't have Notepad, I do reccomend downloading it. It comes with most Windows computers (i'm not sure about Mac's) and it is a great software and has many uses, including coding.
Okay, so, let's get to it!
<html>
<head>
<title> Your site title goes here.</TITLE>
<style type="text/css">
body {
font-size:font size;
font-family:font name;
line-height:howlongthelineswillbe;
colour: #colourcode
b{color:#colour code;}
i{font-family:font; color:#colourcode;}
u{font-weight:normal;font-family:font; color:#colourcode;border-bottom:1px solid #colourcode;}
a:link,a:visited,a:active
{
colour:#colourcode;
font-family:font;
font-weight:bold;
font-size:size;
text-transform:normal;
text-decoration:none;
}
a:hover
{
colour:#colourcode;
cursor:sw-resize;
font-size:fontsize;
font-weight:bold;
text-transform: normal;
}
h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:1px solid #colourcode;
background: #colourcode;
colour: #colourcode;
font-family:font;
text-transform:uppercase;
font-weight:bold;
font-size:fontsize;
line-height:lineheight;
padding:2px;
text-align:right;
}
h2 {
margin-bottom: 0px;
margin-top: 0px;
font-size:11px;
line-height:12px;
font-family:fontfamily;
font-weight:normal;
colour: #colourcode;
background:#colourcode;
text-align:right;
}
.side {
background: #colourcode;
color: #colourcode;
font-size:size;
font-weight: normal;
font-family:fontamily;
padding:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 1px solid #colourcode; }
a.navi, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: fontfamily;
font-size: fontsize;
font-weight: bold;
text-decoration:none;
line-height:13px;
padding: 2px;
border-left:10px solid #colourcode;
background: #colourcode;
colour: #coloucode;
text-transform: uppercase;
text-align: center;
}
a.navi:hover {
display: block;
font-family: fontfamily;
font-size: size;
font-weight: bold;
text-decoration:none;
line-height:13px;
padding: 2px;
border-left:10px solid #colourcode;
background: #colourcode;
colour: #colourcode;
text-transform: uppercase;
text-align: center;}
</style>
</head>
<body style="background-color:#000000;">
<div style="position: absolute; top: 0px; left: 200px;">
<IMG SRC='Your picture URL. Upload to Tinypic or Photobucket and take the "HTML for Layouts" URL.;border=0>
</div>
<div style="position:absolute;background-color:transparent; left:430px; top:560px; width:390px;border:none;">
<h1>Your Updates</h1>
<h2>
Place Date or something here :)
</h2>
<div class="side">
Date/something here
</div>
</div>
<div style="position:absolute;background-color:transparent; left:250px; top:560px; width:160px;border:none;">
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Navigation</h1>
<div class="side">
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
</div>
<br>
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Credits</h1>
<div class="side">
Credit: Coding by Emma @ Charismatic. Layout by You.
</div>
<Br><Br>
</body>
</html>
3. Helpful Website Tips
Only highlight important stuff.
Good example: 'I'm going on hiatus for 2 weeks so the site will not be updated.'
Bad example: 'God, my brother is being such a pain!'
Truth is no one really wants to know how much pain your brother is. So, only bold face important words or sentances.
Double check it.
Don't offend anyone. Don't be racist. Don't be mean to other people. Always double check your post! It is really worth it and make sure you read it over a lot of times, becuase sometimes we may miss somethings.
You may want to say this: 'I really want to get a new laptop!'
But really say this: 'I raelly want to get a bag of pot!'
So, always check it over (i know it's a weird example, but it can happen!)
Skipping lines.
Whatever you do, don't do this in HTML:
Name: ____________
Site Name: __________
Blah: _____________
Blah: ____________
What did I do? I skipped lines. Don't do that in HTML. Even if you double space it. In HTML, everything is a code. So, do this instead:
Name: __________
<BR>
Site Name: ________
<BR>
Blah: __________
<BR>
Blah: _________
<BR>
Content on your site.
Use stuff! Make icons or ask site viewers to donate icons and use them in your site's media section and make an icon section (to download scripts for this, check below.) Or make other graphics for your viewers. Media doesn't always have to be Past Articles and Audio Clips.
Music.
If you have a fansite, let's say, for, Vanessa Hudgens. You may want to play some music. This is really popular today with sites because this (http://www.myflashfetish.com/) site has every artist under the sun, so you can have a famous person from Italy and have there music on it. You can put Vanessa's whole two albums on there and let viewers play the songs while they browse your site, cool huh? Click here (http://www.myflashfetish.com/) for the site.
Link buttons.
It is essential to have at least one link button. The link button allows site viewers to link back to your site if their listing you, want to be affiliates, are crediting you for something and more. Here are some link buttons already premade for you. If you would like to make one on your own, follow this tut here (http://www.htmlgoodies.com/tutorials/buttons/article.php/3478871). These link buttons were all by www.piczo.com/sugary (http://www.piczo.com/sugary)-. I'm sure you've used one before. Here is an example of a link button.
http://vanessa-anne.org/images/mvbutton2.gif
credit 7-seasdesigns,org.
To use one just write your text in one corner in a pixel font. You can download some neat pixel fonts here (http://www.dafont.com).
Celebrities - 88 x 32
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/ashley.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/zac.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/vanessa.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/mileyay.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/15.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/19.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/20.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/22.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/24.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/25.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/26.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/27.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/31.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/32-1.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/41.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/43.png
Other - 88 x 32
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/buttonbase.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/bbasebysugary-.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/redbase.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/base.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/9.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/10.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/11.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/21.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/13.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/14.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/16.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/18.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/17.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/23.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/32.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/34.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/35.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/36.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/37.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/38.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/39.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/40.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/42.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/44.png
Celebrities - 88 x 34
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/jonas.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/ryansheckler.png
Other - 88 x 34
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/3.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/2.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/1.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/6.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/5.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/4.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/7.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/8.png
Hosts.
What is a host? A host is someone who runs the site for you. She offers FTP, a Control Panel and everything you need to get your site running smoothly. However, some hosts aren't free. I put together a list of free hosts just for you.
Note: You may ask to get some examples of your work including coding examples and any graphic you have made.
http://www.sopink.org
http://www.crashwithme.org/
http://pink-pistol.net/hosting/ (http://pink-pistol.net/hosting/)
http://begrudged.org/b2/hosting (http://begrudged.org/b2/hosting)
http://fan-addict.org/ (http://fan-addict.org/)
Links
http://www.outspoken-kate.com/?x=7ideasforyourwebsite (7 ideas for your site)
http://cutephp.com/ (Cute news)
http://new-place.org/scripts.php (Icon sort and many other scripts)
http://coppermine-gallery.net/ (Coppermine photo gallery)
http://www.wordpress.com (Like Cute News, but Wordpress format)
----------------------------------------------------------
I really do hope it helps some of you guys. If you have any questions, please P.M. me or message me. Thanks!
-----------------------------------------------------------------
We will be making this (http://i43.tinypic.com/2q226np.png)
1. Open up Photoshop or Gimp.
2. Pop open a base (i used a default size)
3. Open up your first picture. i used taylor swift.
3. Erase some parts of her body. i used the fuzzy eraser.
4. Place the picture somewhere that looks cool.
5. Use your rectangle tool (we will be placing our text in this so please make it big enough!)
6. Fill it with colour. I used a nice greenish colour and a gradient. You do not have to use the gradient.
7. Add text to it. I used Times New Roman
8. Make another text layer and put your welcome message in it.
9. I typed in my text and added an inner shadow. This adds a cool effect.
10. That's it (:
------------------------------------------------------------
2. Coding
If you don't have Notepad, I do reccomend downloading it. It comes with most Windows computers (i'm not sure about Mac's) and it is a great software and has many uses, including coding.
Okay, so, let's get to it!
<html>
<head>
<title> Your site title goes here.</TITLE>
<style type="text/css">
body {
font-size:font size;
font-family:font name;
line-height:howlongthelineswillbe;
colour: #colourcode
b{color:#colour code;}
i{font-family:font; color:#colourcode;}
u{font-weight:normal;font-family:font; color:#colourcode;border-bottom:1px solid #colourcode;}
a:link,a:visited,a:active
{
colour:#colourcode;
font-family:font;
font-weight:bold;
font-size:size;
text-transform:normal;
text-decoration:none;
}
a:hover
{
colour:#colourcode;
cursor:sw-resize;
font-size:fontsize;
font-weight:bold;
text-transform: normal;
}
h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:1px solid #colourcode;
background: #colourcode;
colour: #colourcode;
font-family:font;
text-transform:uppercase;
font-weight:bold;
font-size:fontsize;
line-height:lineheight;
padding:2px;
text-align:right;
}
h2 {
margin-bottom: 0px;
margin-top: 0px;
font-size:11px;
line-height:12px;
font-family:fontfamily;
font-weight:normal;
colour: #colourcode;
background:#colourcode;
text-align:right;
}
.side {
background: #colourcode;
color: #colourcode;
font-size:size;
font-weight: normal;
font-family:fontamily;
padding:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 1px solid #colourcode; }
a.navi, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: fontfamily;
font-size: fontsize;
font-weight: bold;
text-decoration:none;
line-height:13px;
padding: 2px;
border-left:10px solid #colourcode;
background: #colourcode;
colour: #coloucode;
text-transform: uppercase;
text-align: center;
}
a.navi:hover {
display: block;
font-family: fontfamily;
font-size: size;
font-weight: bold;
text-decoration:none;
line-height:13px;
padding: 2px;
border-left:10px solid #colourcode;
background: #colourcode;
colour: #colourcode;
text-transform: uppercase;
text-align: center;}
</style>
</head>
<body style="background-color:#000000;">
<div style="position: absolute; top: 0px; left: 200px;">
<IMG SRC='Your picture URL. Upload to Tinypic or Photobucket and take the "HTML for Layouts" URL.;border=0>
</div>
<div style="position:absolute;background-color:transparent; left:430px; top:560px; width:390px;border:none;">
<h1>Your Updates</h1>
<h2>
Place Date or something here :)
</h2>
<div class="side">
Date/something here
</div>
</div>
<div style="position:absolute;background-color:transparent; left:250px; top:560px; width:160px;border:none;">
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Navigation</h1>
<div class="side">
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
</div>
<br>
<h1>Header</h1>
<div class="side">
Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here! Add text, links, or whatever you want here!
</div>
<Br>
<h1>Credits</h1>
<div class="side">
Credit: Coding by Emma @ Charismatic. Layout by You.
</div>
<Br><Br>
</body>
</html>
3. Helpful Website Tips
Only highlight important stuff.
Good example: 'I'm going on hiatus for 2 weeks so the site will not be updated.'
Bad example: 'God, my brother is being such a pain!'
Truth is no one really wants to know how much pain your brother is. So, only bold face important words or sentances.
Double check it.
Don't offend anyone. Don't be racist. Don't be mean to other people. Always double check your post! It is really worth it and make sure you read it over a lot of times, becuase sometimes we may miss somethings.
You may want to say this: 'I really want to get a new laptop!'
But really say this: 'I raelly want to get a bag of pot!'
So, always check it over (i know it's a weird example, but it can happen!)
Skipping lines.
Whatever you do, don't do this in HTML:
Name: ____________
Site Name: __________
Blah: _____________
Blah: ____________
What did I do? I skipped lines. Don't do that in HTML. Even if you double space it. In HTML, everything is a code. So, do this instead:
Name: __________
<BR>
Site Name: ________
<BR>
Blah: __________
<BR>
Blah: _________
<BR>
Content on your site.
Use stuff! Make icons or ask site viewers to donate icons and use them in your site's media section and make an icon section (to download scripts for this, check below.) Or make other graphics for your viewers. Media doesn't always have to be Past Articles and Audio Clips.
Music.
If you have a fansite, let's say, for, Vanessa Hudgens. You may want to play some music. This is really popular today with sites because this (http://www.myflashfetish.com/) site has every artist under the sun, so you can have a famous person from Italy and have there music on it. You can put Vanessa's whole two albums on there and let viewers play the songs while they browse your site, cool huh? Click here (http://www.myflashfetish.com/) for the site.
Link buttons.
It is essential to have at least one link button. The link button allows site viewers to link back to your site if their listing you, want to be affiliates, are crediting you for something and more. Here are some link buttons already premade for you. If you would like to make one on your own, follow this tut here (http://www.htmlgoodies.com/tutorials/buttons/article.php/3478871). These link buttons were all by www.piczo.com/sugary (http://www.piczo.com/sugary)-. I'm sure you've used one before. Here is an example of a link button.
http://vanessa-anne.org/images/mvbutton2.gif
credit 7-seasdesigns,org.
To use one just write your text in one corner in a pixel font. You can download some neat pixel fonts here (http://www.dafont.com).
Celebrities - 88 x 32
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/ashley.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/zac.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/vanessa.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/mileyay.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/15.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/19.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/20.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/22.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/24.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/25.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/26.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/27.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/31.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/32-1.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/41.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/43.png
Other - 88 x 32
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/buttonbase.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/bbasebysugary-.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/redbase.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/base.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/9.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/10.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/11.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/21.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/13.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/14.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/16.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/18.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/17.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/23.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/32.gif http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/34.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/35.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/36.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/37.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/38.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/39.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/40.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/42.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/44.png
Celebrities - 88 x 34
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/jonas.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/ryansheckler.png
Other - 88 x 34
http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/3.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/2.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/1.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/6.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/5.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/4.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/7.png http://i239.photobucket.com/albums/ff168/beaded0necklace/Buttons/Blank%20Buttons/8.png
Hosts.
What is a host? A host is someone who runs the site for you. She offers FTP, a Control Panel and everything you need to get your site running smoothly. However, some hosts aren't free. I put together a list of free hosts just for you.
Note: You may ask to get some examples of your work including coding examples and any graphic you have made.
http://www.sopink.org
http://www.crashwithme.org/
http://pink-pistol.net/hosting/ (http://pink-pistol.net/hosting/)
http://begrudged.org/b2/hosting (http://begrudged.org/b2/hosting)
http://fan-addict.org/ (http://fan-addict.org/)
Links
http://www.outspoken-kate.com/?x=7ideasforyourwebsite (7 ideas for your site)
http://cutephp.com/ (Cute news)
http://new-place.org/scripts.php (Icon sort and many other scripts)
http://coppermine-gallery.net/ (Coppermine photo gallery)
http://www.wordpress.com (Like Cute News, but Wordpress format)
----------------------------------------------------------
I really do hope it helps some of you guys. If you have any questions, please P.M. me or message me. Thanks!