-<h1>Using Smilies (emoticons)</h1>
-<style type="text/css">
-#emotions{
- align: center;clear:both;width: 300px;margin-right: auto; margin-left:auto;
-}
-#emotions ul{
- list-style-type: none;
-}
-#emotions li{
- margin-bottom: 3px;
- width: 120px;
- border-left: 3px solid gray;
- padding-left: 7px;
- float: left;
-}
-</style>
-<div id='emotions'>##emoticons_html##</div>
-<div style="clear:both"></div>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><h1>Using Smilies (emoticons)</h1>
+
+<table align="center" border="1">
+ <tbody><tr valign="top">
+ <td>
+ <table align="center" border="0" cellpadding="5">
+ <tbody><tr>
+ <td><a href="javascript:inserttext(':-)')"><img src="emoticons_files/smiley.html" class="icon" alt=""></a></td>
+ <td>smile</td>
+ <td><code>:-)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':-D')"><img src="emoticons_files/biggrin.html" class="icon" alt=""></a></td>
+ <td>big grin</td>
+ <td><code>:-D</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(';-)')"><img src="emoticons_files/wink.html" class="icon" alt=""></a></td>
+ <td>wink</td>
+ <td><code>;-)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':-/')"><img src="emoticons_files/mixed.html" class="icon" alt=""></a></td>
+ <td>mixed</td>
+ <td><code>:-/</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('V-.')"><img src="emoticons_files/thoughtful.html" class="icon" alt=""></a></td>
+ <td>thoughtful</td>
+ <td><code>V-.</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':-P')"><img src="emoticons_files/tongueout.html" class="icon" alt=""></a></td>
+ <td>tongue out</td>
+ <td><code>:-P</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('B-)')"><img src="emoticons_files/cool.html" class="icon" alt=""></a></td>
+ <td>cool</td>
+ <td><code>B-)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('^-)')"><img src="emoticons_files/approve.html" class="icon" alt=""></a></td>
+ <td>approve</td>
+ <td><code>^-)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('8-)')"><img src="emoticons_files/wideeyes.html" class="icon" alt=""></a></td>
+ <td>wide eyes</td>
+ <td><code>8-)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('8-o')"><img src="emoticons_files/surprise.html" class="icon" alt=""></a></td>
+ <td>surprise</td>
+ <td><code>8-o</code></td>
+ </tr>
+ </tbody></table>
+ </td>
+
+ <td>
+ <table align="center" border="0" cellpadding="5">
+ <tbody><tr>
+ <td><a href="javascript:inserttext(':-(')"><img src="emoticons_files/sad.html" class="icon" alt=""></a></td>
+ <td>sad</td>
+ <td><code>:-(</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('8-.')"><img src="emoticons_files/shy.html" class="icon" alt=""></a></td>
+ <td>shy</td>
+ <td><code>8-.</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':-I')"><img src="emoticons_files/blush.html" class="icon" alt=""></a></td>
+ <td>blush</td>
+ <td><code>:-I</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':-X')"><img src="emoticons_files/kiss.html" class="icon" alt=""></a></td>
+ <td>kisses</td>
+ <td><code>:-X</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext(':o)')"><img src="emoticons_files/clown.html" class="icon" alt=""></a></td>
+ <td>clown</td>
+ <td><code>:o)</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('P-|')"><img src="emoticons_files/blackeye.html" class="icon" alt=""></a></td>
+ <td>black eye</td>
+ <td><code>P-|</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('8-[')"><img src="emoticons_files/angry.html" class="icon" alt=""></a></td>
+ <td>angry</td>
+ <td><code>8-[</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('xx-P')"><img src="emoticons_files/dead.html" class="icon" alt=""></a></td>
+ <td>dead</td>
+ <td><code>xx-P</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('|-.')"><img src="emoticons_files/sleepy.html" class="icon" alt=""></a></td>
+ <td>sleepy</td>
+ <td><code>|-.</code></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:inserttext('}-]')"><img src="emoticons_files/evil.html" class="icon" alt=""></a></td>
+ <td>evil</td>
+ <td><code>}-]</code></td>
+ </tr>
+ </tbody></table>
+ </td>
+ </tr>
+</tbody></table>
<p>When writing online, it can sometimes difficult to express emotion with plain text.
These little icons can help. </p>
<p>Note that the codes themselves are like little pictures - just turn your head to the left when looking at them</p>
+</body></html>
\ No newline at end of file
projects / moodle.git / commitdiff