How to underline your links in 5.0

[brimexuk]

I’m not an expert at this, but I thought I’d share what I’ve managed to work out with everyone

This has been bugging me for weeks, and has taken me hours to work out today, but finally I figured out.

Anyway… to have the links on a page underlined you will need to add this code to the “Advanced” of that page.
This will underline all the links on that page!

<style type='text/css'>
<!--
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
-->
</style>

If you have links on that page that you don’t want to be underlined you will need to add this peace of code to each of them links.

style="text-decoration: none"

your link might look like this before you add this peace of code to it

your text (/page/123456)

It should look like this after

your text (/page/123456)

Just replace the /page/123456 with whatever your url is.

Update: Its just occurred to me that you can add this/below code to the Advanced tab of the Background page and have it displayed on any page you like without having to add it to every page.

<style type='text/css'>
<!--
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
-->
</style>

Hope this helps someone!


brent
:wink:

[Shoshana]

Thank you Brett, it works like a charm! :lol: I made that a sticky.

[luckystars62]

Excellent post! Thanks!


Sho....you beat me to it! I was testing it first. Works like a charm! :D

[brimexuk]

I’m not an expert at this, but I thought I’d share what I’ve managed to work out with everyone

This has been bugging me for weeks, and has taken me hours to work out today, but finally I figured out.

Anyway… to have the links on a page underlined you will need to add this code to the “Advanced” of that page.
This will underline all the links on that page!

<style type='text/css'>
<!--
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
-->
</style>

If you have links on that page that you don’t want to be underlined you will need to add this peace of code to each of them links.

style="text-decoration: none"

your link might look like this before you add this peace of code to it

your text (/page/123456)

It should look like this after

your text (/page/123456)

Just replace the /page/123456 with whatever your url is.

As I said I’m not an expert at this so if it doesn’t work for you, SORRY, but it works for me.

Hope this helps someone!


brent
:wink:


Its just occurred to me that you can add this/below code to the Advanced tab of the Background page and have it displayed on any page you like without having to add it to every page.

<style type='text/css'>
<!--
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
-->
</style>

[Shoshana]

So we won't have but one sticky on this, I'm going to edit your above post, add it to your first post and then we'll have it all together. Thank you.

[brimexuk]

Can someone who is using this code tell me if it's working on their website?

Have just noticed that it's not working for me!

[Shoshana]

Yes, it is working. I'm using Odyssey, but the template shouldn't make any difference.

[fdurr1973]

Hi

Can anyone tell me where to enter my html for adding text links in Pro 5.0

I have no idea where to enter them on my home page. I went into the homepage and then clicked on advanced and the Header and body section appeared. I was able to enter the H1 tags in the header field. When I pasted my home page info along with the html codes for text links into the body field, I got the error message that the body field could only be 1500 characters. Can anyone please advise? I hope this makes sense.

[SandyCedars]

fdurr:


Can anyone tell me where to enter my html for adding text links in Pro 5.0

In the 5.0 store builder you enter your text links into a "Text" element. Simply input the HTML code required to create your link. Make sure to use the "Edit HTML Source" button if you are using the "Text Editor". Otherwise, the "Text Editor" will strip out your HTML code, potentially leaving you confused and befuddled. (Both technical terms used for the feeling you have just before rapping yourself smartly on the forehead as a result of things not going exactly as planned.) :roll:

If you are feeling HTML challenged, you also have the capability of inserting links using the icon that looks like a chain in the "Text Editor". The "Text Editor" automates the generation of the HTML code to create the hyper link.

1) Within your text element, simply select the text you want to turn into a link, also known as your anchor text.

2) Click on the "Insert/edit link" icon. (Looks like a chain.)

3) In the pop up window enter the "Link URL" for an off page link. Select the "Anchors" from the drop down selection menu for an on page link or a link to a specific location on another page in your site.

4) Select the "Target" for your link. This is typically "Open is this window" for links within your site, or "Open in new window" for off site links. These selections help you retain control of your visitor as far as what they see in which browser window(s).

5) Add a title if you choose. This is a good place to get in additional appropriate keywords for the link and consequently for the page. (Just don't succumb to the temptation to spam...)

6) Select the "Insert" button.

Voila... :wink:

Hope that helps,

[fdurr1973]

That was very helpful info. Thank you.

[Tarps-tents]

You can also underline those links by using the underline icon u

:o

[mike4toys]

Thanks for that I always add any of these tips to my background so that every page benefits. I also do this for the common meta like "robots index,follow" in fact any meta which I would otherwise have to repeat on every page.

[Jasse]

Brent, thank you so much for this information...So Helpful and so needed. I am still getting the hang of 5.0- 4.0 Was so easy to use in retrospect.

[bcrothers]

Awsome! These are the kinds of things that drive me batty in the SOI Builder!!!!

Also why my post count is so low on OMF....I spend to much time reading and trying!

What a great resource.

Bob

[goForward]

Another thank you.

In my case I only added to my background, so the underline shows up with a mouseover on the link. This leaves me some consistency with the template, but gives the user a clue that the green text is actually links.

<style type='text/css'>
<!--
a:hover { text-decoration:underline; }
-->
</style>

Also, thank you for the thought of putting common metatags into the background. This is a easy way to repeat the copyright meta.