Difference between revisions of "Template:Description NativeLook"

[unchecked revision][unchecked revision]
m
m
Line 1: Line 1:
<div style="position:relative;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
+
<div style="position:relative;width:300px;height:300px;left:0px;top:0px">
{{#switch: {{{width}}}
+
<div style="position:absolute;left:0px;top:0px;width:10px;height:10px;line-height:7px;">[[File:UL nativelook.png]]</div>
| 1 = 100
+
<div style="position:absolute;left:10px;top:0px;width:280px;height:1px;background-color:#524e4b">&nbsp;</div>
| 2 = 200
+
<div style="position:absolute;left:10px;top:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
| 3 = 300
+
<div style="position:absolute;left:10px;top:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
| #default = 100
+
<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>
}}px;height:300px;left:0px;top:0px">
+
<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>
 +
 
 +
</div>
 +
<br/><br/>
 +
<div style="position:relative;width:300px;height:300px;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:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
+
<div style="position:absolute;left:10px;top:0px;width:280px;height:1px;background-color:#524e4b">&nbsp;</div>
{{#switch: {{{width}}}
+
<div style="position:absolute;left:10px;top:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
| 1 = 100
+
<div style="position:absolute;left:10px;top:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;height:1px;background-color:#524e4b">&nbsp;</div>
 
<div style="position:absolute;left:10px;top:1px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;height:1px;background-color:black">&nbsp;</div>
 
<div style="position:absolute;left:10px;top:2px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}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:280px;background-color:#524e4b">&nbsp;</div>
Line 40: Line 36:
 
<div style="position:absolute;right:2px;top:10px;width:8px;height:280px;background-color:#2d2a25">&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:0px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DL nativelook.png]]</div>
<div style="position:absolute;left:10px;bottom:0px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
+
<div style="position:absolute;left:10px;bottom:0px;width:280px;height:1px;background-color:#524e4b">&nbsp;</div>
{{#switch: {{{width}}}
+
<div style="position:absolute;left:10px;bottom:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
| 1 = 100
+
<div style="position:absolute;left:10px;bottom:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;height:1px;background-color:#524e4b">&nbsp;</div>
 
<div style="position:absolute;left:10px;bottom:1px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;height:1px;background-color:black">&nbsp;</div>
 
<div style="position:absolute;left:10px;bottom:2px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;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:290px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DR nativelook.png]]</div>
  
<div style="position:absolute;left:10px;top:10px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
+
<div style="position:absolute;left:10px;top:10px;width:280px;height:280px;background-color:#2d2a25">
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}px;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 91: Line 59:
 
         working - case ?
 
         working - case ?
 
</pre>
 
</pre>
 +
 +
 +
 +
{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 +
{{#switch: {{{width}}}
 +
| 1 = 100
 +
| 2 = 200
 +
| 3 = 300
 +
| #default = 100
 +
}}
 +
}}
 +
| 100}}
 +
<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 16:53, 25 January 2013

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



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 ?
  width - set width of native description - case ?
  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 ?


100

80