[HTML]ايقونات المواقع الاجتماعية الجانبية

<ul class="code-36-simoelmaachi">

    <li><a title="twitter" href="هنا رابط تويتر"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/161695523.png" /></a></li>

    <li><a title="facebook" href="هنا رابط الفيس بوك"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/452010546.png" /></a></li>

    <li><a title="Google+" href="هنا رابط جوجل بلس"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/167713037.png" /></a></li>

      <li><a title="التغذية Ree/Feed" href="/rss"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/161355417.png" /></a></li>

<li><a title="youtube" href="هنا رابط اليوتيوب"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/174467420.png" /></a></li>
</ul>

<style>
 ul.code-36-simoelmaachi{
    list-style: none;
    margin:0px;
    padding:0px;
    position:fixed;
    left:0px;
    top:200px;
    }
    ul.code-36-simoelmaachi li{
    padding-bottom:2px;
    padding-left:8px;
    }
    ul.code-36-simoelmaachi li img{
    opacity:0.7;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }
    ul.code-36-simoelmaachi li img:hover{
    opacity:1.9;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    }
</style>