Difference between revisions of "Template:Preview"

From xat wiki
Jump to: navigation, search
(Text wrapping)
 
Line 4: Line 4:
  
 
-->{{#if:{{{1|}}}|<div style="overflow: hidden;"><div style="width:100px; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{1}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{2}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{3}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{4}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{5}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{6}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{7}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{8}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{9}}}|#|*}})_40" />}}</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; overflow-wrap:break-word; 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}}}|<htmltag tagname="img" src="https://gs.xat.com/S_({{#replace:{{{10}}}|#|*}})_40" />}}</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>
 
</div>|}}<!--
 
</div>|}}<!--

Latest revision as of 19:36, 10 August 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: