Difference between revisions of "Template:Description NativeLook"

[unchecked revision][unchecked revision]
m
m
Line 1: Line 1:
 
<div style="position:relative;width:300px;height:300px;left:0px;top:0px">
 
<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:280px;height:1px;background-color:#524e4b">&nbsp;</div>
+
<div style="position:absolute;left:10px;top:0px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
<div style="position:absolute;left:10px;top:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
+
{{#switch: {{{width}}}
<div style="position:absolute;left:10px;top:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
+
| 1 = 100
 +
| 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 12: Line 33:
 
<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:280px;height:1px;background-color:#524e4b">&nbsp;</div>
+
<div style="position:absolute;left:10px;bottom:0px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
<div style="position:absolute;left:10px;bottom:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
+
{{#switch: {{{width}}}
 +
| 1 = 100
 +
| 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:280px;height:8px;background-color:#2d2a25">&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: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="position:absolute;left:10px;top:10px;width:{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 +
{{#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 35: Line 77:
 
         working - case ?
 
         working - case ?
 
</pre>
 
</pre>
 
{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 
{{#switch: {{{width}}}
 
| 1 = 100
 
| 2 = 200
 
| 3 = 300
 
| #default = 100
 
}}
 
}}
 
 
{{#if: {{{Width|}}} | {{{Width}}} }}
 
  
 
[[Category:WC]]
 
[[Category:WC]]

Revision as of 16:30, 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 ?
  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 ?