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:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{{width}}}|
 +
{{#switch: {{{width}}}
 +
| 1 = 100
 +
| 2 = 200
 +
| 3 = 300
 +
| #default = 100
 +
}}
 +
}}
 +
| 100}}px;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:{{#if: {{{width|}}}
<div style="position:absolute;left:10px;top:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
+
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
<div style="position:absolute;left:10px;top:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
+
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;height:1px;background-color:#524e4b">&nbsp;</div>
 +
<div style="position:absolute;left:10px;top:1px;width:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 +
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;height:1px;background-color:black">&nbsp;</div>
 +
<div style="position:absolute;left:10px;top:2px;width:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 +
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 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:280px;background-color:#524e4b">&nbsp;</div>
Line 12: Line 48:
 
<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:{{#if: {{{width|}}}
<div style="position:absolute;left:10px;bottom:1px;width:280px;height:1px;background-color:black">&nbsp;</div>
+
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
<div style="position:absolute;left:10px;bottom:2px;width:280px;height:8px;background-color:#2d2a25">&nbsp;</div>
+
{{#switch: {{{width}}}
<div style="position:absolute;left:290px;bottom:0px;width:10px;height:10px;line-height:7px;">[[File:DR nativelook.png]]</div>
+
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;height:1px;background-color:#524e4b">&nbsp;</div>
 +
<div style="position:absolute;left:10px;bottom:1px;width:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 +
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;height:1px;background-color:black">&nbsp;</div>
 +
<div style="position:absolute;left:10px;bottom:2px;width:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 +
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}px;height:8px;background-color:#2d2a25">&nbsp;</div>
 +
<div style="position:absolute;right:0px;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:{{#if: {{{width|}}}
 +
|{{#ifexpr:{{#len: {{{width}}} }} > 1 |{{#expr: {{{width}}} - 20 }}|
 +
{{#switch: {{{width}}}
 +
| 1 = 80
 +
| 2 = 180
 +
| 3 = 280
 +
| #default = 80
 +
}}
 +
}}
 +
| 80}}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>

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