Template 19 questions

[Jean-Pierre 0]

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?

[RickM 0]

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 June 17 by RickM
Presumption Made

[Jean-Pierre 0]

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

[RickM 0]

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..

[Jean-Pierre 0]

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

[Katryne 0]

Jean-Pierre, to customize the cloud settings, I use Michel Kirsch's mod Add Cloud of name https://tng.lythgoes.net/wiki/index.php/Add_Cloud_of_Names

Have a look at either of the sites of my signature.

[Katryne 0]

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.

[Jean-Pierre 0]

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.

 

[Katryne 0]

Jean-Pierre, you may try :

Citation

a:hover {text-decoration:underline;}

It should underline any link of the site when hovering

 

[Rob Severijns 0]

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>

 

[Katryne 0]

Rob, for links in notes, try this for underline on hover :

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

Look here, there is a link in the note about birth : https://tng-test.revestou.fr/getperson.php?personID=I3141&tree=revesto

[Rob Severijns 0]

Katryne,

Now only the inks in notes are underlined when hovering.

 

[Rob Severijns 0]

Katryne,

This does the trick.

a:hover {text-decoration:underline;
}

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

 

[Rob Severijns 0]

Katryne,

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

[Katryne 0]

font-weight:bold;

inside the brackets (that was an easy one)

[Rob Severijns 0]

Thx :-)

 

[Katryne 0]

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

[Rob Severijns 0]

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.

 

[Jean-Pierre 0]

Thank you all for your help!

[Katryne 0]

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