Very nice! although I would suggest you resize your hover portfolio samples
to fit exactly inside the left display area. I would crop out all but the
actual screenshot area of the portfolio example, and would make the sample
fit into the height and width area there.
I use a similar css hover property on my own site. Not nearly as nice as
yours. Silly question maybe but are those what you are referring too as pop
ups? I don't really think of those as pop ups rather as hovers. My hovers
can be styled as they are css and the hover portion of the code can be
styled anyway you want them to look. Although in your case a very simple
squared up screenshot is all you really need. But it needs to fit. If you
lower the screen size the example is cut off on the right side.
----- Original Message -----
From: "Paul Novitski" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Tuesday, May 16, 2006 3:34 AM
Subject: Re: [WSG] about css "pop up windows"
At 01:19 AM 5/14/2006, Breiterstrom [Cosmin Ciobanu] wrote:
Please take a look at my web site:
http://www.cosmin-ciobanu.popconsulting.ro
The CSS is
http://www.cosmin-ciobanu.popconsulting.ro/cssfolder/mystyle.css
I want you to study the portfolio page and tell me how do you think it
looks.
I've used Only CSS rules, no JAVA script, for the windows that appears on
mouse over on the ice thumbnails.
Is there a way to make that pop ups appear with some effects? Like fade
in, for ex.?
Can anybody help me with a sugestion?
Cosmin,
For me your portfolio doesn't work: when I hover over the menu of
thumbnails, the larger screenshots appear in the same place and cover up
the menu itself. I find this very irritating. It means that to view more
than one screenshot I have to move my mouse completely out of the menu
area and come back into it from another direction. You're forcing me to
use a lot of extreme mouse motion for no particular reason, and I think
there's something fundamentally wrong about a user interface that covers
itself up while the user is trying to use it.
The design is not only inconvenient, it's superfluous. You have already
allocated space on the page to display a thumbnail representing each
portfolio item, however you're using the same ice image for each
thumbnail. That seems like a waste of space. Why not put the website
screenshots into the menu in the first place? This doesn't make the hover
images irrelevant -- it's OK to show a larger version of a thumbnail on
hover.
Your menu design seems like an especially poor choice for a web designer's
portfolio: I was not impressed with your ability to design a functional
user interface and, at least on this basis, I would not be likely to
approach you for help on a web project. While I understand your desire to
show off your abilities, I suggest you do so in a way that enhances
functionality and doesn't detract from it.
My recommendation is that you use screenshot thumbnails for the menu
itself and, on hover, display the larger screenshots on top of the big ice
cube at left. That way I could hover over different thumbnails until I
found one I wanted to click on, and the thumbnail menu would remain usable
throughout the selection process.
Regards,
Paul
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.392 / Virus Database: 268.5.6/339 - Release Date: 5/14/2006
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
