18 فبراير 2013

إضافة الشبكات الإجتماعية بـشكل مميزة وثلاثي الأبعاد



السلام عليكم

في هذا الدرس أحببت أن أشاركك معي إضافة عبارة عن أداة عند لمسك بالماوس أو الفارة ووضعها عليها تدور وإن قمت بوضع الماوس بين زرين من أزرار الشبكة الاجتماعية فإنها تتحرك تلك الأداتين الاداة احترافية ومميزة وتعطي لمسة جميلة على مدونتك, يمكنك من نقص عدد الأزرار إن كنت تريد توفير فيسبوك وتويتر و جوجل فهذا يتمحور حول التالي ستجد أن كود كل موقع إجتماعي  

للمعاينة :إضغط هنا

طريقة التركيب:

  • لوحة التحكم
  • تخطيط
  • عناصر الصفحة
  • Html/Javascript
  •  ركب هذا الكود                                                                                                                                          






<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="Grab Our Rss Feed" href="http://feeds.feedburner.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibKc7LgQq-Yh0mKNGQw11ILLkcYvgkz7jYgmUKd4q6Nh83QuFXAkyvyFVH8lNarCaNsW0oOhEGh7_7srcWYA0VLRMRmvuh-mZXzxEZ9YTqrkS7GOMiK5LF8flRMZXKJAuqdwRHjQqJrP-V/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-0g2oEoFHpGKEaJIVFvRZ14XTIkOxFXM_LUq5gIigkWlsqyJlFzmbeBUNbNifr-La0ow-ngLa9OB5LyhsiDwQgmPmviU2-i9eZ8t71-YyQW8XNgUxi_Nlbvxk8sfTDIiNBp3OmncaeJQ/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="http://www.facebook.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLwz7Q1wbV3lXVyNKCxgJHq7u5XyDXt0bUMBaVi0rDZk1HBlrBFGFSOECukKmtPyvsfGCZN9cxN1Cct_u9n72H08_Z8kRs8MKDy0NjiNKSvKLw7YsSZjDLp-el4v_9JaYGfg9frz3hfwh/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-gsKL0OQddByxHJmgwCbdDI82bVCvR32MY1cHJp4qSpy2P6kOp_vlI-tynYh_8a55-A_MLgdKPKyDzb3FkI0CEghJFlNpomAe6VS5jsHwir40XJ4fQdqCfhNpd-h7eXNuy80nsxT6iGCC/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/105111763875634408359" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9G9I3HihhfwSh6IX3w1zFw-xMlHqGaFL_OshhQW49d9FHpHEFZXQBiKDDR29pv4dGDSnVJkWv-poajQs3qHDWQU9i5kS2zCdegNmqHtd44hAP9JcvJD1nvRXnRcKS34pUc3Lky-KQeWCz/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chamelcoolblog" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMniu8g3ZBc29CqpgdrkjtJkWcc-YXnzzX76795vqBaK7GoWXcfnxK5K9efJWw795t3HT3DGP4kXqTzTJzG3AqvpxLuC1gViJeFekad7oCCKRZXK2uWBRVB7-h11D7vgO1W6X3IxD8kqPw/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></center>





غير ما هو باللون الأزرق بما يناسبك


مرحباً بك زائرنا الكريم - إذا أردت أن يصل إليك جديد الموقع دائما قم بالتسجيل هنا.
قائمة البريد لأصدقائناRss Feed !

جميع الحقوق محفوظة Chahidna ©2012-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . Privacy-Policy