Achim: Unterschied zwischen den Versionen
Aus Fahrradmonteur
Zur Navigation springenZur Suche springenZeile 5: | Zeile 5: | ||
<syntaxhighlight lang=html4strict> | <syntaxhighlight lang=html4strict> | ||
<span class="button"> | <span class="button"> | ||
− | [[File:Farm-Fresh arrow rotate clockwise.png|24px]] [{{fullurl:{{{1}}}| | + | [[File:Farm-Fresh arrow rotate clockwise.png|24px]] [{{fullurl:{{{1}}}|{{{2}}} }} {{{3}}}] |
</span> | </span> | ||
</syntaxhighlight> | </syntaxhighlight> |
Version vom 15. April 2014, 12:24 Uhr
- 3D-Button für Achim
Vorlage
<syntaxhighlight lang=html4strict>
</syntaxhighlight>CSS
<syntaxhighlight lang=css> .button { border:1px solid silver; padding:9px; background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%); color:black !important;; text-decoration:none !important;;
background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%); background-image: -o-linear-gradient(white 0%, #9FBFD2 100%); background-image: linear-gradient(white 0%, #9FBFD2 100%);
-moz-box-shadow:3.5px 3.5px 5px #8c8c8c;
-webkit-box-shadow:3.5px 3.5px 5px #8c8c8c; box-shadow:3.5px 3.5px 5px #8c8c8c; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
} .button:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#ffffff));
background-image: -webkit-linear-gradient(top, #c1c1c1, #ffffff); background-image: -moz-linear-gradient(top, #c1c1c1, #ffffff); background-image: -o-linear-gradient(top, #c1c1c1, #ffffff); background-image: linear-gradient(top bottom, #c1c1c1, #ffffff);
-moz-box-shadow:3.5px 3.5px 5px #000000;
-webkit-box-shadow:3.5px 3.5px 5px #000000; box-shadow:3.5px 3.5px 5px #000000;
} </syntaxhighlight>