Attached is a tiddler with edits I did to the ladt four hover zones for high lighting and links. Its in plain text since its not a complete svg but the code can be copy and pasted into a svg.
Its done with light colors on dark background cause I can't work with light
backgrounds due to my eyes
Here's one for example
<g><a href="#Van_Richten_Tower">
<path class="hoverz1"
style="stroke:none;stroke-width:0.06992456px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 476.58257,404.90664 c 0.97519,1.93218 2.57802,3.7967
4.59124,4.59124 2.60767,1.02916 5.69433,0.4307
8.4055,-0.28254 3.54424,-0.93239 8.40814,-1.67438 9.74756,-5.08568
1.23293,-3.14011 -1.31075,-6.87948
-3.39046,-9.53565 -1.94848,-2.48857 -4.78182,-4.78269 -7.91106,-5.22696
-2.58795,-0.36741 -5.35419,0.82014
-7.48726,2.33094 -2.25185,1.59494 -4.27418,3.9628 -4.94441,6.63964
-0.53782,2.14804 -0.009,4.59218
0.98889,6.56901 z"
id="Van_Richten_Tower"
inkscape:connector-curvature="0"
sodipodi:nodetypes="aaaaaaaaa"
inkscape:label="Van Richten's Tower" /><title>Van Richten
Tower</title></a></g>
the <g></g> is for the tooltip -- the <title> if you want tooltips with your
mouse over.
If thats something you wouldn't want, remove <g><title>Van Richten
Tower</title></a></g>
the <a href="#Van_Richten_Tower"> </a> is for links to tiddlers-- all you need
is #tiddlername
if used in a svg tiddler
the class name "hoverz1" is for mouse over-- in CSS you use hover for styling
normally you also define the normal (non hover) state along with the hover in
the style section
but for some reason I didn't have to with your example file.
<style>.hoverz1:hover {fill:white;}</style>
<-- put before <defs> at top of file -->
Important thing is you have to remove any matching styling on the elements that
you define
in the style section-- I had to take the opacity and fill-opacity off of each
element I geve the hover
effect class to.
Also if you want the hover effect to work indeprndently for each hover zone,
they get the class not a group--
if the group gets it then each hover zone of that group will cause the rest of
the group also to high light.
So grouping a hover zone with its text as a pair and giveing their group the
class would eork-- experimenting
will show you what works. Though with a file this large you're probably
getting typing lag if you have the
editor preview window open. If your file length is causing your preview window
to disappear off screen, set
the editor window size to 600 in the editoe toolbar.
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/cd58b449-5ce8-4432-8101-c8cc3a7a798e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Barovia Worldmap small no bg transparent layers last 4.tid
Description: Binary data
