Ads 468x60px

Παρασκευή, 8 Νοεμβρίου 2013

3D Css Button

Φίλες και φίλοι γεια σας, όπως και στην προηγούμενη ανάρτηση του blog που είδαμε
και αναλύσαμε το 3d animation button, έτσι και τώρα σε αυτή την ανάρτηση θα δούμε
ένα ακόμα κουμπί με κώδικα Css και αυτό, και με ενσωματωμένο εφέ όταν κάνουμε
mouseover με τον κέρσορα!

Δείτε εδώ το παράδειγμα


Edit by vaiol



 Για το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
..............................................................................................................................................................
<style type="text/css">

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 130% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

</style>
<p><a href="http://cris-dio8.blogspot.gr/p/blog-page_3645.html"target="_blank" class="cssbutton">
Edit by vaiol</a></p>
....................................................................................................................................................................
ΑΛΛΑΓΕΣ
http://cris-dio8.blogspot.gr/p/blog-page_3645.html -Εδώ βάζετε το δικό σας Link

Edit by vaiol -Eδώ βάζετε τον δικό σας τίτλο για το κουμπί!

Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!! 


Πηγή κώδικα
thanks to dynamicdrive.com



 Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog