STYLESHEETS | JAVASCRIPT
text td länkar och scroll | scrollbar | två länkfärger på samma sida |
visa bakgrund i nytt fönster
Klistra in följande mellan <head> och </head> Givetvis ändrar du färgkoderna,
font och storlek till de som passar din sida
<style type="text/css">
<!--
a.link {font-family: verdana; color: #ccccff; font-size: 10pt; text-decoration:
none;}
a {font-family: verdana; color: #ccccff; font-size: 10pt; text-decoration: none;}
a:link {font-family: verdana; color: #ccccff; font-size: 10pt; text-decoration:
none;}
a:visited {font-family: verdana; color: #ccccff; font-size: 10pt;
text-decoration: none;}
a:active {font-family: verdana; color: #ccccff; font-size: 10pt; text-decoration:
none;}
a:hover {font-family: verdana; color: #ffffff; font-size: 9pt; text-decoration:
none; }
td{font-family: tahoma; arial; font-size:9pt; color:#000000}
p{font-family: tahoma; arial; font-size:9pt; color:#000000}
body {scrollbar-base-color: #996666; scrollbar-highlight-color:
scrollbar-track-color:black; gray; scrollbar-arrow-color: white}
-->
</style>
scrollbar
<style type="text/css">
<!--
body {scrollbar-base-color: #996666; scrollbar-highlight-color:
scrollbar-track-color:black; gray; scrollbar-arrow-color: white}
-->
</style>
två länkfärger på samma sida
a.one:link {font-family: tahoma; arial; color:#000000; font-size:9pt;
text-decoration:none}
a.one:visited {font-family: tahoma; arial; color:#000000; font-size:9pt;
text-decoration:none}
a.one:hover {font-family: tahoma; arial; color:#000000; font-size:9pt}
a.two:link {font-family: tahoma; arial; font-size:9pt; color:#ffffff}
a.two:visited {font-family: tahoma; arial; font-size:9pt; color:#ffffff}
a.two:hover {font-family: tahoma; arial; font-size:9pt; color:#ffffff}
i länken skriver man sedan attributet t.ex. class="two" se exempel nedan:
<a class="two" target="sida" href="kontakt.htm">Kontakt | </a>
visa bakgrund i nytt fönster
Klistra in följande mellan <head> och </head>
<script>
<!--
/*By George Chiang (JK JavaScript site www.abstract.simplenet.com)
Credit must stay intact for use*/
function tile(bgname){
win2=window.open("","","width=380,height=380")
if (win2){
win2.focus()
win2.document.open()
win2.document.write("<head><title>"+bgname+"</title></head>")
win2.document.write("<body background="+'"'+bgname+'"'+">")
win2.document.write("</body>")
win2.document.close()
}
else
alert("Failed in spawning a new window!")
}
//-->
</script>
och i <body> på den plats där du har bilden:
<a href="bg14.htm" onclick="tile('bg/bg14.gif');return false"><img border="0" src="bg/bg14.gif" width="94" height="100"></a>
(döp htmldokumentet till samma som bilden (htmldokumentet finns redan förprogrammerat i head-scriptet, du behöver alltså inte ett nytt dokument för varje bild, det räcker med att ange det med namn här)