Rollovers in RLM - Post ID 238677

User 458539 Photo


Registered User
1,583 posts

Hello

Dreamweaver did it auto but was wondering about rollover links with RLM. Anybody play with these?

Byron
User 187934 Photo


Senior Advisor
20,181 posts

What do you want your links to do at rollover?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 458539 Photo


Registered User
1,583 posts

I was thinking for a specific project I am working on to swap images then link if clicked. Nothing fancy

Byron
User 434929 Photo


Ambassador
938 posts

You can not add Rollover directly within RLM and you have to export your project and then edit it with code editor of your choice.

If you provide project file and with some instruction we could help you here

Rollover in CSS is part of Pseudo-classes ( it's called Hover state )

This is Just an example:

a.link-text.text-link-1 {
background-color: #16548a;
color: #e6e8eb;
text-align: center;
font-size: 16px;
background-image: url(../Default.png);
background-repeat: no-repeat;
}

a.link-text.text-link-1:hover {
background-color: #B22222;
font-size: 19px;
background-image: url(../Hover.png);
background-repeat: no-repeat;
}
The above code just an example, it may not work at your side.

I suggest you have look at in YouTube for some tutorials
Here is one:
http://www.youtube.com/watch?v=VJA6wcMkA50
Guys at coffeecup are awesometacular.
User 458539 Photo


Registered User
1,583 posts

Interesting

I need to do it the old way Im thinking - where there are 2 images and the substitute as in this example.

http://customtransfersolutions.com/index.html

This is what the client wants - look at the right companies - you roll over and get a description then if you click it goes to the manufacturer. I did this site in Dreamweaver and it was pretty simple but it was within the program and I don't get how to do it in new RLM and editor. The site has been very successful for him and he wants to reproduce this in responsive format.

Thanks in advance,

Byron
User 2147626 Photo


Ambassador
2,958 posts

Take a look at some of the samples on Eric's site. http://progrower.coffeecup.com/imageviewer.html

Check other links he has posted on the main page. I'm not an RLM user yet, but you should be able to do this in RLM. I would think, maybe ...
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2488786 Photo


Registered User
190 posts

You could try *Omitted rival software name*

Please do not post suggestions for outside software if it's a software type that is provided by CoffeeCup, thanks! :)
An expert at using the wrong tool the right way.
User 458539 Photo


Registered User
1,583 posts

Hello guys

Well the client paid up!!! So I'm back on this project.

http://customtransfersolutions.com/index.html

The small logos on the right - see how they rollover to another image and then if you click they nav to the page. He wants that again for his new responsive site. Search YouTube and tried some fo the above suggestions but can't get it going. Tried to use the dreamweaver coding and it didn't work either. here is the dreamweaver code example

http://tippingproductions.com/tpc/demosite2/ ( I know about size difference just experimenting to try to get this)

Stumped - any thoughts?

Byron
User 2088758 Photo


Senior Advisor
3,086 posts

Hi Byron thats an easy solution.

All you need to do is use this code:

<a href="URL HERE"><img src="imageOne" onmouseover="this.src='imageOnehover.png'" onmouseout="this.src='imageOne'" /></a>
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 458539 Photo


Registered User
1,583 posts

Steve thanks - will give this a try

Byron

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.