COLOR HOVER BUTTONS WITH LINKS

HOME ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES SOSIAL BUTTONS SLIDESHOWS & IMAGE GALLERIES FACEBOOK WIDGETS WIDGETS ΓΙΑ BLOGS ΜΟΡΦΟΠΟΙΗΣΗ BLOG ΕΝΣΩΜΑΤΩΣΕΙΣ ΑΣΦΑΛΕΙΑ BLOG 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<style>
.button{font:13px Arial;
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:6px 8px;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px; 
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
 transition:background-position 1s;}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;}
.button:active{bottom:-1px;}
.button.px20 {font-size:20px;}
.button.px18 {font-size:18px;}
.button.px16 {font-size:16px;}
.button.px14 {font-size:14px;}
.button.px12 {font-size:12px;}
.button.rounded{
 -moz-border-radius:4em;
 -webkit-border-radius:4em;
 border-radius:4em;}
.c1.button{color:#FFFFFF !important;border:1px solid #FBBB22 !important;background-color: #173374;}
.c1.button:hover{color:#FFFFFF; background-color:#115595;}
.c2.button{color:#FFFFFF !important;border:1px solid #FBBB22 !important;background-color:#105105;}
.c2.button:hover{color:#FFFFFF;background-color:#207907;}
.c3.button{color:#FFFFFF !important;border:1px solid #FBBB22 !important;background-color: #661111;}
.c3.button:hover{color:#FFFFFF;background-color:#FF1111;}
.c4.button{color:#FFFFFF !important;border:1px solid #FBBB22 !important;background-color: #333333;}
.c4.button:hover{color:#000000;background-color:#000000;}
.c5.button{color:#FFFFFF !important;border:1px solid #FBBB22 !important;background-color: #740777;}
.c5.button:hover{color:#FFFFFF; background-color:#A90C94;}
.c6.button{color:#FFFFFF !important;border:1px solid #FFFF00 !important;background-color:#803503;}
.c6.button:hover{color:#FFFFFF;background-color:#FF6600;}
.c7.button{color:#000000 !important;border:1px solid #000000 !important;background-color: #05A2AA;}
.c7.button:hover{color:#000000;background-color:#33FFFF;}
.c8.button{color:#000000 !important;border:1px solid #000000 !important;background-color: #03C039;}
.c8.button:hover{color:#000000;background-color:#4EFF44;}
.c9.button{color:#000000 !important;border:1px solid #000000 !important;background-color: #FBBB22;}
.c9.button:hover{color:#000000;background-color:#FFFF00;}
</style>

<a href="http://the-best-widgets.blogspot.gr" class="button c9 px12">HOME</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ" class="button c2 px12">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES" class="button c3 px12">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/SOSIAL BUTTONS" class="button c4 px12">SOSIAL BUTTONS</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/SLIDESHOWS" class="button c5 px12">SLIDESHOWS & IMAGE GALLERIES</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/FACEBOOK WIDGETS" class="button c6 px12">FACEBOOK WIDGETS</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/WIDGETS ΓΙΑ BLOGS" class="button c7 px12">WIDGETS ΓΙΑ BLOGS</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/ΜΟΡΦΟΠΟΙΗΣΗ BLOG" class="button c9 px12">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ" class="button c8 px12">ΕΝΣΩΜΑΤΩΣΕΙΣ</a>
<a href="http://the-best-widgets.blogspot.gr/search/label/ΑΣΦΑΛΕΙΑ BLOG" class="button c1 px12">ΑΣΦΑΛΕΙΑ BLOG</a>