CSB/Trellix Test
|
   (to other tests) |
ussrtest4
These are regular CSB links:
These links use style: menucont
These links use style: menucont2
More links using style code: menucont
Three kinds of links on the same page!
Regular CSB links, and 2 other styles because of special code
This sample is an adaptation of the code listed on this page!
general instructions are on that page
Put your style code in one insert > HTML (webgem)
Put your links in other insert > HTML (webgems) throughout the page.
FIRST CODE: Put this into your page using insert > HTML
This one happens to define 2 different areas (menucont & menucont2). If you need only one, then delete the second grouping. If you need more, make a new grouping.
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Martial Boissonneault -->
<!-- Web Site: http://getElementById.com -->
<!-- Modification: Samantha Conway -->
<style type="text/css">
.menulinks {position:relative;}
#menucont a:link {color:#ffffff; text-decoration: none;}
#menucont a:visited {color:#ffffCC; text-decoration: none;}
#menucont a:active {color:#ffffCC; text-decoration: none;}
#menucont a:hover {color:#66ffff; text-decoration:underline}
#menucont2 a:link {color:#CCFF33; text-decoration: none;}
#menucont2 a:visited {color:#FF9900; text-decoration: none;}
#menucont2 a:active {color:#FF9900; text-decoration: none;}
#menucont2 a:hover {color:#FFCC33; font-weight:bold; text-decoration:underline overline;}
</style>
SECOND CODE: Put these in another Insert > HTML
This is the code for links using the first style code:
<div id="menucont">
<a href="http://www.ussrankin.org/test/id39.htm" TARGET="_top" TITLE="LFS Test Site 2" id="a1" class="menulinks" >LFS Test Site 2</a><br>
<a href="http://www.ussrankin.org/test/id40.htm" TARGET="_top" TITLE="Lets Try Again!" id="a2" class="menulinks" >Lets Try Again!</a><br>
<a href="http://www.ussrankin.org/test/id25.htm" TARGET="_top" TITLE="Text Printing Test" id="a3" class="menulinks" >Text Printing Test</a><br>
</div>
This is the code for links using the 2nd style code menucont2:
<div id="menucont2">
<a href="http://www.ussrankin.org/test/id39.htm" TARGET="_top" TITLE="LFS Test Site 2" id="a1" class="menulinks" >LFS Test Site 2</a><br>
<a href="http://www.ussrankin.org/test/id40.htm" TARGET="_top" TITLE="Lets Try Again!" id="a2" class="menulinks" >Lets Try Again!</a><br>
<a href="http://www.ussrankin.org/test/id25.htm" TARGET="_top" TITLE="Text Printing Test" id="a3" class="menulinks" >Text Printing Test</a><br>
</div>
|