<?xml version="1.0" encoding="utf-8"?>
<s1 title="HelpOnSmileys"><p></p>
<s2 id="Graphical Smileys" title="Graphical Smileys">
<p>To insert a smiley, just type in your favourite from the table below. They&apos;re only converted to an icon though if they are <em>surrounded by whitespace</em>. </p>
<p><![CDATA[<form action="/wiki/HelpOnSmileys" method="GET" name="dbw.form">]]><table><tr><td><strong>Markup</strong></td><td><strong>Display</strong></td><td><strong></strong></td><td><strong>Markup</strong></td><td><strong>Display</strong></td><td><strong></strong></td><td><strong>Markup</strong></td><td><strong>Display</strong></td><td><strong></strong></td><td><strong>Markup</strong></td><td><strong>Display</strong></td></tr><tr><td><code>X-(</code></td><td>X-(</td><td></td><td><code>:D</code></td><td>:D</td><td></td><td><code>&lt;:(</code></td><td><:(</td><td></td><td><code>:o</code></td><td>:o</td></tr><tr><td><code>:(</code></td><td>:(</td><td></td><td><code>:)</code></td><td>:)</td><td></td><td><code>B)</code></td><td>B)</td><td></td><td><code>:))</code></td><td>:))</td></tr><tr><td><code>;)</code></td><td>;)</td><td></td><td><code>/!\</code></td><td>/!\</td><td></td><td><code>&lt;!&gt;</code></td><td><!></td><td></td><td><code>(!)</code></td><td>(!)</td></tr><tr><td><code>:-?</code></td><td>:-?</td><td></td><td><code>:\</code></td><td>:\</td><td></td><td><code>&gt;:&gt;</code></td><td>>:></td><td></td><td><code>|)</code></td><td>|)</td></tr><tr><td><code>:-(</code></td><td>:-(</td><td></td><td><code>:-)</code></td><td>:-)</td><td></td><td><code>B-)</code></td><td>B-)</td><td></td><td><code>:-))</code></td><td>:-))</td></tr><tr><td><code>;-)</code></td><td>;-)</td><td></td><td><code>|-)</code></td><td>|-)</td><td></td><td><code>(./)</code></td><td>(./)</td><td></td><td><code>{OK}</code></td><td>{OK}</td></tr><tr><td><code>{X}</code></td><td>{X}</td><td></td><td><code>{i}</code></td><td>{i}</td><td></td><td><code>{1}</code></td><td>{1}</td><td></td><td><code>{2}</code></td><td>{2}</td></tr><tr><td><code>{3}</code></td><td>{3}</td><td></td><td><code>{*}</code></td><td>{*}</td><td></td><td><code>{o}</code></td><td>{o}</td><td></td><td>&nbsp;</td><td>&nbsp;</td></tr></table><![CDATA[</form>]]> </p>
<p>Also, you can add any image of your theme img folder by the Icon <jump href="/wiki/HelpOnMacros">macro</jump>. </p>
<table><strong class="highlight"><![CDATA[]]></strong><tr><td><strong class="highlight"><![CDATA[]]></strong><p> <strong>Example</strong>  </p>
</td><td><p> <strong>Result</strong>                   </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(admon-caution.png)&gt;&gt;</code>        </p>
</td><td><p> <icon type="admon-caution.png" />    </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(admon-important.png)&gt;&gt;</code>      </p>
</td><td><p> <icon type="admon-important.png" />  </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(admon-note.png)&gt;&gt;</code>           </p>
</td><td><p> <icon type="admon-note.png" />       </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(admon-tip.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="admon-tip.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(admon-warning.png)&gt;&gt;</code>        </p>
</td><td><p> <icon type="admon-warning.png" />    </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(alert.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="alert.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(angry.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="angry.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(attach.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="attach.png" />           </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(attention.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="attention.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(biggrin.png)&gt;&gt;</code>              </p>
</td><td><p> <icon type="biggrin.png" />          </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(checkmark.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="checkmark.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(devil.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="devil.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(draft.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="draft.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(frown.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="frown.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(icon-error.png)&gt;&gt;</code>           </p>
</td><td><p> <icon type="icon-error.png" />       </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(icon-info.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="icon-info.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(idea.png)&gt;&gt;</code>                 </p>
</td><td><p> <icon type="idea.png" />             </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-attach.png)&gt;&gt;</code>          </p>
</td><td><p> <icon type="moin-attach.png" />      </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-bottom.png)&gt;&gt;</code>          </p>
</td><td><p> <icon type="moin-bottom.png" />      </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-conflict.png)&gt;&gt;</code>        </p>
</td><td><p> <icon type="moin-conflict.png" />    </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-deleted.png)&gt;&gt;</code>         </p>
</td><td><p> <icon type="moin-deleted.png" />     </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-diff.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-diff.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-edit.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-edit.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-email.png)&gt;&gt;</code>           </p>
</td><td><p> <icon type="moin-email.png" />       </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-ftp.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-ftp.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-help.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-help.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-home.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-home.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-icon.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-icon.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-info.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-info.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-inter.png)&gt;&gt;</code>           </p>
</td><td><p> <icon type="moin-inter.png" />       </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-new.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-new.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-news.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-news.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-parent.png)&gt;&gt;</code>          </p>
</td><td><p> <icon type="moin-parent.png" />      </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-print.png)&gt;&gt;</code>           </p>
</td><td><p> <icon type="moin-print.png" />       </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-raw.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-raw.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-renamed.png)&gt;&gt;</code>         </p>
</td><td><p> <icon type="moin-renamed.png" />     </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-rss.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-rss.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-search.png)&gt;&gt;</code>          </p>
</td><td><p> <icon type="moin-search.png" />      </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-show.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-show.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-subscribe.png)&gt;&gt;</code>       </p>
</td><td><p> <icon type="moin-subscribe.png" />   </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-telnet.png)&gt;&gt;</code>          </p>
</td><td><p> <icon type="moin-telnet.png" />      </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-top.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-top.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-unsubscribe.png)&gt;&gt;</code>     </p>
</td><td><p> <icon type="moin-unsubscribe.png" /> </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-updated.png)&gt;&gt;</code>         </p>
</td><td><p> <icon type="moin-updated.png" />     </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-up.png)&gt;&gt;</code>              </p>
</td><td><p> <icon type="moin-up.png" />          </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-www.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-www.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-xml2.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="moin-xml2.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(moin-xml.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="moin-xml.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(ohwell.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="ohwell.png" />           </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(prio1.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="prio1.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(prio2.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="prio2.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(prio3.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="prio3.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(PythonPowered.png)&gt;&gt;</code>        </p>
</td><td><p> <icon type="pythonpowered.png" />    </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(redface.png)&gt;&gt;</code>              </p>
</td><td><p> <icon type="redface.png" />          </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(sad.png)&gt;&gt;</code>                  </p>
</td><td><p> <icon type="sad.png" />              </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(smile2.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="smile2.png" />           </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(smile3.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="smile3.png" />           </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(smile4.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="smile4.png" />           </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(smile.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="smile.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(star_off.png)&gt;&gt;</code>             </p>
</td><td><p> <icon type="star_off.png" />         </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(star_on.png)&gt;&gt;</code>              </p>
</td><td><p> <icon type="star_on.png" />          </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(thumbs-up.png)&gt;&gt;</code>            </p>
</td><td><p> <icon type="thumbs-up.png" />        </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(tired.png)&gt;&gt;</code>                </p>
</td><td><p> <icon type="tired.png" />            </p>
</td></tr><tr><td><p> <code>&lt;&lt;Icon(tongue.png)&gt;&gt;</code>               </p>
</td><td><p> <icon type="tongue.png" />           </p>
</td></tr></table><p>For more information on the possible markup, see <jump href="/wiki/HelpOnEditing">HelpOnEditing</jump>.  </p>
</s2></s1>