بسم الله الرحن الرحيم
اضافه ايقونات جديدة للمشاركات الاجتماعيه بخاصيه css3
اكثر من رائعة المتحركة

للمعاينه
كيفيه اضافه هذة الخاصية:
نذهب الى ..تصميم _عناصر الصفحه - اداة HTML/JavaScript
ثم نضيف الاكواد التاليه :
الشكل الاول :
اضافه ايقونات جديدة للمشاركات الاجتماعيه بخاصيه css3
اكثر من رائعة المتحركة
للمعاينه
كيفيه اضافه هذة الخاصية:
نذهب الى ..تصميم _عناصر الصفحه - اداة HTML/JavaScript
ثم نضيف الاكواد التاليه :
الشكل الاول :
<style>p#hb_socialicons img {/* Spinning Social Icons Widget By HelperBlogger */-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}p#hb_socialicons img:hover {-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);-o-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}/* Spinning Social Icons Widget By HelperBlogger */</style><center><p id="hb_socialicons"><a href="http://www.facebook.com/btsnts/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3XleIh9fKV1nQ4ic0zPiT4pD5jJC4btHuux2oYM4OoQBfYI3Rvajt3ssljxJzBAMLZ81RxgzqLZWthOK_yvSUhthyoMzaYs0AUegtJ5m-RliDCCqUBqk-2PZcNAVNfB3fD0jstkNaD4/s1600/helperblogger.com-facebook.png" /></a><a href="http://www.twitter.com/helperblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildX0TK5WwE_lCNpMfZO7HrFbp_cFti7DCYmfQ9ZUr3YZ_CBniWl9CzVL8JxYtSeNOF7NWYv5ZocBMcJ3L1kCUGLb4TiCmd9rRJCyTcK3y21JgBp_CzrRzhjMqjD4PZUuk0wDamDDuEnU/s1600/helperblogger.com-twitter.png" /></a><a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXOk1wz4dGO3lcWKaXZ8AEJ3cCiZy29ogIj3fR7-iiT8fUzNAijgRYg8nHvTh7lHBfnL92puHnLmnAEwaIcwjQeppbiSDyPihaJMFkWrDWZxO_KpzrsjAPCrpmuujsFBfiq2eIb5N0rU0/s1600/helperblogger.com-google_plus.png" /></a><a href="http://www.feeds.feedburner.com/hblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHXJNN8NlDXEz7-9FJuUd0jYvq9JhoX6ytAVXusr-iAkoD98Ia2ZKWBJAXnEbDLoVqiEaHjWookhV6h5ROmDiyI7RzPt-s8ZzZ8OV9FBh7Y226MKBDkbhUquuOZjs_pGnzT0G9OkhhJNo/s1600/helperblogger.com-rss.png" /></a><a href="http://www.youtube.com/helperblogger1/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlGOVpmMQggUN9ffF3rRb6H4Vo8CVRoGI_U8QjirFHNn17vI7HOd_21EclFjxHLrbYnSaa9R96uR5BjobHQ7YuV4_AkXygRm00YDoodbGSDGgdRscjfT01aEOj0KqL5S1L3ZRbUIT6AM/s1600/helperblogger.com-youtube.png" /></a></p></center>
الشكل التانى :
<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */ -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;} p#hb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} /* Spinning Social Icons Widget By HelperBlogger */</style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/btsnts/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3XleIh9fKV1nQ4ic0zPiT4pD5jJC4btHuux2oYM4OoQBfYI3Rvajt3ssljxJzBAMLZ81RxgzqLZWthOK_yvSUhthyoMzaYs0AUegtJ5m-RliDCCqUBqk-2PZcNAVNfB3fD0jstkNaD4/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/helperblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildX0TK5WwE_lCNpMfZO7HrFbp_cFti7DCYmfQ9ZUr3YZ_CBniWl9CzVL8JxYtSeNOF7NWYv5ZocBMcJ3L1kCUGLb4TiCmd9rRJCyTcK3y21JgBp_CzrRzhjMqjD4PZUuk0wDamDDuEnU/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXOk1wz4dGO3lcWKaXZ8AEJ3cCiZy29ogIj3fR7-iiT8fUzNAijgRYg8nHvTh7lHBfnL92puHnLmnAEwaIcwjQeppbiSDyPihaJMFkWrDWZxO_KpzrsjAPCrpmuujsFBfiq2eIb5N0rU0/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://www.feeds.feedburner.com/hblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHXJNN8NlDXEz7-9FJuUd0jYvq9JhoX6ytAVXusr-iAkoD98Ia2ZKWBJAXnEbDLoVqiEaHjWookhV6h5ROmDiyI7RzPt-s8ZzZ8OV9FBh7Y226MKBDkbhUquuOZjs_pGnzT0G9OkhhJNo/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/helperblogger1/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlGOVpmMQggUN9ffF3rRb6H4Vo8CVRoGI_U8QjirFHNn17vI7HOd_21EclFjxHLrbYnSaa9R96uR5BjobHQ7YuV4_AkXygRm00YDoodbGSDGgdRscjfT01aEOj0KqL5S1L3ZRbUIT6AM/s1600/helperblogger.com-youtube.png" /></a></p></center>
الشكل التالت :
<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */ -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;} p#hb_socialicons img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);} /* Spinning Social Icons Widget By HelperBlogger */</style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/btsnts/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3XleIh9fKV1nQ4ic0zPiT4pD5jJC4btHuux2oYM4OoQBfYI3Rvajt3ssljxJzBAMLZ81RxgzqLZWthOK_yvSUhthyoMzaYs0AUegtJ5m-RliDCCqUBqk-2PZcNAVNfB3fD0jstkNaD4/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/helperblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildX0TK5WwE_lCNpMfZO7HrFbp_cFti7DCYmfQ9ZUr3YZ_CBniWl9CzVL8JxYtSeNOF7NWYv5ZocBMcJ3L1kCUGLb4TiCmd9rRJCyTcK3y21JgBp_CzrRzhjMqjD4PZUuk0wDamDDuEnU/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXOk1wz4dGO3lcWKaXZ8AEJ3cCiZy29ogIj3fR7-iiT8fUzNAijgRYg8nHvTh7lHBfnL92puHnLmnAEwaIcwjQeppbiSDyPihaJMFkWrDWZxO_KpzrsjAPCrpmuujsFBfiq2eIb5N0rU0/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://www.feeds.feedburner.com/hblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHXJNN8NlDXEz7-9FJuUd0jYvq9JhoX6ytAVXusr-iAkoD98Ia2ZKWBJAXnEbDLoVqiEaHjWookhV6h5ROmDiyI7RzPt-s8ZzZ8OV9FBh7Y226MKBDkbhUquuOZjs_pGnzT0G9OkhhJNo/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/helperblogger1/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlGOVpmMQggUN9ffF3rRb6H4Vo8CVRoGI_U8QjirFHNn17vI7HOd_21EclFjxHLrbYnSaa9R96uR5BjobHQ7YuV4_AkXygRm00YDoodbGSDGgdRscjfT01aEOj0KqL5S1L3ZRbUIT6AM/s1600/helperblogger.com-youtube.png" /></a></p></center>
اتمنى ان الشرح اعجبكم
الموضوع الاصلي :
معهد خبراء بلوجر
تابع كل جديد
0 التعليقات