Style Social Icons for Blog/Site
Σελίδα 1 από 1 • Μοιραστείτε
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
Ένα wdget για το site και blog σας με όμορφα και κομσά εικονίδια σε τύπο .png και με ένα ελαφρό εφέ καθώς το βελάκι είναι πάνω σε ένα από τα εικονίδια.
Δείτε το [ [Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.] ]
Για να το προσαρμόσετε κάντε αντιγραφή επικόλληση τον παρακάτω κώδικα:
- Κώδικας:
<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://foulscode.blogspot.com/feeds/posts/default" target="_blank"><img height="147" src="https://1.bp.blogspot.com/-kAmI33DGMY8/WqGnZgOYpYI/AAAAAAAAJV0/mIK6ZUkmpT4DSwCC45qdmv_mv6BMaweswCLcBGAs/s1600/rss-icon-48.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/foulscode" target="_blank"><img height="147" src="https://1.bp.blogspot.com/-1AaM4Wa35kA/WqGnkMgN9JI/AAAAAAAAJV4/l1sv-s62-eI3KiczFxrIZK8Yr3q8IaCagCLcBGAs/s1600/Twitter-icon-48.png" width="147" /></a></li>
<li class="facebook-icon"><a href="https://www.facebook.com/pages/FoulsCode/548164921863886" target="_blank"><img height="147" src="https://1.bp.blogspot.com/-lNq-iPHcMdA/WqGnzkvKCEI/AAAAAAAAJV8/FT1YNZ44ANQOlg_LD1mzmbSrmzZCWDmBACLcBGAs/s1600/Facebook-icon-48.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/109721759993422268214" target="_blank"><img height="147" src="https://3.bp.blogspot.com/-h3fRHA21ZCU/WqGn_9CVksI/AAAAAAAAJWE/HgX_xP_XPxktMYUTE0NP7s9YRmiXEijnwCLcBGAs/s1600/Googleplus-icon-48.png" width="147" /></a></li>
<li class="google-icon"><a href="https://gr.pinterest.com/FoulsCode/" target="_blank"><img height="147" src="https://3.bp.blogspot.com/-fmCyTCCBOKs/WqGoJDJY3sI/AAAAAAAAJWI/DxzG4eFk-4UvOOCXSZbbEoQ6br04CKj9ACLcBGAs/s1600/pinterest-icon-48.png" width="147" /></a></li>
<li class="google-icon"><a href="http://FoulsCode.com/ email" target="_blank"><img height="147" src="https://4.bp.blogspot.com/-djnIGQOYrcs/WqGoUBSYujI/AAAAAAAAJWQ/9MV8h_lSh9cY1adbNYtPr_aJU2z6voEdACLcBGAs/s1600/mail-icon-48.png" width="147" /></a></li>
</ul>
</center>
<style>
/* foulscode.com */
#abt-social-icons li {
float: left;
width: 48px;
height: 48px;
margin: 0 6px 6px 0;
padding: 0 0 0 0;
border-bottom: none;
list-style: none;
}
#abt-social-icons li a {
line-height: 1px;
display: block;
}
#abt-social-icons li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
#abt-social-icons li a span {
display: none !important;
}
/* foulscode.com */
</style>
Αντικαταστήστε τα μαρκαρισμένα URL και μετά αποθήκευση.
__________________
Download: Για να δείτε το κρυφό περιεχόμενο θα πρέπει να σχολιάσετε.
To see hidden content you should comment.
Παρόμοια θέματα
Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε
Προκειμένου να απαντήσετε πρέπει να είστε μέλος.
Δημιουργία Λογαριασμού
Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!
Δημιουργία ενός νέου Λογαριασμού
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης