Jean-Pierre Posted June 17, 2022 Report Share Posted June 17, 2022 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? Quote Link to comment Share on other sites More sharing options...
RickM Posted June 17, 2022 Report Share Posted June 17, 2022 (edited) 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, 2022 by RickM Presumption Made Quote Link to comment Share on other sites More sharing options...
Jean-Pierre Posted June 17, 2022 Author Report Share Posted June 17, 2022 Site under construction: https://www.luxracines.lu/banat Quote Link to comment Share on other sites More sharing options...
RickM Posted June 17, 2022 Report Share Posted June 17, 2022 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.. Quote Link to comment Share on other sites More sharing options...
Jean-Pierre Posted June 17, 2022 Author Report Share Posted June 17, 2022 Thank you, but does not work, as you can see on the site. Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 17, 2022 Report Share Posted June 17, 2022 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. Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 17, 2022 Report Share Posted June 17, 2022 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. Quote Link to comment Share on other sites More sharing options...
Jean-Pierre Posted June 18, 2022 Author Report Share Posted June 18, 2022 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. Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 18, 2022 Report Share Posted June 18, 2022 Jean-Pierre, you may try : Citation a:hover {text-decoration:underline;} It should underline any link of the site when hovering Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 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> Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 18, 2022 Report Share Posted June 18, 2022 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 Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 Katryne, Now only the inks in notes are underlined when hovering. Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 Katryne, This does the trick. a:hover {text-decoration:underline; } ul li a:hover{text-decoration:underline; } Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 Katryne, You happen to know how to make the link Bold while hovering? Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 18, 2022 Report Share Posted June 18, 2022 font-weight:bold; inside the brackets (that was an easy one) Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 Thx :-) Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 18, 2022 Report Share Posted June 18, 2022 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 Quote Link to comment Share on other sites More sharing options...
Rob Severijns Posted June 18, 2022 Report Share Posted June 18, 2022 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. Quote Link to comment Share on other sites More sharing options...
Jean-Pierre Posted June 18, 2022 Author Report Share Posted June 18, 2022 Thank you all for your help! Quote Link to comment Share on other sites More sharing options...
Katryne Posted June 18, 2022 Report Share Posted June 18, 2022 this is me on the picture, some time ago... And the coding is pure css. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.