[=] Stila glabāšana atsevišķā failā
Kaa uztaisiit lai shaadu fragmentu:
<style type="text/css">
<!--
A{color: #000080; text-decoration: underline}
A:visited, A:active{color: #800000; text-decoration: underline}
A:Hover{color: #000080; text-decoration: none; font: Bold }
-->
</style>
man nevajadzeetu kopeet visaas iepriekss izveidotajaas lapaas,
lai panaaktu efektu uzliekot peli uz linka?
Diemžēl, būs gan katrā lapā kaut kas jāieraksta. Šo savu stylesheetu:
A{color: #000080; text-decoration: underline}
A:visited, A:active{color: #800000; text-decoration: underline}
A:Hover{color: #000080; text-decoration: none; font: Bold }
iemet atsevišķā failiņā kaka.css (nav obligāti kaka) un katrā dokumentā, kurš izmantos šo stilu ieraksti:
<html>
<head>
...
<link rel=stylesheet type=text/css href=kaka.css>
...
</head>
<body ...
Bet ir viena lieta, kas jāievēro: neaizmirsti ielikt arī iekš <body text=.. link=.......>, lai tie browseri, kas nerubī stailšītus, vismaz kaut ko redzētu.
[=] Dažādi hover stili vienā lapā
A nu pie lietas : ideja ir random Stylinjsh linkiem!:)
Tas tak ir reaali, uziet uz uiena linka tas
nepasviitrojas un paliek bold, uziet uz cita tas
nepasviitrojas un paliek Italic + Bold, u.t.t.
Ieurbies sekojošajā sourcē: (source dabā)
<html>
<head>
<title>Nenosaukts</title>
<style type=text/css>
<!--
A:link.c01, A:visited.c01, A:active.c01 {
color: navy;
font-weight: bold;
}
A:hover.c01 {
color: red;
font-weight: bold;
}
A:link.c02, A:visited.c02, A:active.c02 {
color: navy;
font-weight: normal;
}
A:hover.c02 {
color: navy;
font-weight: bold;
}
A:link.c03, A:visited.c03, A:active.c03 {
color: green;
font-weight: normal;
}
A:hover.c03 {
color: silver;
font-style: italic;
}
-->
</style>
</head>
<body>
<a href=# class=c01>class=c01</a><p>
<a href=# class=c02>class=c02</a><p>
<a href=# class=c03>class=c03</a><p>
</body>
</html>
|