Difference between revisions of "Template:Preview"

From xat wiki
Jump to: navigation, search
(fixing rest)
(Text wrapping)
Line 3: Line 3:
 
--><div style="clear:both"></div><!--
 
--><div style="clear:both"></div><!--
  
-->{{#if:{{{1|}}}|<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{1|}}}|<div style="overflow: hidden;"><div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg1|}}}|https://util.xat.com/wiki/images/{{{fiximg1}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{1}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg1|}}}|https://util.xat.com/wiki/images/{{{fiximg1}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{1}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{1}}}}} {{{1}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{1}}}}} {{{1}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{2|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{2|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg2|}}}|https://util.xat.com/wiki/images/{{{fiximg2}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{2}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg2|}}}|https://util.xat.com/wiki/images/{{{fiximg2}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{2}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{2}}}}} {{{2}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{2}}}}} {{{2}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{3|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{3|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg3|}}}|https://util.xat.com/wiki/images/{{{fiximg3}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{3}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg3|}}}|https://util.xat.com/wiki/images/{{{fiximg3}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{3}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{3}}}}} {{{3}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{3}}}}} {{{3}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{4|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{4|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg4|}}}|https://util.xat.com/wiki/images/{{{fiximg4}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{4}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg4|}}}|https://util.xat.com/wiki/images/{{{fiximg4}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{4}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{4}}}}} {{{4}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{4}}}}} {{{4}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{5|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{5|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg5|}}}|https://util.xat.com/wiki/images/{{{fiximg5}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{5}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg5|}}}|https://util.xat.com/wiki/images/{{{fiximg5}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{5}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{5}}}}} {{{5}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{5}}}}} {{{5}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{6|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{6|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg6|}}}|https://util.xat.com/wiki/images/{{{fiximg6}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{6}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg6|}}}|https://util.xat.com/wiki/images/{{{fiximg6}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{6}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{6}}}}} {{{6}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{6}}}}} {{{6}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{7|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{7|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg7|}}}|https://util.xat.com/wiki/images/{{{fiximg7}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{7}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg7|}}}|https://util.xat.com/wiki/images/{{{fiximg7}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{7}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{7}}}}} {{{7}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{7}}}}} {{{7}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{8|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{8|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg8|}}}|https://util.xat.com/wiki/images/{{{fiximg8}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{8}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg8|}}}|https://util.xat.com/wiki/images/{{{fiximg8}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{8}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{8}}}}} {{{8}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{8}}}}} {{{8}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{9|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{9|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg9|}}}|https://util.xat.com/wiki/images/{{{fiximg9}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{9}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg9|}}}|https://util.xat.com/wiki/images/{{{fiximg9}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{9}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{9}}}}} {{{9}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{9}}}}} {{{9}}}])</div>
 
</div>|}}<!--
 
</div>|}}<!--
  
-->{{#if:{{{10|}}}|<div style="width:100px; float:left; margin:0 15px 15px 0">
+
-->{{#if:{{{10|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg10|}}}|https://util.xat.com/wiki/images/{{{fiximg10}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{10}}}}}_50_50_c.png}}</div>
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background: white; border: 1px solid #aaa; text-align:center">{{#if:{{{fiximg10|}}}|https://util.xat.com/wiki/images/{{{fiximg10}}}|https://s1.xat.com/web_gear/chat/GetStrip5.php?c=S_{{urlencode:{{{10}}}}}_50_50_c.png}}</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{10}}}}} {{{10}}}])</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">([https://www.xatech.com/web_gear/flash/smiliesshow.swf?r={{urlencode:{{{10}}}}} {{{10}}}])</div>

Revision as of 17:07, 10 May 2019

The purpose of this template is to provide a simple and fixed method for editors to add smiley previews on articles.

Usage:

  • {{preview|smileycode|smileycode2 etc}}

Example:

  • {{preview|clouds|cangry|ccrying|cfreeze|chappy|ckiss|clove|crainbow|csleepy|cwindy}}

Will produce: