diff options
| author | Jonas Kohl | 2024-07-25 12:57:39 +0200 |
|---|---|---|
| committer | Jonas Kohl | 2024-07-25 12:57:39 +0200 |
| commit | 44e2ba31b80ead160197462d9a4c3e8527836eed (patch) | |
| tree | c76eb9ab97c63797d55ae62120eb559f744a9945 | |
| parent | ab262193c5e852729b40a9c1618e68fa44c1b702 (diff) | |
Change button
| -rw-r--r-- | src/pages/guestbook.php | 4 | ||||
| -rw-r--r-- | src/static/emguide_sprite.gif | bin | 0 -> 5039 bytes | |||
| -rw-r--r-- | src/static/style.css | 12 |
3 files changed, 14 insertions, 2 deletions
diff --git a/src/pages/guestbook.php b/src/pages/guestbook.php index b5e582d..d04c3ec 100644 --- a/src/pages/guestbook.php +++ b/src/pages/guestbook.php @@ -4,7 +4,7 @@ <h1>Guestbook</h1> <div id="guestbook_frame"></div> -<p><a href="#" id="emoticon-guide"><img style="border:none" alt="" class="vmid" src="/static/emoticons/cheesy.gif"> Emoticon guide</a></p> +<p><a href="#" id="emoticon-guide"><span>Emoticon guide</span></a></p> <div id="guestbook"></div> <script type="text/javascript" src="/static/jquery-1.12.4.min.js"></script> @@ -52,7 +52,7 @@ $(function() { win.document.write('<title>Emoticon guide</title>'); win.document.write('</head><body bgcolor="#05456a">'); win.document.write('<center>'); - win.document.write('<table border=1 bgcolor=white><tbody>'); + win.document.write('<table border=1 bgcolor=white cellspacing=0><tbody>'); var idx = 0; for (var i = 0; i < EMOTICONS[1].length; ++i) { idx = EMOTICONS[1][i]; diff --git a/src/static/emguide_sprite.gif b/src/static/emguide_sprite.gif Binary files differnew file mode 100644 index 0000000..8b44975 --- /dev/null +++ b/src/static/emguide_sprite.gif diff --git a/src/static/style.css b/src/static/style.css index a28b1f2..9d6c3d5 100644 --- a/src/static/style.css +++ b/src/static/style.css @@ -153,3 +153,15 @@ a { width: 100%; height: 338px; } +#emoticon-guide { + display: block; + width: 147px; + height: 22px; + text-decoration: none; + border: none; + background: url("emguide_sprite.gif"); + text-indent: -999px; +} +#emoticon-guide:hover { + background-position: 0 -22px; +} |
