Jump to content

"Solar" Template!!! NEW! Rate it please...

Elevator_Hazard

By Elevator_Hazard
in HTML/XHTML

 Share

Rate my template  

14 members have voted

  1. 1. How good is it? (20=best, 1=worst)

    • 1
      1
    • 2
      0
    • 3
      0
    • 4
      0
    • 5
      0
    • 6
      0
    • 7
      0
    • 8
      0
    • 9
      1
    • 10
      3
    • 11
      1
    • 12
      0
    • 13
      0
    • 14
      1
    • 15
      4
    • 16
      1
    • 17
      0
    • 18
      0
    • 19
      0
    • 20
      2

Recommended Posts

Elevator_Hazard Newbie

Elevator_Hazard

Posted
Posted

Ok, I've made a underwater template for my website, but I don't want to post it. This one is brightly colored with yellow and orange, and has decent buttons for links. If you want links in a regular phrase, it will mess up because of how to button link system works, by the way, so you may need to change things if you want to do that.Here is the code, I will also post a poll for a rating... Please reply as well.Here you go:

<html><head><style type="text/css"> A{text-decoration:none}a {            display:block;height: 100%;width: 100%;}body{background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/sunburst20gradient.jpg) no-repeat top left;width:100%;height:100%;}a:hover {        color: #ADB0C0;background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateA.jpg);display:block;height: 100%;width: 100%;}</style></head><body><! banner ><table align="center" width="740" height="121" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/BlankSolarBanner1.jpg" ><td><p>Banner here</p></td></table><! Link section!!! ><table align="center" border="0"><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link1</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link2</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link3</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link4</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link5</a></td></table><table align="center" width="910" height="740"><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td><td width="550" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/MainPanelSolar1.jpg"></td><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td>

And also: I'm pretty sure that by doing this, my photobucket stuff is open to you guys...... I don't know how to fix it either, so DO NOT USE MY ACCOUNT

Link to comment
Share on other sites
Chocolate570 Dedicated Member

Chocolate570

Posted
Posted

That's pretty good for a beginner :) Nice work. Just a couple of suggestions:1) Center your banner, or make it wider.2) Add some text.3) Host it somewhere so we can see it without having to go to the tryit editor. :)

Link to comment
Share on other sites
reportingsjr Dedicated Member

reportingsjr

Posted
Posted

It is okay, but one thing you need to do is put repeat-y or whatever to repeat. That way it will go across the page.. and set the background color to the color at the bottom that is darkest. So if the page goes farther down it wont be messed up. Not too good, not too bad.

Link to comment
Share on other sites
jlhaslip Devoted Member

jlhaslip

Posted
Posted

At least 16 / 20. I like the design of the flaring and stuff. Nice and clean look to the graphics and a nice job on the link rollover.I'm not big on the table based layouts, but this is a very good looking page.Incidently, your p/b account is safe. It requires a password before anyone can log-in to your account and do anything. Only the display of your pictures is available.

Link to comment
Share on other sites
Skemcin Devoted Member

Skemcin

Posted
Posted

am I missing the obvious?you have omitted the following tags to close your page:

</tr></table></body></html>

Plus the comments in the code do not follow the correct syntax.Other than that, I'd give it a 10.Concerns:a.) the use of background images can have some adverse effects. They don't print by default and if the font size is increased or decreased by the user (very likely for a number of reasons) you loose all control of making sure the text doesn't over extend your background image - at least in the way this code addresses it.b.) what font color is used in the content area? will it be legible online as well as if printed?c.) your links - I know they are just to fill the space - are not coded correctly, all external references need the "http://" in front - otherwise, just use a "#" sign.d.) too many beveled edges. Bevels are used to create depth, separating one thing from another - pick out the thing that you want to draw attention to and bevel it - not every design block - IMO.e.) how is the site footer going to be handled? All in the middle content section or underneath the entire site? I prefer the latter.

Link to comment
Share on other sites
Elevator_Hazard Newbie

Elevator_Hazard

Posted
  • Author
Posted

I know that only I can get into my photobucket account... but, you can do some stuff to those links in the picture area and then it allows you control I'm pretty sure... but, that's considered copywright infringement or some weird little thing...Also thanks for the feedback. I realize that I have some pointless things.... I guess I just wanted to put up quickly. I got board of working on my website (not using that template) and made that one, easy. I need put in ID's or Classes for the links though, so that if you want the link to have that button thing when your hovering over it, you could add ID, otherwise if you add a link in a larger table it wwill tile the push button background across the space...

Link to comment
Share on other sites
tantachar07 Newbie

tantachar07

Posted
Posted
Ok, I've made a underwater template for my website, but I don't want to post it. This one is brightly colored with yellow and orange, and has decent buttons for links. If you want links in a regular phrase, it will mess up because of how to button link system works, by the way, so you may need to change things if you want to do that.Here is the code, I will also post a poll for a rating... Please reply as well.Here you go:
<html><head><style type="text/css"> A{text-decoration:none}a {            display:block;height: 100%;width: 100%;}body{background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/sunburst20gradient.jpg) no-repeat top left;width:100%;height:100%;}a:hover {        color: #ADB0C0;background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateA.jpg);display:block;height: 100%;width: 100%;}</style></head><body><! banner ><table align="center" width="740" height="121" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/BlankSolarBanner1.jpg" ><td><p>Banner here</p></td></table><! Link section!!! ><table align="center" border="0"><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link1</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link2</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link3</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link4</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link5</a></td></table><table align="center" width="910" height="740"><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td><td width="550" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/MainPanelSolar1.jpg"></td><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td>

And also: I'm pretty sure that by doing this, my photobucket stuff is open to you guys...... I don't know how to fix it either, so DO NOT USE MY ACCOUNT

Nice :)
Link to comment
Share on other sites
real_illusions Dedicated Member

