Modèle:3DText

 

Un article de Livingstone.

(Différences entre les versions)
(Nouvelle page : {{ #switch: {{{3D|}}} |inset= <font style="color: #{{MesCouleurs|type=fg|group={{{group}}}}}; text-shadow: #{{MesCouleurs|type=dark|group={{{group}}}}} -.5px -.5px .5px, #{{MesCouleu...)
Version actuelle (23 mai 2016 à 12:19) (modifier) (défaire)
 
(15 révisions intermédiaires masquées)
Ligne 1 : Ligne 1 :
-
{{ #switch: {{{3D|}}}
+
<span style="
-
|inset=
+
text-shadow: #fff -0.1em -0.1em 0.2em, #000 0.1em 0.1em 0.2em;
-
<font style="color: #{{MesCouleurs|type=fg|group={{{group}}}}}; text-shadow: #{{MesCouleurs|type=dark|group={{{group}}}}} -.5px -.5px .5px, #{{MesCouleurs|type=light|group={{{group}}}}} .5px .5px .5px, #fff .5px .5px .5px">{{{text|INSET}}}</font>
+
text-shadow: #fff -0.00em -0.00em 0.05em, #000 0.05em 0.05em 0.05em;
-
|shadow=
+
">{{{1}}}</span><noinclude>
-
<font style="color: #{{MesCouleurs|type=fg|group={{{group}}}}}; text-shadow: #{{MesCouleurs|type=fg|group={{{group}}}}} 1px 1px .1em, #fff 0px -0px 1px">{{{text|SHADOW}}}</font>
+
 
-
|glow=
+
==test modèle courant==
-
<font style="color: #{{MesCouleurs|type=fg|group={{{group}}}}}; text-shadow: #{{MesCouleurs|type=light|group={{{group}}}}} 0px 0px .5em, #{{MesCouleurs|type=bg|group={{{group}}}}} -.1em -.1em .1em, #{{MesCouleurs|group={{{group}}}}} .1em .1em .1em, #fff -1px -1px 1px">{{{text|GLOW}}}</font>
+
<div style="
-
|#default=
+
background: linear-gradient(to right, #003, rgba(0,127,255,.5), #0ff 80%, rgba(0,127,255,.5), #003 100%);
-
<font style="color: #{{MesCouleurs|type=fg|group={{{group}}}}}; text-shadow: #{{MesCouleurs|type=bg|group={{{group}}}}} -.5px -.5px .5px, #{{MesCouleurs|type=fg|group={{{group}}}}} .5px .5px .5px, #fff -.1px -.1px .1px">{{{text|OUTSET}}}</font>
+
border: #009 medium inset;
-
}}<noinclude> &lArr;
+
bo_rder-radius:5em;
-
[[Catégorie:Modèle:Chartes graphiques]]</noinclude>
+
padding: 1em 0em;
 +
text-align: center;
 +
font-size: 2em;
 +
color: #003;
 +
">{{3DText|&lArr; Ceci ''est '''un ''exemple'''}}</div>
 +
 
 +
==test nouveau modèle==
 +
<div style="
 +
background: linear-gradient(to right, #003, rgba(0,127,255,.5), #0ff 80%, rgba(0,127,255,.5), #003 100%);
 +
border: #009 medium inset;
 +
bo_rder-radius:5em;
 +
padding: 1em 0em;
 +
text-align: center;
 +
font-size: 2em;
 +
color: #003;
 +
">Ceci ''est '''un ''exemple'''
 +
 
 +
<span style="
 +
text-shadow: #fff -0.01em -0.01em 0.01em, #000 0.01em 0.01em 0.01em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.01 .01 +.01 .01</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.01em -0.01em 0.02em, #000 0.01em 0.01em 0.02em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.01 .02 +.01 .02</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.01em -0.01em 0.05em, #000 0.01em 0.01em 0.05em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.01 .05 +.01 .05</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.00em -0.00em 0.05em, #000 0.05em 0.05em 0.05em;
 +
">Ceci ''est '''un ''exemple''' &rArr; 0 .05 +.05 .05 &rArr; Ce modèle-ci </span><br/>
 +
<span style="
 +
text-shadow: #fff -0.01em -0.01em 0.1em, #000 0.01em 0.01em 0.1em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.01 .1 +.01 .1</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.02em -0.02em 0.1em, #000 0.02em 0.02em 0.1em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.02 .1 +.02 .1</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.05em -0.05em 0.1em, #000 0.05em 0.05em 0.1em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.05 .1 +.05 .1</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.1em -0.1em 0.1em, #000 0.1em 0.1em 0.1em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.1 .1 +.1 .1</span><br/>
 +
<span style="
 +
text-shadow: #000 -0.1em -0.1em 0.1em, #fff 0.1em 0.1em 0.1em;
 +
">Ceci ''est '''un ''exemple''' &rArr; +.1 .1 -.1 .1</span><br/>
 +
<span style="
 +
text-shadow: #fff -0.1em -0.1em 0.2em, #000 0.1em 0.1em 0.2em;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.1 .2 +.1 .2 &rArr; [[:Modèle:3D_ombre]]</span><br/>
 +
<span style=
 +
"text-align: center;text-shadow: #fff -.5px -.5px .5px, #000 .5px .5px .5px, #fff .1px .1px .1px;
 +
">Ceci ''est '''un ''exemple''' &rArr; -.5 .5 +.5 .05 +.1 .1 &rArr; Modèles [[:Modèle:Entête|Entête]], [[:Modèle:Important|Important]], [[:Modèle:Intro|Intro]]</span><br/>
 +
 
 +
 
 +
</div>
 +
 
 +
[[Catégorie:Modèles]][[Catégorie:Chartes graphiques]]
 +
 
 +
</noinclude>

Version actuelle

{{{1}}}

test modèle courant

⇐ Ceci est un exemple

test nouveau modèle

Ceci est un exemple

Ceci est un exemple ⇒ -.01 .01 +.01 .01
Ceci est un exemple ⇒ -.01 .02 +.01 .02
Ceci est un exemple ⇒ -.01 .05 +.01 .05
Ceci est un exemple ⇒ 0 .05 +.05 .05 ⇒ Ce modèle-ci
Ceci est un exemple ⇒ -.01 .1 +.01 .1
Ceci est un exemple ⇒ -.02 .1 +.02 .1
Ceci est un exemple ⇒ -.05 .1 +.05 .1
Ceci est un exemple ⇒ -.1 .1 +.1 .1
Ceci est un exemple ⇒ +.1 .1 -.1 .1
Ceci est un exemple ⇒ -.1 .2 +.1 .2 ⇒ Modèle:3D_ombre
Ceci est un exemple ⇒ -.5 .5 +.5 .05 +.1 .1 ⇒ Modèles Entête, Important, Intro