اضافت قائمة لأزرار التواصل الإجتماعي

6:21 م

السلام عليكم و رحمة الله تعالى و بركاته ,  إضافة جميلة أقدمها لكم هي قائمة تحتوى على مواقع التواصل الإجتماعي بتأثيرات Css3
للمعاينة : 

كيفية الإستحدام :
كالعادة قم بالذهاب إلى تصميم  > عناصر الصفحة >  إضافة أداة Html/JavaScript
ثم أضف الكود التالي


<style> 
/*--------dz-site.blogspot.com Sharing Widget ------*/ 
.touchme a { 
display:block; 
height:50px; 
width:50px; 
padding:0 4px; 
float:left; 
background:transparent url(https://dz-site.googlecode.com/files/dz-site%20-me.png) no-repeat; 
-webkit-transition: ease-in 0.2s all;    
-moz-transition: ease-in 0.2s all;    
-o-transition: ease-in 0.2s all;    
-ms-transition: ease-in 0.2s all;    
transition: ease-in 0.2s all; 
cursor:pointer;
}

.touchme a.googleplus { 
background-position: 0px -58px;
} 
.touchme a.googleplus:hover { 
background-position: 0px 0px; 
}

.touchme a.twitter { 
background-position: 0px -290px;
} 
.touchme a.twitter:hover { 
background-position: 0px -232px;
} 
.touchme a.facebook { 
background-position: 0px -406px;
} 
.touchme a.facebook:hover { 
background-position: 0px -348px;
}

.touchme a.rss { 
background-position: 0px -174px;
} 
.touchme a.rss:hover { 
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="ربط تغذية " rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="ربط صفحتك على قوقل بلس" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="ربط صفحتك على فيس بوك" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="ربط حسابك توتير" rel='external nofollow' target='_blank' ></a>

</div
>

التعليقات على الموضوع

ليست هناك تعليقات

الاشتراك في: تعليقات الرسالة ( Atom )