Jump to content
TNG Community
Jean-Pierre

Template 19 questions

Recommended Posts

Jean-Pierre

Template 19 looks great, but I wanted to do two small changes:

- underline links on hover (on home page)
Changing the general styles in templatestyle.css (lines 29-35) has no effect at all (even deleting them). So, the link colors and effects must be defined or overwritten elsewhere - but where?

- surname cloud
I included the surname cloud from Template 21, but instead of colored names, all names have the same dark blue color. Why?

Maybe that the two problems are linked, but I don't see what to change. Any hint?

Share this post


Link to post
Share on other sites
RickM
8 minutes ago, Jean-Pierre said:

Template 19 looks great, but I wanted to do two small changes:

- underline links on hover (on home page)
Changing the general styles in templatestyle.css (lines 29-35) has no effect at all (even deleting them). So, the link colors and effects must be defined or overwritten elsewhere - but where?

- surname cloud
I included the surname cloud from Template 21, but instead of colored names, all names have the same dark blue color. Why?

Maybe that the two problems are linked, but I don't see what to change. Any hint?

Jean-Pierre

If you are able to include a url link to your site, I will check the css for you..

To underline the links of the left hand side menu, eg: Home, Search, Login, etc, add the following to the mytngstyle.css file in the template css folder.

 

div.icons a:hover {
  text-decoration: underline;
}

 

Hope that helps.

Edited by RickM
Presumption Made

Share this post


Link to post
Share on other sites
RickM
51 minutes ago, Jean-Pierre said:

Site under construction: https://www.luxracines.lu/banat

The code from above should do the trick for you.. Underline on Hover..

Share this post


Link to post
Share on other sites
Jean-Pierre

Thank you, but does not work, as you can see on the site.

Share this post


Link to post
Share on other sites
Katryne

To get underline when hovering the main menu items, the code given above by Rick is perfect. You just have to put it in templates/template19/css/mytngstyle.css.

I have tested, it's OK. If you want this underline feature elsewhere, just tell us where.

Share this post


Link to post
Share on other sites
Jean-Pierre

Thank you Katryne. I see now that Rick's proposal works on the main menu. What I wanted in fact was to underline links in the right side content area, where they are difficult to find in the text. I will also give the Cloud mod a try.

 

Share this post


Link to post
Share on other sites
Katryne

Jean-Pierre, you may try :

Citation

a:hover {text-decoration:underline;}

It should underline any link of the site when hovering

 

Share this post


Link to post
Share on other sites
Rob Severijns
1 hour ago, Katryne said:

It should underline any link of the site when hovering

Unfortunatly it doesn't underline links placed in Notes when hovering.

At least not on my site.

See an example of one of my links below.

<em><a rel="nofollow" style="color:#7b6241" href="https://www.severijns.family/Severijns/placesearch.php?psearch=Kessel+%28Ant+-+Bel%29&tree=Sev1" target="_blank" title"Link naar Kessel (Ant - Bel) ">Kessel (Ant - Bel)</a></em>

 

Share this post


Link to post
Share on other sites
Rob Severijns

Katryne,

Now only the inks in notes are underlined when hovering.

 

Share this post


Link to post
Share on other sites
Rob Severijns

Katryne,

This does the trick.

a:hover {text-decoration:underline;
}

ul li a:hover{text-decoration:underline;
}

 

Share this post


Link to post
Share on other sites
Rob Severijns

Katryne,

You happen to know how to make the link Bold while hovering?

Share this post


Link to post
Share on other sites
Katryne

font-weight:bold;

inside the brackets (that was an easy one)

Share this post


Link to post
Share on other sites
Rob Severijns

Thx :-)

 

Share this post


Link to post
Share on other sites
Katryne

And how do you like my links, here  (not hover, just links) : https://clan.chauvigne.info/

Edit : in fact, I won't let them like that, because of the Cloud of names : all links are identical there. Unless I find a way not to take into account the Cloud of names.

Edit Edit : I found the way.

And please : no critic, I always liked glitters ... and unicorns

Share this post


Link to post
Share on other sites
Rob Severijns

Well done Katryne,

I really like the changing colors of the links on your page It makes the page more lively instead of static text.👍

Last but not least "what a lovely ÿoung girl in the picture". So young and so innocent. 😀

Makes me want to look at the older pictures of my own daughters and having my thoughts take me back while drifting on the currents of time.

 

Share this post


Link to post
Share on other sites
Jean-Pierre

Thank you all for your help!

Share this post


Link to post
Share on other sites
Katryne

 this is me on the picture, some time ago... And the coding is pure css.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×