real_illusions

Posted
Posted

another thingyour comment for the banner and links should be like this<!-- banner --><!-- Link section!!! -->not what you originally wrote.your background image is waaaaayyy too big as well. Make it 10 pixels wide and repeat-y, i think reportingsjr mentioned that to some extent, like make the background the darkest colour, so, if the text/page continues down for another couple of miles, it wont suddenly end into a sea of white.i agree with Skemcin about the bevelled egdes, its gone over the top.images should ideally be on the same server, so you can just use <img src="someimage.jpg" />, but since you haven't uploaded it anywhere, then thats not possible for anyone but yourself when you view it locally, unless you want us all to visit :)its not great, but not bad either. I reckon some people have rated it too highly, but its good for a personal site, but its not profesional looking.i'd give it a 10.

Link to comment
Share on other sites
ZeRgII Newbie

ZeRgII

Posted
Posted

TBH, I don't think it really matters where his comments are placed lol... I mean they are there for his reference :).And also, what's his face is right. Beveling everything... ewww :S. I'd rather invert bevel everything lol :).All in all, I'm not rating it :) j.k I give it a 9

Link to comment
Share on other sites
Skemcin Devoted Member

Skemcin

Posted
Posted

personally, where and how comments are made are very important. In fact, if anyone of you has ever gone to a formal job interview for any respectable web development position, they will ask for sample code. You can tell ALOT about a person by the way they develop code. So, comment well and comment often (but not too often).Every page should start off with comments:

<!--- /////////////////////////////////////////////////////// template = template_homepage.cfm		//// date created = 03/30/2005					 //// author = My Real Name						 //// last date modified = 04/18/2005			///////////////////////////////////////////////////// --->

and then single line comments at important transitions in a page, like the if,else,then junctions of conditional statements. or when a certain section begins and/or ends, like the header, footer, side menu, and/or main content. In dynamic, database driven pages, I include comments above a series of queries to describe what their purpose is and define any dependencies. Those are the main points to keep in mind.So, don't down play comments - they are an important symbol of the quality of your work - do not underestimate them, far too many people already do.

Link to comment
Share on other sites
  • 3 weeks later...
quackquack Newbie

quackquack

Posted
Posted
Ok, I've made a underwater template for my website, but I don't want to post it. This one is brightly colored with yellow and orange, and has decent buttons for links. If you want links in a regular phrase, it will mess up because of how to button link system works, by the way, so you may need to change things if you want to do that.Here is the code, I will also post a poll for a rating... Please reply as well.Here you go:
<html><head><style type="text/css"> A{text-decoration:none}a {            display:block;height: 100%;width: 100%;}body{background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/sunburst20gradient.jpg) no-repeat top left;width:100%;height:100%;}a:hover {        color: #ADB0C0;background: url(http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateA.jpg);display:block;height: 100%;width: 100%;}</style></head><body><! banner ><table align="center" width="740" height="121" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/BlankSolarBanner1.jpg" ><td><p>Banner here</p></td></table><! Link section!!! ><table align="center" border="0"><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link1</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link2</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link3</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link4</a></td><td width="121" height="30" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/ButtonSolarTemplateI.jpg" align="center"><a href="www.w3schools.com">Link5</a></td></table><table align="center" width="910" height="740"><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td><td width="550" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/MainPanelSolar1.jpg"></td><td width="180" background="http://i141.photobucket.com/albums/r43/Elevator_Hazard/TemplateImages/Solar/SidePanelSolar1.jpg"></td>

And also: I'm pretty sure that by doing this, my photobucket stuff is open to you guys...... I don't know how to fix it either, so DO NOT USE MY ACCOUNT

You are lucky . . . that is a good template :)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...