Viewing I can't change the rollover color of my Hyperlinks

I can't change the rollover color of my Hyperlinks



User: Fabio Edoardo Natale F. 8 years ago
Hi,
I have the version 1.7.5 build 1343 and my OS is Mac Os X 10.9.5.

I'm working on a multilingual site. I have created a main english site and a directory apart for the italian version. In this version I have created the navigation menu manually, by using hyperlinks. These hyperlinks are simple words like home, info, and so on. These words are white and I would like to obtain a maraschino red for the rollover effect.

This is my procedure.

1) I select the text
2) I click on enable as hyperlink and select one of my pages. I chose one of my italian pages (on the same directory)
3) I select maraschino red as color for rollover
4) I save my everweb file (I know it's not necessary to save every 2 seconds, but I'm a prudent guy)

At this point, I click on the following hyperlink and then I click again one the previous hyperlink that I have just changed (and saved): the rollover color in the hyperlink formatting menu is always white. In a few word my rollover color - maraschino red - has not been saved at all. When I publish my site, my navigation menu is white and there's no rollover effect. How can I solve this problem?

Another problem is that my "set default link colors" is not always available. Sometimes I can click and open it, and sometimes not. It's quite strange.

Fabio (Italy)
User: Paul-RAGESW 8 years ago
Double click the text object so that the text is selected and highlighted. Then use the hyperlink features. Let me know if that works.

-------------------------------
Paul
EverWeb Developer
User: Fabio Edoardo Natale F. 8 years ago
Hi Paul,

It works, but I have noticed another problem that maybe is related. In my site I have a few red banner with white text on it. The banner is a simple rectangle shape filled in maraschin red and the text is white. Both text and shape are not hyperlinks. After I have selected maraschin red as the color of choice for the rollover effect, in the navigation menu, I have noticed a strange change: when I go with the mouse on my red banners, the red color becomes black. The pointer harrow is always the same (there's no little hand) but there's this change of color. It's quite strange, because my red banners are not hyperlinks. When I go with the mouse on the white text of the red banner, the harrow becomes a "text pointer". The text is not an hyperlink too. I have noticed this strange effect after I have changed the rollover color of my navigation menu. The colors are the same: white for the text and maraschin red for rollover. So I presume there's maybe a bug. Before the rollover change, the red banner behavior was correct: no change of color and no "text pointer". It's a bug, by my point of view.
User: Paul-RAGESW 8 years ago
Can you provide a URL that shows this behavior?

-------------------------------
Paul
EverWeb Developer
User: Fabio Edoardo Natale F. 8 years ago
Quote: Paul-RAGESW - 25/05/2015 13:02:50
Can you provide a URL that shows this behavior?


Yes, it's the red banner "A must have for fantasy illustrators and professional fine artists"... but every red banner in my site has the same strange problem.

http://www.fabiofrau.com/fantastic-realism.html

P.S: sometimes I receive error messages during the publishing step. The "publish the entire site" feature was very slow and so I have unchecked "use secure publishing" and "use passive publishing connection" in preferences... but publish my site is always quite slow and problematic. :-/

Last edit 8 years ago
User: Yelena 8 years ago
It works if you rollover at a certain point....Your text must be in front of the color box and blocking it. Make it change color the same way that the box does...

-------------------------------
Yelena
MacBook Pro OS X 10.10.3
IMac 21" OS X 10.10.3
User: Roddy 8 years ago
You have select an onmouser over and onmouseout state for these banners so the on mouseover shape image shows when the mouse is over any part of the item not covered by the text box.

<div class="shape_1" style="left: 0px; top: 772px; width: 1000px; height: 82px; z-index: 1; position: absolute; background-image: url(http://www.fabiofrau.com/images/fantastic-realism/shape_1.png); background-position: initial initial; background-repeat: no-repeat no-repeat;" onmouseover="this.style.background='url('images/fantastic-realism/shape_mh_1.png') no-repeat'" onmouseout="this.style.background='url('images/fantastic-realism/shape_1.png') no-repeat'"></div>

[quoteYes, it's the red banner "A must have for fantasy illustrators and professional fine artists"... but every red banner in my site has the same strange problem.]

The navigation menu i too high at 88px and hangs down over this banner. Do you have "show Layout" turned on when you are working on the design canvas?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Fabio Edoardo Natale F. 8 years ago
Quote: Yelena - 26/05/2015 8:48:55
It works if you rollover at a certain point....Your text must be in front of the color box and blocking it. Make it change color the same way that the box does...


Thank you very much, Yelena, your little trick works. :-)

P.S: the text color doesn't change, so, by my point of view, "make it change color the same way that the box does" could be not necessary.

Last edit 8 years ago
User: Fabio Edoardo Natale F. 8 years ago
Quote: Roddy - 26/05/2015 11:46:35


The navigation menu i too high at 88px and hangs down over this banner. Do you have "show Layout" turned on when you are working on the design canvas?


Thank you very much Roddy. I didn't know this "show layout" feature. I have selected it and I have seen that there's overlapping between the navigation menu and red banner. By your point of view, what could be a good average height for the navigation menu?

P.S: I have lowered all the page and now the navigation menu doesn't hangs down over this banner. Unfortunately, the problem persists. Every red banner of my site has this same "rollover effect. It's not a problem caused by layout overlapping. I suppose it's a bug. At the moment I have tried with the useful gimmick suggested by Yelena.
User: Fabio Edoardo Natale F. 8 years ago
Update. I have solved the problem. The red banners of my site are simple rectangle shapes and for these shapes I have "normal" and "color fill" in the shape inspector. I have noticed that there are two other options in the shape inspector: mouse over and mouse down. These two options were not selected, but I have noticed that the color of choice for "mouse over" and "mouse down" was black. I have selected "none" for both and now the rollover effect has disappeared. I think it's maybe a bug. The mouseover effect, in the banner, has appeared after I have changed the color of the rollover effect for the navigation menu. So, I suppose, there's a sort of relationship, maybe caused by a little bug.
User: Roddy 8 years ago
It's not a bug. I pointed this out in my previous post that the code shows that you had selected an onmouseover shape image - shape_mh_1.png - which, in your case, was black.

In the Shape Options inspector, "Fill" should be set to "Normal" if you don't want a color change on mouseover.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Fabio Edoardo Natale F. 8 years ago
Quote: Roddy - 27/05/2015 3:21:10
It's not a bug. I pointed this out in my previous post that the code shows that you had selected an onmouseover shape image - shape_mh_1.png - which, in your case, was black.

In the Shape Options inspector, "Fill" should be set to "Normal" if you don't want a color change on mouseover.



No Roddy, in the shape option inspector, "fill" was set to normal. I'm sure. I also have discovered that the mouseover (not selected) had the black color selected instead of "none". In a few word I had:

shape option inspector: shape> rectangle , fill , normal (was selected), color fill: maraschin red
mousevor (was not selected) , but I had "black" as the color selected for mouseover

after the following change, I have solved the problem:

shape option inspector: shape> rectangle , fill , normal (selected), color fill: maraschin red (AS INDICATED ABOVE)
mousevor (not selected, as above) , mouseover color : none (instead of black)

In a few word, the color black selected in the Not selected mousever has created a conflict.
User: Roddy 8 years ago
If you insert a rectangle shape, EverWeb publishes it as a div with the background color select using CSS.

If you add mouse over as you had done, EverWeb publishes two images - one for the shape and the other for the rollover. That's what your code indicates.

Obviously, using two extra images to create a shape is not a good idea from the point of view of the page document download speed in the browser.

If you want a simple shape, just insert it with the default settings which is Fill: Normal.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.