Tech Time: 3D Css Button

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Παρασκευή 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