Difference between revisions of "Template:Description NativeLook"

[unchecked revision][unchecked revision]
m
m
Line 8: Line 8:
 
}}
 
}}
 
}}
 
}}
| 100}}px;height:300px;left:0px;top:0px">
+
| 100}}px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{{height}}}|
 +
{{#switch: {{{height}}}
 +
| 1 = 100
 +
| 2 = 200
 +
| 3 = 300
 +
| #default = 100
 +
}}
 +
}}
 +
| 100}}px;left:0px;top:0px">
 
<div style="position:absolute;left:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UL nativelook.png]]</div>
 
<div style="position:absolute;left:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UL nativelook.png]]</div>
 
<div style="position:absolute;left:10px;top:0px;width:{{#if: {{{width|}}}  
 
<div style="position:absolute;left:10px;top:0px;width:{{#if: {{{width|}}}  
Line 41: Line 50:
 
| 80}}px;height:8px;background-color:#2d2a25">&nbsp;</div>
 
| 80}}px;height:8px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;right:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UR nativelook.png]]</div>
 
<div style="position:absolute;right:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UR nativelook.png]]</div>
<div style="position:absolute;left:0px;top:10px;width:1px;height:280px;background-color:#524e4b">&nbsp;</div>
+
<div style="position:absolute;left:0px;top:10px;width:1px;height:{{#if: {{{height|}}}
<div style="position:absolute;left:1px;top:10px;width:1px;height:280px;background-color:black">&nbsp;</div>
+
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
<div style="position:absolute;left:2px;top:10px;width:8px;height:280px;background-color:#2d2a25">&nbsp;</div>
+
{{#switch: {{{height}}}
<div style="position:absolute;right:0px;top:10px;width:1px;height:280px;background-color:#524e4b">&nbsp;</div>
+
| 1 = 80
<div style="position:absolute;right:1px;top:10px;width:1px;height:280px;background-color:black">&nbsp;</div>
+
| 2 = 180
<div style="position:absolute;right:2px;top:10px;width:8px;height:280px;background-color:#2d2a25">&nbsp;</div>
+
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:#524e4b">&nbsp;</div>
 +
<div style="position:absolute;left:1px;top:10px;width:1px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
 +
{{#switch: {{{height}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:black">&nbsp;</div>
 +
<div style="position:absolute;left:2px;top:10px;width:8px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
 +
{{#switch: {{{height}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:#2d2a25">&nbsp;</div>
 +
<div style="position:absolute;right:0px;top:10px;width:1px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
 +
{{#switch: {{{height}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:#524e4b">&nbsp;</div>
 +
<div style="position:absolute;right:1px;top:10px;width:1px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
 +
{{#switch: {{{height}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:black">&nbsp;</div>
 +
<div style="position:absolute;right:2px;top:10px;width:8px;height:{{#if: {{{height|}}}
 +
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
 +
{{#switch: {{{height}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;left:0px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DL nativelook.png]]</div>
 
<div style="position:absolute;left:0px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DL nativelook.png]]</div>
 
<div style="position:absolute;left:10px;bottom:0px;width:{{#if: {{{width|}}}  
 
<div style="position:absolute;left:10px;bottom:0px;width:{{#if: {{{width|}}}  
Line 89: Line 152:
 
}}
 
}}
 
}}
 
}}
| 80}}px;height:280px;background-color:#2d2a25">
+
| 80}}px;height:{{#if: {{{height|}}}
<div style="color:white;font-weight:bold;text-align:center">Body of description !</div>
+
|{{#ifexpr:{{#len: {{{height}}} }} > 1 |{{#expr: {{{height}}} - 20 }}|
</div>
+
{{#switch: {{{height}}}
 
+
| 1 = 80
</div>
+
| 2 = 180
<br/><br/>
+
| 3 = 280
<div style="position:relative;width:300px;height:300px;left:0px;top:0px">
+
| #default = 80
<div style="position:absolute;left:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UL nativelook.png]]</div>
+
}}
<div style="position:absolute;left:10px;top:0px;width:280px;height:1px;background-color:#524e4b">&nbsp;</div>
+
}}
<div style="position:absolute;left:10px;top:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
+
| 80}}px;background-color:#2d2a25">
<div style="position:absolute;left:10px;top:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;right:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UR nativelook.png]]</div>
 
<div style="position:absolute;left:0px;top:10px;width:1px;height:280px;background-color:#524e4b">&nbsp;</div>
 
<div style="position:absolute;left:1px;top:10px;width:1px;height:280px;background-color:black">&nbsp;</div>
 
<div style="position:absolute;left:2px;top:10px;width:8px;height:280px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;right:0px;top:10px;width:1px;height:280px;background-color:#524e4b">&nbsp;</div>
 
<div style="position:absolute;right:1px;top:10px;width:1px;height:280px;background-color:black">&nbsp;</div>
 
<div style="position:absolute;right:2px;top:10px;width:8px;height:280px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;left:0px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DL nativelook.png]]</div>
 
<div style="position:absolute;left:10px;bottom:0px;width:280px;height:1px;background-color:#524e4b">&nbsp;</div>
 
<div style="position:absolute;left:10px;bottom:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
 
<div style="position:absolute;left:10px;bottom:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
 
<div style="position:absolute;left:290px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DR nativelook.png]]</div>
 
 
 
<div style="position:absolute;left:10px;top:10px;width:280px;height:280px;background-color:#2d2a25">
 
 
<div style="color:white;font-weight:bold;text-align:center">Body of description !</div>
 
<div style="color:white;font-weight:bold;text-align:center">Body of description !</div>
 
</div>
 
</div>
Line 125: Line 173:
 
make it inteligent
 
make it inteligent
 
- variables of template:
 
- variables of template:
   height - set height of native description - case ?
+
   height - set height of native description - case ? - Done
   width - set width of native description - case ?
+
   width - set width of native description - case ? - Done
 
   text - set text to body of description, must be 2 poles, delimeter maybe ";" , first will be
 
   text - set text to body of description, must be 2 poles, delimeter maybe ";" , first will be
 
         text, second color of text - maybe it can be pre-defined some for more comfortable  
 
         text, second color of text - maybe it can be pre-defined some for more comfortable  
Line 134: Line 182:
  
  
{{#if: {{{width|}}}
+
 
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}
 
| 100}}
 
 
<br/><br/>
 
<br/><br/>
{{#if: {{{width|}}}
+
 
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 
{{#switch: {{{width}}}
 
| 1 = 80
 
| 2 = 180
 
| 3 = 280
 
| #default = 80
 
}}
 
}}
 
| 80}}
 
  
  
  
 
[[Category:WC]]
 
[[Category:WC]]

Revision as of 17:03, 25 January 2013

UL nativelook.png
 
 
 
UR nativelook.png
 
 
 
 
 
 
DL nativelook.png
 
 
 
DR nativelook.png
Body of description !
Vision:

make with real colors, maybe transparent (css)
make it inteligent
- variables of template:
  height - set height of native description - case ? - Done
  width - set width of native description - case ? - Done
  text - set text to body of description, must be 2 poles, delimeter maybe ";" , first will be
         text, second color of text - maybe it can be pre-defined some for more comfortable 
         working - case ?