Achim: Unterschied zwischen den Versionen
Aus Fahrradmonteur
Zur Navigation springenZur Suche springen (Die Seite wurde neu angelegt: „3D-Button für Achim :-) {{Aktualisieren|Eigenmarke|Diese Liste aktualisieren}}“) |
|||
(12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | 3D-Button für Achim : | + | ;3D-Button für Achim: |
− | {{ | + | {{Button|Achim|action=purge|Diese Seite aktualisieren}} |
+ | {{Button2|Achim|action=purge|Diese Seite aktualisieren}} | ||
+ | ==Vorlage== | ||
+ | <syntaxhighlight lang=html4strict> | ||
+ | <span class="button"> | ||
+ | [[File:Farm-Fresh_arrow_rotate_clockwise.png|24px]] [{{fullurl:{{{2}}}|{{{3}}} }} {{{4}}}] | ||
+ | </span> | ||
+ | </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> |
Aktuelle Version vom 15. April 2014, 12:12 Uhr
- 3D-Button für Achim
Vorlage[Bearbeiten | Quelltext bearbeiten]
<syntaxhighlight lang=html4strict>
</syntaxhighlight>CSS[Bearbeiten | Quelltext bearbeiten]
<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>