Welcome, Guest. Please login or register.

Author Topic: Mock-Up Example A-Eon Website  (Read 5280 times)

Description:

0 Members and 1 Guest are viewing this topic.

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Mock-Up Example A-Eon Website
« on: June 23, 2010, 11:22:23 PM »
For those of you who don't venture over to Amigans.net that often I have been working on a 'mock-up' of the A-Eon. My interpretation of what it could look like in the future; or rather the content I hope it would contain.
 
Most pages are complete-ish aside from AmigaOS, Developer and Contacts.
 
I'd like more feedback, so if you have time, please post it here. :afro:
 
http://www.uploads.beaverpromotions.co.uk/x1000/index.html
« Last Edit: June 24, 2010, 03:40:23 AM by SysAdmin »
 

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #1 on: June 23, 2010, 11:31:00 PM »
>.< Sigh... This is exactly why I was very reluctant to post on A.org... full of...

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #2 on: June 24, 2010, 10:41:42 AM »
Thanks for the comments so far.

@koaftder

Yeah the logo is pretty lame.

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #3 on: June 24, 2010, 01:35:49 PM »
Quote from: Methuselas;566836
It looks great! I think you should pad, so the footer is closer to the bottom, but I don't know what screen size you're shooting for. I'm on a 21", so the text looks a bit small, but your links at the top get a bit lost with the grey strip at the top of the header. This could be 'cos of my screen size, however.

Well done and thanks for showing us! :)

As regards to the footer, yeah hard to keep it in a fixed position; at the bottom.  But when all the pages are full of content you would never noticed its because a handful are short in content.

Screen sizes are always an issue, on my iMac at home it looks great, but on my iBook with a different resolution the content of the footer overflows. Tricky.

I am designing at resolution 1680 x 1050, but I've tried to fix the overall body width to 75%, but telling the browser to leave it there is another business altogether.  I've jumped in and out of different resolutions, but you have to draw the line somewhere.

PS. Does this board have any moderation?  Seems to be a lot of posters who haven't reached puberty yet.

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock-Up Example A-Eon Website
« Reply #4 on: June 24, 2010, 07:32:06 PM »
Quote from: Karlos;567009
@djrikki

It's quite nice but there are a fair few broken images here (viewing in chrome), including two on the main page.

Not a clue why, must be a chrome problem.

I run Safari here which is a WebKit browser same as OWB.  Isn't Chrome part of the 'WebKit' family too?

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock-Up Example A-Eon Website
« Reply #5 on: June 24, 2010, 10:50:07 PM »
Quote from: crawff;567025
You have done a lot of work for a mock up website. I really like it.

What is your next plan? to offer it to A-Eon?

:)

Quote from: Karlos;567027
Malformed image URLs on front page:

[noparse]   http://www.uploads.beaverpromotions.co.uk/www.uploads.beaverpromotions.co.uk/x1000/badge.png
http://www.uploads.beaverpromotions.co.uk/www.uploads.beaverpromotions.co.uk/x1000/x1000.png
[/noparse]

Very odd behaviour, I've hand-coded the side from scratch so I know I haven't entered that and I clearly see no malformation.

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #6 on: June 24, 2010, 11:06:39 PM »
Ah see what you guys mean, images not showing in FireFox, hmm borders around images, quick css fix on that one.  Gonna scratch my head to get these images to show.

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #7 on: June 24, 2010, 11:42:15 PM »
Problems solved, images no longer broken.  School boy error.

In all its glory:

http://www.uploads.beaverpromotions.co.uk/x1000/index.html

Offline djrikkiTopic starter

  • Sr. Member
  • ****
  • Join Date: Mar 2010
  • Posts: 346
    • Show all replies
Re: Mock A-Eon Website
« Reply #8 on: July 01, 2010, 11:28:55 PM »
Updates:

Background image added
CSS corrections
25th Anniversary Wallpaper added
Footer tidied up somewhat
Re-done A-Eon and AmigaOne logos
Link colours decided

Outstanding: White outlines around jpgs to remove.

http://www.uploads.beaverpromotions.co.uk/x1000/index.html