Follow baner color

• Subscribe to the RSS Feed
• Follow me on Twitter
• Find me on Facebook
• Join me on Google+
• Connect with me on LinkedIn

Subscribe to the RSS Feed

Follow me on Twitter

Find me on Facebook

Join me on Google+

Connect with me on LinkedIn

Τρισδιάστατο κειμενο 3D mouseover

Ενα κώδικας CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο μόλις περάσει από πάνω ο κέρσορας.










Ο ΚΩΔΙΚΑΣ CSS:




O ΚΩΔΙΚΑΣ HTML:

  ##  ">
    Cool - Aigio
    --web-radio--
    listen to
    different players
 



** Το ## αν θέλετε θα το αντικαταστήσετε με ένα link...
**Στα κόκκινα γράμματα βάλτε τα δικά σας κείμενα...
**Μπορείτε να βάλετε και τους 2 κώδικες σε gadget σαν HTML/Javascript
**Στο κώδικα css μπορείτε όσοι ξέρετε να αλλάξετε τα χρώματα και τα μεγέθη των γραμμάτων..
(αν δεν ξέρετε μην το επιχειρήσετε)...
πηγη-http://www.dr-blogger.com/2013/03/mouseover.html#more

Βάλτε εικόνα και χρωμα σε κάθε widget στο sidebar της Σελίδας σας

• Σύνδεση στον Blogger
• Σχεδίαση / Επεξεργασία HTML
• Βρείτε το παρακάτω κομμάτι κώδικα:

Επικολλήστε τον παρακάτω κώδικα πριν από το 

.main .Blog {

border-bottom-width: 0;

}

.sidebar .widget h2 { background: yellow url('URL OF YOUR IMAGE') no-repeat left top; margin-top:5px; text-indent: 20px; padding:7px; }

Αντικαταστήστε το URL OF YOUR IMAGE με τη δική σας εικόνα

• Αποθήκευση προτύπου και είστε έτοιμοι.

http://www.bloggertipsandtricks.net/2011/09/widget-sidebar.html

Button blu

Δες το τώρα

.....................<table border="0" cellpadding="0" cellspacing="0" style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><tbody> <tr bgcolor="#25a8ff"><td background="http://creative.myspacecdn.com/design/myspace/email-standards/buttons/lg-bg-primary.png" height="24" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 5px; padding-right: 5px;"><span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"></span><br /> <div style="font-size: 11px;"> <span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><strong><a href="http://www.myspace.com/video/rihanna/where-have-you-been/108708200#pm_cmp=O_5643_notif" style="color: #1155cc; text-decoration: none;" target="_blank"><span style="color: black;">Δες το τώρα</span></a></strong></span></div> <span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"> </span></td><td background="http://creative.myspacecdn.com/design/myspace/email-standards/buttons/lg-primary-r.png" height="24" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" width="5">  </td> </tr> </tbody></table>

Αλλάξτε διαστάσεις στο Button-Banner

Πάρτε ένα κωδικό εδώ και μετά κάντε τις αλλαγές που θέλετε.

Αφού πήρατε τον κωδικό και έχετε επιλέξει το χρώμα που σας αρέσει αλλάξτε της διαστάσεις γκόνιας 1-2-3-4 και μήκους-5 με αυτό που σας ταιριάζει.
1-border-top-left-radius: 2px;
2-border-top-right-radius: 2px;
3-border-bottom-left-radius: 8px;
4-border-bottom-right-radius: 8px;
5-min-width: 300px;
Όσο αφορά το μήκος ((αν θέλετε να γράψετε μεγάλο τίτλο η κείμενο)) διαμορφώνεται αυτόματα,εάν θέλετε μεγάλο banner και μικρό κείμενο τότε ακολουθήστε τα παραπάνω αλλαγες.

καλή επιτυχία

Κουμπιά με διαφορα χρώματα

111111111 ..........................................................................
.demo ......................................................................................
. 11111111111...........................................................................
Το μονο που έχετε να κάνετε αν θέλετε αλλαγή χρώματος αλλάξτε το κωδικό με κόκκινο χρώμα ,με δικια σας επιλογή πχ: initial; background-clip: initial; background-color: #f7bb05; background-image:,name button θα αφαιρέστε τα νούμερα πχ;11111111 και βάλτε το δικό σας,



with link-----------------------------------------

<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;"><a href="http://demo-tubesalonika.blogspot.com/">demo</a></span>


no link---------------------------------------------
11111111111


<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;">11111111111</span>
Αλλάξτε διαστάσεις εδώ

buttons with collor

...........................................................

111111111111111111234511111111111............

Google + για το site σας

Αποκτήστε περισσότερες συστάσεις για το site σας στα αποτελέσματα αναζήτησης Google και να αυξηθεί το ακροατήριό σας στο Google +.

Google + Πλατφόρμα

Emergency button

.

Share this buttons

Find us buttons

Donate button

Up-Down Buttons

save with JavaScript.
<a href='#' style='display:scroll;position:fixed;bottom:115px;right:5px;' title='back to top'><img src='http://i40.tinypic.com/2q232fp.png' style='border:0;'/></a><br /><br/><br /><a href='#godown' style='display:scroll;position:fixed;bottom:80px;right:5px;'><img src='http://i42.tinypic.com/25khij9.png' style='border:0;'/></a><br /> <a name='godown'></a>