Template:Preview: Difference between revisions

Latest revision as of 16:21, 29 March 2023

The purpose of this template is to provide a simple and fixed method for editors to add smiley previews on articles. For a gray background, use |gray followed by the number and =yes.

For example, {{preview|smile|sad|gray2=yes}} would give the 2nd smiley (sad) a gray background.

Usage:

{{preview|smileycode|smileycode2 etc}}

Example:

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

Will produce:

(clouds)

(cangry)

(ccrying)

(cfreeze)

(chappy)

(ckiss)

(clove)

(crainbow)

(csleepy)

(cwindy)

@@ Line 1: / Line 1: @@
 <includeonly><!--
---><div style="clear:both"></div><!--
+-->{{#if:{{{1|}}}|<div class="t-prev">
+<div class="smileypreviewfix" style="background:{{#ifeq:{{{gray1}}}|yes|#c3c3c3|white}};">{{#if:{{{fiximg1|}}}|https://xat.wiki/w/images/{{{fiximg1}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{1}}}|#|*}})_40?.png}}</div>
--->{{#if:{{{1|}}}|<div style="overflow: hidden;"><div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+<div class="plainlinks"><div>({{{1}}})</div></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>|}}<!--
--->{{#if:{{{2|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{2|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray2}}}|yes|#c3c3c3|white}};">{{#if:{{{fiximg2|}}}|https://xat.wiki/w/images/{{{fiximg2}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{2}}}|#|*}})_40?.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"><div>({{{2}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{3|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{3|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray3}}}|yes|#c3c3c3|white}};">{{#if:{{{fiximg3|}}}|https://xat.wiki/w/images/{{{fiximg3}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{3}}}|#|*}})_40?.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"><div>({{{3}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{4|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{4|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray4}}}|yes|#c3c3c3|white}};">{{#if:{{{fiximg4|}}}|https://xat.wiki/w/images/{{{fiximg4}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{4}}}|#|*}})_40?.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"><div>({{{4}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{5|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{5|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray5}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg5|}}}|https://xat.wiki/w/images/{{{fiximg5}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{5}}}|#|*}})_40?.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"><div>({{{5}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{6|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{6|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray6}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg6|}}}|https://xat.wiki/w/images/{{{fiximg6}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{6}}}|#|*}})_40?.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"><div>({{{6}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{7|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{7|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray7}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg7|}}}|https://xat.wiki/w/images/{{{fiximg7}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{7}}}|#|*}})_40?.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"><div>({{{7}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{8|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{8|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray8}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg8|}}}|https://xat.wiki/w/images/{{{fiximg8}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{8}}}|#|*}})_40?.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"><div>({{{8}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{9|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{9|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray9}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg9|}}}|https://xat.wiki/w/images/{{{fiximg9}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{9}}}|#|*}})_40?.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"><div>({{{9}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{10|}}}|<div style="width:100px; overflow-wrap:break-word; float:left; margin:0 15px 15px 0">
+-->{{#if:{{{10|}}}|<div class="t-prev">
-<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" style="background:{{#ifeq:{{{gray10}}}|yes|#c3c3c3|white}};>{{#if:{{{fiximg10|}}}|https://xat.wiki/w/images/{{{fiximg10}}}|https://gs.xat.com/{{#ifeq:{{{S}}}|yes|S|a}}_({{#replace:{{{10}}}|#|*}})_40?.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"><div>({{{10}}})</div></div>
 </div>|}}<!--
--->{{#if:{{{1|}}}|</div>|}}<!--
+-->{{#ifeq:{{{last}}}|yes|<div style="clear:both"></div>|}}</includeonly><noinclude>
+The purpose of this template is to provide a simple and fixed method for editors to add smiley previews on articles.
+For a gray background, use |gray followed by the number and =yes.
---><div style="clear:both"></div></includeonly><noinclude>
+For example, '''<nowiki>{{preview|smile|sad|gray2=yes}}</nowiki>''' would give the 2nd smiley (sad) a gray background.
-The purpose of this template is to provide a simple and fixed method for editors to add smiley previews on articles.
 Usage:
@@ Line 66: / Line 65: @@
 Will produce:
 {{preview|clouds|cangry|ccrying|cfreeze|chappy|ckiss|clove|crainbow|csleepy|cwindy}}
 </noinclude>