HTML code in VSD #2 - Post ID 215558

User 219465 Photo


Registered User
324 posts

Hello All. Wonder if someone can help. In VSD, I used the insert HTML feature to add a back button using this code: <a href="#" onClick="history.go(-1)">Go Back</a>

The feature works, but it is the color I have an issue with. Right now it is purple and on mouseover, it turns green. What code would I add to make the color white, and less the mouseover? It appears that there is not a mouseover feature attached in VSD. Anyway, as I can still be considered a rookie :( , especially in html, this may be an easy one.

Thanks,
Marc
User 187934 Photo


Senior Advisor
20,271 posts

Give this a try Marc.
Add a HTML box
Header HTML
<style type="text/css">
<!--
.back_button { color:#FFFFFF; font-weight:bold; }
.back_button:visted{ color:#800080; }
.back_button:hover { color:#008000; }
.back_button:active { color:#FF0000; }
-->
</style>

Body HTML
<a class="back_button" href="#" onClick="history.go(-1)">Go Back</a>


Adjust the color codes to your needs.
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 219465 Photo


Registered User
324 posts

Thanks Eric:D I have made a little bit of progress, but the text still is purple and changes to white? Here is what I have added for the header:

<style type="text/css">
<!--
.back_button { color:#FFFFFF; font-weight:bold; }
.back_button:visted{ color:#FFFFFF; }
.back_button:hover { color:#FFFFFF; }
.back_button:active { color:#FFFFFF; }
-->
</style>


(#FFFFFF being white.) I must be doing something wrong:/
User 219465 Photo


Registered User
324 posts

Forgot to add, that I deleted the old html box I had and did a copy and paste for the body also. The only change was the color.

Marc
User 187934 Photo


Senior Advisor
20,271 posts

Give this a try.
<style type="text/css">
<!--
a.back_button { color:#FFFFFF; font-weight:bold; }
a.back_button:visted{ color:#FFFFFF; }
a.back_button:hover { color:#FFFFFF; }
a.back_button:active { color:#FFFFFF; }
-->
</style>
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 2147626 Photo


Ambassador
2,958 posts

Hey Marc, In VSD just go to 'Settings/Standard Setting For New Pages' off the top menu and you can adjust the link colors. Just remember that this will change the link colors for ALL pages. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 219465 Photo


Registered User
324 posts

Eric... :D ..... It works! Thanks! GUNSMOKE, I saw that setting, but since I have a few more pages to go knowing that the colors will be different, I didn't want to take that route.

Guys, thanks again for the help.

Marc
User 219465 Photo


Registered User
324 posts

The back button works perfectly. My next task, and I have tried a few things from online, and searched the forums here, but I need text with a link similar to the back button. I can not use the buttonize feature as there is not a transparent background color. I added this info to the html code box:

BODY: <a href="http://mywebsitename.com">HOME</a>

HEADER: <style type="text/css">
<!--
a.href { color:#FFFFFF; font-weight:bold; }
a.href :visted{ color:#FFFFFF; }
a.href :hover { color:#FFFFFF; }
a.href :active { color:#FFFFFF; }
-->
</style>


I would use it less the header info, but the text changes colors, and I would like to avoid the global option under 'Settings/Standard Setting'. Sorry, not trying to be difficult, just trying to catch up to you guys and gals on here :cool:.

Thanks,
Marc
User 187934 Photo


Senior Advisor
20,271 posts

<a class="link" href="http://mywebsitename.com">HOME</a>

<style type="text/css">
<!--
a.link { color:#FFFFFF; font-weight:bold; }
a.link :visted{ color:#FFFFFF; }
a.link :hover { color:#FFFFFF; }
a.link :active { color:#FFFFFF; }
-->
</style>
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 219465 Photo


Registered User
324 posts

Thanks once again Eric. :D

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.