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

محروم.كوم · #1 08-18-2013, 03:40 PM

C
مرحبا بكم إخواني الاعزاء زوار المهوس العربي اليوم بفضل الله تعالى سأقدم لكم إضافة جميلة لمنصة البلوجر ألا و هي تبويبات تشبه واجهة Metro التي بالويندوز 8 للمتتابعة على المواقع الاجتماعية بتأتير CSS تفيدك هذه الاضافة بالمنح لزوارك من متابعت مدونتك و التوصل بكل جديدها لن أطيل عليكم الاضافة جيدة نمر لتجريبها أو تركيبها على مدونتك
أولا : إذهب للوحة تحكم بلوجر
ثانيا : إذهب إلى تخطيط
ثالثا : إضافة أداة
رابعا : HTML/JAVASCRIPT
ثم أنسخ و ألصق هذا الكود و عدل XXXX.بما يناسبك
أنتظر تعليقاتكم المشجعة

:bleh:
رمز PHP:

#jocial{width: 305px;
float: left;margin-top: 10px;}
#jocial li{position:relative; cursorointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
background: rgba(59,89,152,1) url("http://1.bp.blogspot.com/-BGOX3zdOF4s/UQNU_PFl3oI/AAAAAAAAFL0/_5nRgCuxHrc/s1600/facebook.png") no-repeat center center;}
#jocial .twitter{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("http://3.bp.blogspot.com/-hak4MMDUFy0/UQNWX7ZFzVI/AAAAAAAAFME/1-6Kt65O5Xk/s1600/Twitter.png") no-repeat center center;}
#jocial .googleplus{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("http://2.bp.blogspot.com/-jeIkKF52wSU/UQNX5OwGt-I/AAAAAAAAFMc/xlLSwvc24nk/s1600/google+plus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: rgba(59,89,152,1) url("http://4.bp.blogspot.com/-Ebrw9duZtTI/UQNTcS_wDHI/AAAAAAAAFLk/XPBiCPYENEg/s1600/rss.png") no-repeat center center;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("http://3.bp.blogspot.com/-hak4MMDUFy0/UQNWX7ZFzVI/AAAAAAAAFME/1-6Kt65O5Xk/s1600/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("http://2.bp.blogspot.com/-jeIkKF52wSU/UQNX5OwGt-I/AAAAAAAAFMc/xlLSwvc24nk/s1600/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("http://4.bp.blogspot.com/-Ebrw9duZtTI/UQNTcS_wDHI/AAAAAAAAFLk/XPBiCPYENEg/s1600/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;

-webkit-transition: all 0.1s ease-in-out;}

المصدر : http://www.arge3k.com/2013/02/blog-post.html
للمزيد عن بلوجر زوروا المهوس العربي
__DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
إضافة أزرار للـ navbar	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-11-2011 09:50 PM
[ طلب كود ] كود نشر للمواقع الاجتماعية	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-25-2011 12:50 AM
16 - 5 ثيم Carbon روعة مع أزرار 3D	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-16-2010 08:30 PM
برنامج لتحويل صورك لصور ثلاثية الأبعاد و إضافة تأثيرات روعة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-21-2009 06:40 PM
برنامج لتحويل صورك لصور ثلاثية الأبعاد و إضافة تأثيرات روعة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-21-2009 06:30 PM