Feedback on my website template (that I created in photoshop)

OK here is the latest update, been abit busy lately but will have time this weekend to do some more.

template4.jpg


Im not the greatest with photoshop so dont know how to use some of the tools to the fullest, I think my main thing here is to get a decent banner up and running but I dont know really what to do.

I want to achieve something simplistic, but effective (using some effects).

The purpose of this website is for personal use to promote myself as an individual, my skills within the IT sector, what I have achieved, projects, and more lately looking into web development as I feel that would be something that would be quite returning as an on the side business.

I will also be implementing my own login script for a portal for me to log into which I will be creating various scripts to do different things and somewhere where I can view personal information.

What I need help with really is ideas on what else I can achieve (design wise) obviously banner, and anyother little touches I can add to make it look better.

Im going to read up on a few tutorials myself but would like other opionions if possible.

Thanks :)



EDIT

If your reading this, i was woken up by a phonecall at half 5 this morning from my mate who had a tyre blowout, so had to go hep him, got back about 7ish and decided to work on my banner, its going good :) I dont want to post any updates until I have the finished product
 
Last edited:
 
 
OK, iv managed to slice up my design and get it on my webspace although im abit iffey about the design may re-do some of it, also some of the images need adjusting slightly.

www.dmoranda.co.uk/newsite3

Just a few questions:

1) Does this display OK for you guys? im looking for cross browser and monitor size, I had someone test it on a 24" monitor yesterday and said it looked fine

EDIT: I have just realised that some of the elements are slightly out in IE, why does IE have to be such a pain :(

2) Any tips of how I can make it look abit better (Design wise), im aware that the sidebar I had on the left is not working correctly, im looking to get this resolved.

3) I want to align my login boxes in that bar but align it to the right, and possibly make the text boxes slightly smaller. Also the submit button i was thinking of replacing this and using text as the button looks abit outdated.

Any advise/tips?
 
Last edited:
To align the login boxes to the right, just change the css code for the navbar from text-align: center; to text-align: right;

You can also adjust the size of the text boxes using CSS or add the size="XX" variable to the input tag.

CSS is the better option as it could be made universal and easy to adjust.

You can fix the sidebar by removing the margin: 0 auto; from the sidebar css.
 
DJMK4 said:
1) Does this display OK for you guys? im looking for cross browser and monitor size, I had someone test it on a 24" monitor yesterday and said it looked fine
Click to expand...

Yes but one small problem. Viewing it in Chrome 2.0.172.39 at 1280 x 1024. The grey bar behind the input boxes for username and password creeps down 1 pixel-ish and continues along to the end starting at the left of the username box.

Not sure about other browsers.

Hope this helps...
 
Thanks for the info everyone :) will be hopefully doing abit more to this tonight. Now that iv got it up and hosted I can start making the changes and adding stuff in realtime.
 
tonyyeb said:
Yes but one small problem. Viewing it in Chrome 2.0.172.39 at 1280 x 1024. The grey bar behind the input boxes for username and password creeps down 1 pixel-ish and continues along to the end starting at the left of the username box.

Not sure about other browsers.

Hope this helps...
Click to expand...

Does anyone know the best way to fix this problem?

Also any tips on what I can do with that submit button? looks awfully old ;)
 
Chrome 2.0.172.39 1280 x 1024 full screen (clicky for big)



Hardly noticeable to be honest. but if you feel you must fix it, it's probably a padding, margin or border unless your using absolute positioning.
 
Edward01 said:
Chrome 2.0.172.39 1280 x 1024 full screen (clicky for big)



Hardly noticeable to be honest. but if you feel you must fix it, it's probably a padding, margin or border unless your using absolute positioning.
Click to expand...

Thanks for this. Are you reffering to the login boxes being slightly out? is does a similar thing in IE too, but displays fine in firefox. Does this mean I will have to use some sort of hack to get it to display perfect as it does in firefox?

I have a similar fix in my CSS which is a sort of hack to get the ul li to sit properly in IE as it works fine in firefox. The code is below:

Code: 
/* IE7/6 Hacks */
/*---------------------------------------*/
:first-child+html #nav ul li a {
padding: 2px 15px 2px 40px;
}


/*IE6 Hacks */
* html #nav ul li a {
padding: 0px;
}
/*---------------------------------------*/

Would i need something similar in this case?
 
Last edited:
Hello, just a quick question, you know people say that atm its best to design 960px wide, can I place a % on the container div? reason being is that when I go on my brothers pc upstairs whos still running in 1024x768 the site looks bigger than I want it it be?
 
I wouldn't make it any smaller. You can set % width if you wanted and then a max-width of 960px to stop it stretching out on bigger resolutions if you want it to look smaller on 1024 but it may look cramped once content is in there.
 
tsinc80697 said:
I wouldn't make it any smaller. You can set % width if you wanted and then a max-width of 960px to stop it stretching out on bigger resolutions if you want it to look smaller on 1024 but it may look cramped once content is in there.
Click to expand...

So do you think its best to leave it as it is then and somehow design it to blend into the background abit so it looks better on screens running on smaller resolutions.
 
OK here is abit of an update.

http://www.dmoranda.co.uk/newsite3/

What im going to do, is use the left sidebar as a sort of into bar/news news feed using PHP, in my login admin area I am creating I am going to create a form that will allow me to update this dynamically using PHP/SQL.

Do you think this is a good idea?

Any more design tips on what I can do to spruse this up abit?

Thanks :)
 
tonyyeb said:
Looks better but I think the lettering needs anti-aliasing more... looks a big jaggy/grainy.
Click to expand...

Yeah, think im going to work on that abit, also I want to get the background done again, same image just slightly higher up so I can capture more of the lighting effect on the water. Also replace the lowercase P on profile, change some of the text and align it all correctly.
 
You must log in or register to reply here.
Back
Top Bottom