From d6915cbe46dc4bbd2e5c3cd860438564f5a87524 Mon Sep 17 00:00:00 2001 From: Jonas Kohl Date: Fri, 6 Sep 2024 11:20:29 +0200 Subject: Add hover effect to navbar --- cgi/imagemap.cgi | 55 ------------------------------------------------------- images/blank.gif | Bin 0 -> 43 bytes images/nava1.gif | Bin 0 -> 1850 bytes images/nava2.gif | Bin 0 -> 1763 bytes images/nava3.gif | Bin 0 -> 1833 bytes images/nava4.gif | Bin 0 -> 1823 bytes images/nava5.gif | Bin 0 -> 1818 bytes images/nava6.gif | Bin 0 -> 1774 bytes navside.html | 37 ++++++++++++++++++++++++++++--------- 9 files changed, 28 insertions(+), 64 deletions(-) delete mode 100755 cgi/imagemap.cgi create mode 100644 images/blank.gif create mode 100644 images/nava1.gif create mode 100644 images/nava2.gif create mode 100644 images/nava3.gif create mode 100644 images/nava4.gif create mode 100644 images/nava5.gif create mode 100644 images/nava6.gif diff --git a/cgi/imagemap.cgi b/cgi/imagemap.cgi deleted file mode 100755 index 156836f..0000000 --- a/cgi/imagemap.cgi +++ /dev/null @@ -1,55 +0,0 @@ -#!/usr/bin/perl - -$x_start = 7; -$y_start = 6; -$y_space = 6; -$width = 106; -$height = 34; - -@images = ( - { - label => "Startseite", - link => "pages/start.html" - }, - { - label => "Trivia", - link => "pages/trivia.html" - }, - { - label => "Exklusiv", - link => "pages/exklusiv.html" - }, - { - label => "Dekomp", - link => "pages/dekomp.html" - }, - { - label => "Lösung", - link => "pages/loesung.html" - }, - { - label => "Über", - link => "pages/about.html" - } -); - -print "content-type: text/plain\n\n"; - -foreach $im (@images) { - print ''; - print "\n"; - - $y_start += $height + $y_space; -} diff --git a/images/blank.gif b/images/blank.gif new file mode 100644 index 0000000..5bfd67a Binary files /dev/null and b/images/blank.gif differ diff --git a/images/nava1.gif b/images/nava1.gif new file mode 100644 index 0000000..0e8ab20 Binary files /dev/null and b/images/nava1.gif differ diff --git a/images/nava2.gif b/images/nava2.gif new file mode 100644 index 0000000..41b88d9 Binary files /dev/null and b/images/nava2.gif differ diff --git a/images/nava3.gif b/images/nava3.gif new file mode 100644 index 0000000..1925b96 Binary files /dev/null and b/images/nava3.gif differ diff --git a/images/nava4.gif b/images/nava4.gif new file mode 100644 index 0000000..fe87799 Binary files /dev/null and b/images/nava4.gif differ diff --git a/images/nava5.gif b/images/nava5.gif new file mode 100644 index 0000000..05f1ec7 Binary files /dev/null and b/images/nava5.gif differ diff --git a/images/nava6.gif b/images/nava6.gif new file mode 100644 index 0000000..1674e8b Binary files /dev/null and b/images/nava6.gif differ diff --git a/navside.html b/navside.html index 61729b4..b61d05d 100644 --- a/navside.html +++ b/navside.html @@ -8,23 +8,42 @@ left: 0; top: 246px; } + .navl { + position: absolute; + left: 7px; + } + .nl1 { top: 6px; } + .nl2 { top: 46px; } + .nl3 { top: 86px; } + .nl4 { top: 126px; } + .nl5 { top: 166px; } + .nl6 { top: 206px; } --> +

+-->

+ +

- - - - - - - - -- cgit v1.2.3