عرض مشاركة واحدة
قديم 08-05-2012, 10:49 PM   #1
yosefssss
مدون نشيط
 
الصورة الرمزية yosefssss
 
تاريخ التسجيل: Apr 2012
الدولة: mecca
المشاركات: 253
افتراضي إضافة الأيقونات الإجتماعية بالأبعاد الثلاثية مع تأثير الدوران

السلام عليكم




إضافة جميلة للمواقع الإجتماعية في القائمة الجانبية


بالأبعداد الثلاثية 3D مع تأثير الدوارن عند مرور الماوس عليها



كيفية إضافتاها لمدونتك؟

إذهب لعناصر الصفحة إختر إضافة أداة ثم HTML/JavaScript ثم الصق الكود التالي و احفظ الأداة

كود PHP:
<style#social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="إشترك في خلاصة المواضيع" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="تابع جديدنا على الإيميل" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="تابعنا على الفيس بوك" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="تابعنا على تويتر" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="تابعنا على جوجل+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon-->  </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center> 



ملاحظ:
لا تنسى تعديل الكلمات التالية الموجودة في الكود لعناوينك في المواقع الإجتماعية

YOUR-FEED-URL-HERE
YOUR-EMAIL-RSS-URL-HERE
YOUR-TWITTER-URL-HERE
YOUR-GOOGLE-PLUS-URL-HERE
YOUR-FEEDBURNER-URL-HERE

__________________
مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية
http://flash-techno.blogspot.com
من مواضيع yosefssss

الدعم العربي


التعديل الأخير تم بواسطة yosefssss ; 08-05-2012 الساعة 10:59 PM
yosefssss غير متواجد حالياً   رد مع اقتباس