اضافة رموز مواقع التواصل الاجتماعية مع تأثير 3D.

مجموعة كاملة من الرموز الاجتماعية من مختلف الأحجام التي يمكن استخدامها لخلق تأثير ثلاثي الأبعاد تحوم فوقك لتشمل أزرار للحصول على ارتباطات إلى صفحة الفيسبوك، تويتر الحساب، ما جوجل بلس وغيرها حتى الان.

 معاينا

تركيب هذه الأزرار أصبحت بسيطة. اذهبوا إلى تخطيط > إضافة أداة > HTML / جافا سكريبت ولصق التعليمات البرمجية التالية

 <style type="text/css"> /* Bottoni Social Network */ /* www.teamokasha.com*/ .icone-sociali {width: 300px;} .bottone-rss, .bottone-twitter, .bottone-facebook, .bottone-google{ background: url(//i.imgur.com/AzsICRb.png) no-repeat top left; } .bottone-facebook{ background-position: 0 0; width: 64px; height: 64px; float:left;} .bottone-facebook:active{ background-position: -74px 0; width: 64px; height: 64px;} .bottone-facebook:hover{ background-position: -74px 0; width: 64px; height: 64px;} .bottone-google{ background-position: -148px 0; width: 64px; height: 64px;float:left;} .bottone-google:active{ background-position: -222px 0; width: 64px; height: 64px;} .bottone-google:hover{ background-position: -222px 0; width: 64px; height: 64px;} .bottone-rss{ background-position: -296px 0; width: 64px; height: 64px; float:left;} .bottone-rss:active{ background-position: -370px 0; width: 64px; height: 64px;} .bottone-rss:hover{ background-position: -370px 0; width: 64px; height: 64px;} .bottone-twitter{ background-position: -444px 0; width: 64px; height: 64px; float:left;} .bottone-twitter:active{ background-position: -518px 0; width: 64px; height: 64px;} .bottone-twitter:hover{ background-position: -518px 0; width: 64px; height: 64px;} </style> <div class="icone-sociali"> <a href="رابط rss" target="_blank" title="اشترك معنا" rel="nofollow"><span class="bottone-rss"></span></a> <a href="رابط TWITTER" target="_blank" title="تبعونا على تويتر" rel="nofollow"><span class="bottone-twitter"></span></a> <a href="رابط FACEBOOK" target="_blank" title="لايك على الفيسبوك" rel="nofollow"><span class="bottone-facebook"></span></a> <a href="رابط GOOGLE PLUS" target="_blank" title="تبعونا على جوجل بلس" rel="nofollow"><span class="bottone-google"></span></a> </div>

بعد كدا مكان

رابط TWITTER

رابط FACEBOOK

رابط RSS

رابط GOOGLE PLUS

يتم تغيرهم بى الروابط الخاضه بك

  

وهكذا كان موضوع اليوم متنساش تشترك فى الموقع ليصلك كل جديد بالتوفيق للجميع فى أمان الله