كود لعرض مواقع النشر في منتداك بطريقة جديدة ومميزة

<div style="position: fixed; border: 0pt none; left: 0px; top: 50%;  margin-top: -57px; width: 60px; height: 60px; cursor: pointer;">
<a title="FaceBook"  rel="nofollow" target="_blank" href="http://www.facebook.com/pages/3dlat/122987744420111">
<img border="0" onmouseout="this.src='images/f1.png';" 
onmouseover="this.src='images/f2.png';"
title="تابعنا على الفيس بوك" alt="facebook" src="images/f1.png" 
width="35" height="34"></a>
     
<a title="Twetter"  rel="nofollow" target="_blank" href="http://twitter.com/3dlat">
<img border="0" onmouseout="this.src='images/t1.png';"
 onmouseover="this.src='images/t2.png';"
  title="تابعنا على تويتر" alt="twetter" src="images/t1.png"
   width="35" height="34"></a>
   
<a title="Feedage"  rel="nofollow" target="_blank"  href="http://www.feedage.com/feeds/17024439/%D9%85%D9%86%D8%AA%D8%AF%D9%8A-%D8%B9%D8%AF%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D9%86%D8%B3%D8%A7%D8%A6%D9%8A">
<img border="0" onmouseout="this.src='images/r1.png';"
 onmouseover="this.src='images/r2.png';"
  title="جديد المنتدي" alt="twetter" src="images/r1.png"
   width="35" height="34"></a>
   
<a title="BLOG"  rel="nofollow" target="_blank" href="http://forest-animals.blogspot.com/">
<img border="0" onmouseout="this.src='images/b1.png';"
 onmouseover="this.src='images/b2.png';"
  title="تابعنا على بلوجر" alt="twetter" src="images/b1.png"
   width="35" height="34"></a>
</div>