Stuck on the Design of This Page (Full Version)

All Forums >> [Web Design] >> Site Critiques



Message


Bruce2000 -> Stuck on the Design of This Page (1/10/2007 4:05:08)

Here is one page of my site:

Photos page

I'm stuck...."designers cramp"? LOL I want to re-design the icons that I use as a link or entry to the subsequent photo gallery pages but I don't know what would be a good design. This one looks too big overall. I have to leave room to add new galleries. I'd like to use a little thumbnail to represent the galleries and keep all of them uniform - but as you can see one of them is more vertical than horizontal so that throws it off. I need some new ideas. I did a little search online looking for some photo gallery icons but didn't come up with anything useful. I need icons that I can use as links to the gallery pages. I think I'd like to keep it on the left side like I have it, but I'm not thrilled with this design (the filmstrip is actually a font in photoshop).




rodaniel -> RE: Stuck on the Design of This Page (1/10/2007 4:43:25)

Bruce, I'm no pro, but a couple of ideas...

You could shave some vertical space by tightening up some of the black at the bottom and maybe lose a bit of the horizontal whitespace beneath your header graphic.

Also, your Window Seat graphic could easily be proportionally squished to match the dimensions of the other filmstrip thumbnails without losing its meaning. Just don't distort the airplane wing tip that you see outside the window and nobody will ever notice that the window itself isn't quite the right shape. (And for all I know, some airplanes DO have windows that are more squarish than rectangular.)

Also, I like the image of you & your camera, but it does certainly chew up quite a bit of space...

Rob




RickP -> RE: Stuck on the Design of This Page (1/10/2007 5:38:54)

Sorry to disappoint you Bruce but I think the galleries nav design looks good already! I like the filmstrip and the icons contained therein. Two planes are perhpas one too many though. Perhaps the size of this could be scaled down and then there'd be room to have another 'filmstrip' side-by-side. Or could the filmstrip be made to scroll when hovered on revealing more themes?

Re the top (horizontal) text nav... there are too many colours (plum, red, white and blue) all showing at once - the 'cars' one stays on blue when on other pages then goes off when clicked, which is presumably not meant to happen and the contact link does not change the cursor to the usual 'hand' which may lead people to not click the link which is actually there none-the-less.

Hope this helps. (nice looking site overall [;)])




Bruce2000 -> RE: Stuck on the Design of This Page (1/10/2007 13:26:31)

Ok, I tried working it in photoshop. Does this photo strip look better? I think its a little better.

As for the colors, I think I have a problem with the style. I had selected different colors for visited links, etc but I see some of them aren't working.

As for the contact link, the problem there is with the style. I have a color selected for "visited" links but that link is not a regular click, because it opens a pop up. How do you make the little hand appear?

[image]local://upfiles/1997/7A9858B92C1841FAA14DF07D12F91DC3.jpg[/image]




rubyaim -> RE: Stuck on the Design of This Page (1/10/2007 18:31:07)

Hi Bruce, I think it looks nice [:)]

I'm actually replying to ask a question ....

Is that film strip something I could use? IE: can I steal it and not be sued? It's very effective.

Thanks for your help.




rubyaim -> RE: Stuck on the Design of This Page (1/10/2007 18:38:17)

quote:

How do you make the little hand appear?


Hi again Bruce, you could try this:

<span style="cursor: pointer;">Contact Me</span>





Bruce2000 -> RE: Stuck on the Design of This Page (1/10/2007 18:58:07)

Sally, that filmstrip is a font called "hourphoto", color is black. In photoshop on a new blank image I simply typed a row then flatten it. it also has a character looking like an actual film roll. just google it and you should find the download page for it.




rubyaim -> RE: Stuck on the Design of This Page (1/10/2007 19:10:15)

Thanks Bruce [:)]




RickP -> RE: Stuck on the Design of This Page (1/11/2007 4:04:12)

Bruce....

Rubyaim's styling code should sort your contact link - or, just using the normal hyperlink ref in conjunction with the new window code will also do the same. The method of 'new window' will depend on what doctype you're working to.

Rubyaim...

You will be interested to know that Paint Shop Pro (v8 at least) has a filmstrip choice among its picture frames - Image inserted here as stand alone gif (it will fit round any photo in one click [;)])




[image]local://upfiles/13862/CB0359D71F8A4A6A8F8690503897688D.gif[/image]




jaybee -> RE: Stuck on the Design of This Page (1/11/2007 4:57:37)

Yes I've used that on a site where I have a link to a video.




rubyaim -> RE: Stuck on the Design of This Page (1/11/2007 17:16:13)

quote:

Image inserted here as stand alone gif (it will fit round any photo in one click :))


That's great Rick, many thanks [:)]




Bruce2000 -> RE: Stuck on the Design of This Page (1/14/2007 4:05:31)

quote:

ORIGINAL: rubyaim

Hi again Bruce, you could try this:

<span style="cursor: pointer;">Contact Me</span>





I did this. And I noticed that the hand does appear but only in IE. When I look at it in Firefox there is no pointer for only the "contact" link. Why is Firefox handling that one different?

I only applied that tag to my main page, here:
My Main Page

BTW, I am making a little progress in the design. I changed that photo page slightly but I also replaced 3 of my photo galleries (frontpage) with flash-based ones - the 2006, skylines, and window views galleries.

Bruce




womble -> RE: Stuck on the Design of This Page (1/14/2007 5:12:55)

From a quick look at the code it looks like it might be because you've closed the <span> tag too early. You've got the closing </span> tag before the link. Try moving the </span> to after the </a> tag and that should fix it.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625