Buttons aren't to great, too much purple?... Suggestions and critisizem!!
Full Version: Template :)
I feel myself getting better at this... I'm just having trouble coding it. Here's my last one
Buttons aren't to great, too much purple?... Suggestions and critisizem!!
Buttons aren't to great, too much purple?... Suggestions and critisizem!!
QUOTE(Luke @ Nov 4 2007, 05:24 PM) 
I feel myself getting better at this... I'm just having trouble coding it. Here's my last one
Buttons aren't to great, too much purple?... Suggestions and critisizem!!
Buttons aren't to great, too much purple?... Suggestions and critisizem!!
Its alot better then your CSS temp, much improvement. colors are nice, very easy on the eyes.
Though what did catch my attention is the logo looks very familiar with LunarPages.
Woops I didn't mean to do that... just thought it needed somethin so I was messin around. Oh well, I'll change it if I use it. I'm just tryin to get better so it's just something to improve my skill.
I didn't mean to do that... just thought it needed somethin so I was messin around. Oh well, I'll change it if I use it. I'm just tryin to get better so it's just something to improve my skill.
very good very good, i really like the simplicity and the gradiants.
One suggestion :
add an other color, i donno which one:/ but i think it needs one more color. because there is a bit to much purple/violet
One suggestion :
add an other color, i donno which one:/ but i think it needs one more color. because there is a bit to much purple/violet
alright thanks for the suggestion... I'll work on it and repost it any more suggestions?
any more suggestions?
I don't really like the purple...but other people have liked so its probably just cause purple is not my style...
I don't like the color much but I just wanted to expand my creative thinking. See what I did with other colors.
LOOKS AWESUM BETTER THEN MY WORK LOL
Thanks Thats how I used to feel... and I still sorta do about my work compared to mostly everyone else's. I still want to get better though. The only problem I'm having is coding the templates.
Thats how I used to feel... and I still sorta do about my work compared to mostly everyone else's. I still want to get better though. The only problem I'm having is coding the templates.
QUOTE(Colin @ Nov 7 2007, 02:23 PM)
I don't really like the purple...but other people have liked so its probably just cause purple is not my style...
purple may just be my fav color... idk yet....
I don't know why, but I honestly don't like the navigation. But thats just me.
Not too bad, but feels understyled as a whole. The navigation and header need some more style in my opinion.
One more color should make it have more style. Maybe try brushing and sharpening the navigation?
nice one!..
..but aren't your navigation buttons were to big for your layout?..
..but aren't your navigation buttons were to big for your layout?..
Can't you make the watermark a bit less... Uhh, distracting? 
It's hard to even notice the background. :-P
The text on the banner looks a bit weak. Maybe it needs some colouring.
The reflection below text never does seem to get old
You should put some text in those title boxes to see how that looks.
Also, is each section just going to be "free" or is it going to have some sort of border?
The buttons definitely feel too bulky, and I don't really like the "down" one.
Also, the footer is a bit on the weak side. I dunno, maybe the gradient is just too light. I'd try adding some more text to see how it looks when there's stuff in it.
But overall, it looks pretty nice. The images are all nice and clean.
It's hard to even notice the background. :-P
The text on the banner looks a bit weak. Maybe it needs some colouring.
The reflection below text never does seem to get old
You should put some text in those title boxes to see how that looks.
Also, is each section just going to be "free" or is it going to have some sort of border?
The buttons definitely feel too bulky, and I don't really like the "down" one.
Also, the footer is a bit on the weak side. I dunno, maybe the gradient is just too light. I'd try adding some more text to see how it looks when there's stuff in it.
But overall, it looks pretty nice. The images are all nice and clean.
Not bad. Simple design. Possibly a tad bit too simple.
By the way, I really like your sig colin... the dying peacefully thing
By the way, I really like your sig colin... the dying peacefully thing
I like the template alot, It simply appeals to me, The colours are very calming but vibrant at the same time.
Good job!
Regards, Valency.
Good job!
Regards, Valency.
you could add some text so we can see what it is like in action it could also just use a little more design to it, and style. but other than that it pretty good.
it could also just use a little more design to it, and style. but other than that it pretty good.
Kind of an old topic isn't it... 
Ehhh... well I actually started workin on it again just because they reposted
I'll post it soon... I'll attempt to code, but prolly won't be able to.
------ EDIT ------
So I re-designed it from last time... and I'm attempting to code it. I got rid of a few things (some content boxes and the logo) so I could work on coding a little more... but I'm running into a few problems. I'm not sure how I can vertically align the text within some divs, there's a huge margin at the top (after I reset margins), it's not centered (but it's centered in IE), and a few other problems. Anyone have ideas?
http://lukeburns.com/templates/
I'll post it soon... I'll attempt to code, but prolly won't be able to.
------ EDIT ------
So I re-designed it from last time... and I'm attempting to code it. I got rid of a few things (some content boxes and the logo) so I could work on coding a little more... but I'm running into a few problems. I'm not sure how I can vertically align the text within some divs, there's a huge margin at the top (after I reset margins), it's not centered (but it's centered in IE), and a few other problems. Anyone have ideas?
http://lukeburns.com/templates/
It's getting there man.
Jacob.
Jacob.
I'm done with the design... I just want to successfully code it! I always run into problems when coding and can never finish it!
http://lukeburns.com/templates/
Can anyone help with that??? There are a few problems if you don't notice...
http://lukeburns.com/templates/
Can anyone help with that??? There are a few problems if you don't notice...
Ok iv messed around with a few thing and have come up with this. Not tested so it might not work.
Replace your css with this:
and
Replace your html with this:
Your question about vertical align, lets take the navigation for example its 25px high so to make the text in vertically align you write line-height: 25px;
so your navigation would look like this:
and for the navigation to be centered in IE iv changed the container code and added
to the html file.
Replace your css with this:
CODE
body {
background: url(images/background.jpg) repeat-x;
background-attachment: fixed;
font-family: Verdana, Helvetica, Times New Roman, Times, serif;
}
#container {
margin: 0 auto;
width: 652px;
min-height: 564px;
}
#header {
background-image: url(images/header.jpg);
font-size: 2.3em
width: 652px;
height: 114px;
color: #ffffff;
}
#navigation {
font-size: .8em;
background-image: url(images/navigation.jpg);
width: 652px;
height: 25px;
line-height: 25px;
text-align: center;
}
ul {
display: inline;
}
li {
list-style: none;
display: inline;
}
#body {
backhground-image: url(images/body.jpg);
width: 652px;
min-height: 397px;
}
#footer {
background-image: url(images/footer.jpg);
width: 652px;
height: 28px;
color: #ffffff;
}
background: url(images/background.jpg) repeat-x;
background-attachment: fixed;
font-family: Verdana, Helvetica, Times New Roman, Times, serif;
}
#container {
margin: 0 auto;
width: 652px;
min-height: 564px;
}
#header {
background-image: url(images/header.jpg);
font-size: 2.3em
width: 652px;
height: 114px;
color: #ffffff;
}
#navigation {
font-size: .8em;
background-image: url(images/navigation.jpg);
width: 652px;
height: 25px;
line-height: 25px;
text-align: center;
}
ul {
display: inline;
}
li {
list-style: none;
display: inline;
}
#body {
backhground-image: url(images/body.jpg);
width: 652px;
min-height: 397px;
}
#footer {
background-image: url(images/footer.jpg);
width: 652px;
height: 28px;
color: #ffffff;
}
and
Replace your html with this:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Purple Glare</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<p>Purple Glare</p>
</div>
<div id="navigation">
<ul>
<li>Home</li>
<li>About</li>
<li>Resume</li>
<li>Gallery</li>
<li>Contact</li>
</ul>
</div>
<div id="body">
</div>
<div id="footer">© Copyright 2008 Luke Burns</div>
</div>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Purple Glare</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<p>Purple Glare</p>
</div>
<div id="navigation">
<ul>
<li>Home</li>
<li>About</li>
<li>Resume</li>
<li>Gallery</li>
<li>Contact</li>
</ul>
</div>
<div id="body">
</div>
<div id="footer">© Copyright 2008 Luke Burns</div>
</div>
</body>
</html>
Your question about vertical align, lets take the navigation for example its 25px high so to make the text in vertically align you write line-height: 25px;
so your navigation would look like this:
CODE
#navigation {
font-size: .8em;
background-image: url(images/navigation.jpg);
width: 652px;
height: 25px;
line-height: 25px;
text-align: center;
}
font-size: .8em;
background-image: url(images/navigation.jpg);
width: 652px;
height: 25px;
line-height: 25px;
text-align: center;
}
and for the navigation to be centered in IE iv changed the container code and added
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/strict.dtd">
to the html file.
Alright... so most of that is fixed. But I've noticed the nav contents is a bit right of the center... like there's a left padding in the nav (but not on the right when aligned right). The navigation isn't centered. Suggestions?
Okay... so I fixed some stuff... added a few things. Check it out: http://lukeburns.com/templates
I don't do javascript (yet) but I was thinking there would be some way to make the hover over the header a bit smoother. Fade? Something... just some additional thoughts. Hopefully I'm learning
I don't do javascript (yet) but I was thinking there would be some way to make the hover over the header a bit smoother. Fade? Something... just some additional thoughts. Hopefully I'm learning
My suggestion is don't have the hover just keep 1 image for the header. Also the hover at the moment doesn't work in IE6
I was just messin around but other than that... anything else I should work on? change?
but other than that... anything else I should work on? change?
Not that i can think of, looks fine to me.
Okay... thanks.
Is there supposed to be white at the bottom? and the fact that the navigation is just a gradient ticks me off chagne it to something else as a hover over effect, maybe a gloss or something
chagne it to something else as a hover over effect, maybe a gloss or something
Hey Great work .. Im not so keen on the navigation but apart from that masive improvement
Good Work.
.. Im not so keen on the navigation but apart from that masive improvement Good Work.
Changed the navigation... and what white part are you talking about... in the body?? I had to have that fade out because it was not a pattern and looked bad repeating.
Good improvements bud. I hope you are learning from doing this project. I find the easiest way to learn is to do it.
Jacob.
Jacob.
Yep! I learned a lot... I just need to work on experience now... only one way to do that
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.