This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > March 2006 > Can popups links appear like rollover links?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Can popups links appear like rollover links?
Chrismelbourne

2006-03-28, 6:29 pm

Hello everyone.

I designed a site (http://www.thimbali.com/product.html) and with the
products, a description pops up, when they are clicked on. Can I have the
products behave like rollover links and change color? Can anyone tell me how
to do that?

Thanks!
Chris from Melbourne Australia

.: Nadia :. *ACE*

2006-03-28, 6:29 pm

"Chrismelbourne" <webforumsuser@macromedia.com> wrote in message
news:e0alj9$b4r$1@forums.macromedia.com...
> Hello everyone.
>
> I designed a site (http://www.thimbali.com/product.html) and with the
> products, a description pops up, when they are clicked on. Can I have the
> products behave like rollover links and change color? Can anyone tell me
> how
> to do that?


Chris,
I'm not seeing any descriptive text popups. When I mouseover your menu, I
see an animal shape above that particular menu item. Clicking on the
products page, I see a list of products on the right side, but no links or
popups...
In other words, I'm not entirely clear what you are after ;-)


--
Nadia (from Wollongong NSW)

Adobe Community Expert : Dreamweaver:
--------------------------------------------
http://www.csstemplates.com.au - CSS Templates | Free Templates
http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
-------------------------------------------------




Ranjb

2006-03-28, 6:29 pm

Hello Nadia I think I know what he is on about because im having the same
problem lol.
If you goto his products page and move your mouse over Sheep Placenta Powder
for eg and click on it you get a browser window appear. Can when you hover
over the product for example appear as a rollover link??

Cheers

Ranj

.: Nadia :. *ACE*

2006-03-28, 6:29 pm

ah, ok. I 'moused over' those links and I didn't see anything happen. It
is not very intuitive ;-) It was only when I clicked on the link that I saw
the pop up.

When you have a string of text that you want to add a behaviour to, you need
to give it a null link that is: "javascript;:"
without the quotes. So Chris' link would be like this:

<a href="java script:;">Sheep Placenta Powder</a>

Once you have your links set up correctly, you can then use css to change
the color of the active link and change the color when you mouseover the
link.

These links will help you style your links
Pseudo-classes and container styles are what you need - here are some
tutorials for you to get started with.

http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutoria...asses/index.htm

PS: Do not use DW properties box to do this please.

--
Nadia
Adobe Community Expert : Dreamweaver:
--------------------------------------------
http://www.csstemplates.com.au - CSS Templates | Free Templates
http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
-------------------------------------------------


"Ranjb" <ranjb82@yahoo.com> wrote in message
news:e0b245$sm8$1@forums.macromedia.com...
> Hello Nadia I think I know what he is on about because im having the same
> problem lol.
> If you goto his products page and move your mouse over Sheep Placenta
> Powder
> for eg and click on it you get a browser window appear. Can when you
> hover
> over the product for example appear as a rollover link??
>
> Cheers
>
> Ranj
>



phantomaussie

2006-03-28, 6:29 pm

CSS is your friend

create a new css sheet or add the following to your page at the top in
the <head> somwhere

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

If you are not already use CSS to style out text. if you are still
using <font> tags ... shame on you.

cb

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews