ايقونات مواقع التواصل الاجتماعى بتقنية css ~ محترف المعلوميات

ايقونات مواقع التواصل الاجتماعى بتقنية css
الزيارات:

Abdelhak ASSAGDI | 12:29 م | أكواد HTML

ايقونات مواقع التواصل الاجتماعى بتقنية css

انسخ هذا الكود وضعه فى

اداة 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/AVvXsEjjiVtk109Z3tjHa9zeXQhuVZUIpGo9SJbg6gjOuqiYDgSTVGNjSxi_b6KzXrHOvk0q13B9MQqFDqBl8g3PIlIq5oM4j5CvUfBt-zMDoW9ZK-Flg4U_CXOA7W-RVvh7MCbqZtVJsBI7cBQ/s1600/helperblogger.com-facebook.png" /></a>

<a href="http://www.twitter.com/helperblogger/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWdchO_Hz-ARWIRCl73au8qBAlt_Q8IarCTDvTINduA8MjSFzOHlc58n3Ul0ChM8wUuSoxVDa1paeOylVk2mYxRLwcYfRALkqCXNWc7zyVtg7FNL9sdthk4VzYLAr4zpme-CEMzhj55D0/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/AVvXsEhcEBDH52xfnZ2Jm0iOMclqDAjp2hiHLA_gwJRZ8I23hhiu8MekF5K6kkv5NhN1shUdeK7g4O2g7juZ2LrbW1Gx-Xs0H1bU1uQkW4kwVipc0hWdymwUc0GITnYBHoK1MNg4fAfWma2ytY4/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/AVvXsEjLk6TU5VRy2C3sEG4Koo4KSQEYLAc7l5yprGW1jgiok3ltAXvBp8J9y4FjnlA2C9FPE6iR22Ieo0xiunRdUhyH83mDHw7bmuG3-eiHZoTB1O1a3Zr-E_EKLr9iT1m8AqA7hyykqDJ1Tts/s1600/helperblogger.com-rss.png" /></a>

<a href="http://www.youtube.com/helperblogger1/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHroFJ91RDaBdJIzuYToXE_ZMHrLa2YM8bu9SlOhXAVcBHdbu3jlI_kQDYsGf1h8XUKZQlDqMbf7ntNs37YbWjUZu3uOANrP3iCF7RQzekfxoXPSOwLpDS0paJTMlsMKDtctF9qT1qew/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

قم بتغيير الروابط الملونة بما يناسبك

0 comments:

إرسال تعليق