ظ‚ط§ط¦ظ…ط© ظ…ظ…ظٹط²ط© ظ„ظ„ط£ط²ط±ط§ط± ط§ظ„طھظˆط§طµظ„ ط§ظ„ط£ط¬طھظ…ط§ط¹ظٹcss3


بسم الله الرحمن الرحيم





السلام عليكم ورحمه الله وبركاته


كما عودناكم بالجديد اليوم أضافة مميزة ، وهي قائمة تحتوي على أزرار مواقع التواصل الأجتماعي بـتأثيرات الـ css3 .






رمز Code:
<style> /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.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; cursorointer; } .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=&quot;YOUR RSS LINK&quot; rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href=&quot;YOUR GOOGLE PROFILE LINK&quot; rel='external nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href=&quot;YOUR FACEBOOK LINK&quot; rel='external nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href=&quot;YOUR TWITTER LINK&quot; rel='external nofollow' target='_blank' ></a> </div>
كيف تستخدمها في الـblogger:-

قم بذهاب إلى > تصميم>عناصر الصفحة>أضافة أداة> HTML/JavaScript


هذا والله ولي التوفيق والقادر عليه . . .


بداية مطور









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©