| author | František Kučera <franta-hg@frantovo.cz> |
| Tue Apr 27 11:15:36 2010 +0200 (2010-04-27) | |
| changeset 105 | f9c0ce760189 |
| parent 60 | 1a05c7ce4f73 |
| child 106 | 6209f3d550c5 |
| permissions | -rw-r--r-- |
| franta-hg@60 | 1 |
<?xml version="1.0"?> |
| franta-hg@60 | 2 |
<svg width="1000" height="1000" |
| franta-hg@60 | 3 |
xmlns="http://www.w3.org/2000/svg" |
| franta-hg@60 | 4 |
xmlns:xlink="http://www.w3.org/1999/xlink"> |
| franta-hg@60 | 5 |
|
| franta-hg@60 | 6 |
|
| franta-hg@60 | 7 |
<!-- |
| franta-hg@60 | 8 |
<a xlink:href="http://frantovo.cz" xlink:title="Moje stránky!"> |
| franta-hg@60 | 9 |
<circle cx="150" cy="100" r="50" style="fill:red; stroke-width: 3; stroke:rgb(0,0,0)"/> |
| franta-hg@60 | 10 |
</a> |
| franta-hg@60 | 11 |
|
| franta-hg@60 | 12 |
<a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="Nečum!">
|
| franta-hg@60 | 13 |
<circle cx="200" cy="100" r="50" style="fill:blue; stroke-width: 3; stroke:rgb(0,0,0)"/> |
| franta-hg@60 | 14 |
</a> |
| franta-hg@60 | 15 |
--> |
| franta-hg@60 | 16 |
|
| franta-hg@60 | 17 |
<style type="text/css"> |
| franta-hg@105 | 18 |
rect.ne {
|
| franta-hg@105 | 19 |
fill: url(#ne_prechod); |
| franta-hg@105 | 20 |
stroke: black; |
| franta-hg@60 | 21 |
} |
| franta-hg@105 | 22 |
rect.ano {
|
| franta-hg@105 | 23 |
fill: url(#ano_prechod); |
| franta-hg@105 | 24 |
stroke: black; |
| franta-hg@60 | 25 |
} |
| franta-hg@105 | 26 |
|
| franta-hg@105 | 27 |
a:hover rect.ano, a:hover rect.ne {
|
| franta-hg@105 | 28 |
fill: url(#zvyrazneny_prechod); |
| franta-hg@105 | 29 |
} |
| franta-hg@105 | 30 |
|
| franta-hg@105 | 31 |
a:hover text {
|
| franta-hg@105 | 32 |
fill: green; |
| franta-hg@105 | 33 |
} |
| franta-hg@105 | 34 |
|
| franta-hg@105 | 35 |
line.ramecek {
|
| franta-hg@105 | 36 |
stroke: black; |
| franta-hg@105 | 37 |
stroke-width: 2; |
| franta-hg@105 | 38 |
} |
| franta-hg@105 | 39 |
|
| franta-hg@105 | 40 |
|
| franta-hg@105 | 41 |
rect.pozadi {
|
| franta-hg@105 | 42 |
fill: url(#pozadi_prechod); |
| franta-hg@105 | 43 |
} |
| franta-hg@105 | 44 |
|
| franta-hg@105 | 45 |
text {
|
| franta-hg@105 | 46 |
font-size: 12px; |
| franta-hg@105 | 47 |
font-family: Sans; |
| franta-hg@105 | 48 |
} |
| franta-hg@105 | 49 |
|
| franta-hg@60 | 50 |
</style> |
| franta-hg@60 | 51 |
|
| franta-hg@105 | 52 |
<!-- pozadí – přechod --> |
| franta-hg@105 | 53 |
<defs> |
| franta-hg@105 | 54 |
<linearGradient id="pozadi_prechod" x1="0%" y1="0%" x2="100%" y2="100%"> |
| franta-hg@105 | 55 |
<stop offset="0%" style="stop-color:silver; stop-opacity:1"/> |
| franta-hg@105 | 56 |
<stop offset="100%" style="stop-color:gray; stop-opacity:1"/> |
| franta-hg@105 | 57 |
</linearGradient> |
| franta-hg@105 | 58 |
</defs> |
| franta-hg@60 | 59 |
|
| franta-hg@105 | 60 |
<!-- nekuřácký graf – přechod --> |
| franta-hg@105 | 61 |
<defs> |
| franta-hg@105 | 62 |
<linearGradient id="ne_prechod" x1="0%" y1="0%" x2="100%" y2="100%"> |
| franta-hg@105 | 63 |
<stop offset="0%" style="stop-color:white; stop-opacity:1"/> |
| franta-hg@105 | 64 |
<stop offset="100%" style="stop-color:blue; stop-opacity:1"/> |
| franta-hg@105 | 65 |
</linearGradient> |
| franta-hg@105 | 66 |
</defs> |
| franta-hg@60 | 67 |
|
| franta-hg@105 | 68 |
<!-- zvýrazněný graf – přechod --> |
| franta-hg@105 | 69 |
<defs> |
| franta-hg@105 | 70 |
<linearGradient id="zvyrazneny_prechod" x1="0%" y1="0%" x2="100%" y2="100%"> |
| franta-hg@105 | 71 |
<stop offset="0%" style="stop-color:white; stop-opacity:1"/> |
| franta-hg@105 | 72 |
<stop offset="100%" style="stop-color:green; stop-opacity:1"/> |
| franta-hg@105 | 73 |
</linearGradient> |
| franta-hg@105 | 74 |
</defs> |
| franta-hg@60 | 75 |
|
| franta-hg@105 | 76 |
<!-- kuřácký graf – přechod --> |
| franta-hg@105 | 77 |
<defs> |
| franta-hg@105 | 78 |
<linearGradient id="ano_prechod" x1="0%" y1="0%" x2="100%" y2="100%"> |
| franta-hg@105 | 79 |
<stop offset="0%" style="stop-color:white; stop-opacity:1"/> |
| franta-hg@105 | 80 |
<stop offset="100%" style="stop-color:red; stop-opacity:1"/> |
| franta-hg@105 | 81 |
</linearGradient> |
| franta-hg@105 | 82 |
</defs> |
| franta-hg@60 | 83 |
|
| franta-hg@105 | 84 |
<!-- pozadí a linka --> |
| franta-hg@105 | 85 |
<rect x="0" y="0" width="200" height="200" class="pozadi"/> |
| franta-hg@105 | 86 |
<line x1="10" y1="180" x2="190" y2="180" class="ramecek"/> |
| franta-hg@105 | 87 |
|
| franta-hg@105 | 88 |
<!-- Nadpis grafu --> |
| franta-hg@105 | 89 |
<text x="60" y="20">Mělo by se tu:</text> |
| franta-hg@105 | 90 |
|
| franta-hg@105 | 91 |
<!-- nekuřáci --> |
| franta-hg@105 | 92 |
<a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx nekouřit">
|
| franta-hg@105 | 93 |
<text x="30" y="195" class="ne">nekouřit</text> |
| franta-hg@105 | 94 |
<rect x="30" y="30" width="50" height="150" class="ne"/> |
| franta-hg@105 | 95 |
</a> |
| franta-hg@105 | 96 |
|
| franta-hg@105 | 97 |
<!-- kuřáci --> |
| franta-hg@105 | 98 |
<a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx kouřit">
|
| franta-hg@105 | 99 |
<text x="130" y="195" class="ano">kouřit</text> |
| franta-hg@105 | 100 |
<rect x="120" y="30" width="50" height="150" class="ano"/> |
| franta-hg@105 | 101 |
</a> |
| franta-hg@60 | 102 |
</svg> |
