Tweets from pichat
 | Follow my new user account @markseu About 2 months, 3 weeks ago from Pichat (Pichat Software) |
Tweets from 600infos
 | I HAVE NYANED FOR 888.4 SECONDS! http://t.co/JQYOZebv via @nyannyancat About 3 months, 3 weeks ago from 600infos (Wolf) |
Trace: » Install Pichat with Pidgin » Show Userlist » Using Java » sonstige Bilder » Nokia 6720 » directional pad - Steuerkreuz
You are here: Pichat Wiki (en) » Snippets » directional pad - Steuerkreuz
directional pad - Steuerkreuz
- directional_pad.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title></title> <style type="text/css"> body { background-color:silver; margin:0 auto; text-align:center; /* predefine center for IE */ } #container, #video { margin:0 auto; text-align:center; padding:0px; height:98% } #video, #video_img { height:95% } /**/ #rose, #container, #video_img { -moz-border-radius:10px ; -khtml-border-radius:10px ; } /* rounded not for IE */ #menu { } #fdatetime { right:0; text-align:right; } .rose { background-color:#aaf; color:#101010; -moz-border-radius:10px; -khtml-border-radius:10px; padding:5px; } @media screen { #container { background-color:#e0e0e0; color:#101010; } .button a { display:block; width:21px; height:21px; } .button { text-align:center; } .button a { text-decoration:none; color:#aaf; background-color:#33f; padding:0px 0px 0px 0px; border:1px solid #555; } .button a { -moz-border-radius:8px; -khtml-border-radius:8px; } /* rounded not for IE */ .button a:active, .button a:hover { color:#fff !important; border:1px solid #999 !important; } .button a:active { border:1px solid #fff !important; padding:0px 0px 0px 1px; width:20px; height:21px; } } @media print { #container { border:5px solid #000; background-color:#fff; color:#000; } #menu { display:none !important; } } </style> </head> <body> <center> <table class="rose" > <tr> <td class="button"> <a href="#"><span class="x">⇖</span></a></td> <td></td> <td class="button"> <a href="#">⇑</a></td> <td></td> <td class="button"> <a href="#">⇗</a></td> </tr> <tr> <td></td> <td class="button"> <a href="#">↖</a></td> <td class="button"> <a href="#">↑</a></td> <td class="button"> <a href="#">↗</a></td> <td></td> </tr> <tr> <td class="button"> <a href="#">⇐</a></td> <td class="button"> <a href="#">←</a></td> <td class="button"> <a href="#">⊗</a></td> <td class="button"> <a href="#">→</a></td> <td class="button"> <a href="#">⇒</a></td> </tr> <tr> <tr> <td></td> <td class="button"> <a href="#">↙</a></td> <td class="button"> <a href="#">↓</a></td> <td class="button"> <a href="#">↘</a></td> <td></td> </tr> <tr> <td class="button"> <a href="#">⇙</a></td> <td></td> <td class="button"> <a href="#">⇓</a></td> <td></td> <td class="button"> <a href="#">⇘</a></td> </tr> </table> <table border=0 > <tr> <td class="button"> <a href="#">⇄</a></td> <td class="button"> <a href="#">↷</a></td> <td class="button"> <a href="#">⇕</a></td> <td class="button"> <a href="#">↯</a></td> <td class="button"> <a href="#">↻</a></td> </tr> </table> <table> <tr> <td class="button"> <a href="#">➀</a></td> <td class="button"> <a href="#">➁</a></td> <td class="button"> <a href="#">➂</a></td> <td class="button"> <a href="#">➃</a></td> <td class="button"> <a href="#">➄</a></td> </tr> <tr> <td class="button"> <a href="#">➅</a></td> <td class="button"> <a href="#">➆</a></td> <td class="button"> <a href="#">➇</a></td> <td class="button"> <a href="#">➈</a></td> <td class="button"> <a href="#">➉</a></td> </tr> </table> </center> </body> </html>
