أهلا و مرحبا بكم في منتدى الدعم والمساعدة لأحلى منتدى بما أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع على محتواها قبل أي سؤال مقبل: قانون منتدى الدعم  من الواجب عليك احترامها للحصول على إجابة سريعة  مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك   مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك ---------------------------------- و   الآن,   للإجابة   على   سؤالك,...

=======
مرحبا
اليكم كود ايقونات المواقع الاجتماعية بشكل معلق وثابت اعلى المنتدى



الكود هتمل اذا تريد اظهاره في جميع تصفحك للمنتدى يمكنك وضعه في اعلانات خاصه
اما اذا تريد يظهر في الصفحة الرئيسية فقط ضعه في تشكيلات عامه
وهذا الكو

الكود:

<div align="center">
                        
 <div class="page" style="width:90%; text-align:right">
                                
 <div style="padding:0px 25px 0px 25px">
                
 <div style="position: fixed; border: 0pt none;left: 220px; top: 5%; margin-top: -0px; width: 120px; height: 60px; cursor: pointer;">
              
 <table td="" class="stones8" ="="" style="width: 350px;" border="0" cellpadding="2" cellspacing="2">
                                                        
 <tbody>
 <tr>
                            
 <td =""="" align="center">
               <a href="https://www.facebook.com/اسم صفحة الفيس بوك" target="_new" class="socialwidgts"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/facebo10.jpg" alt="facebook" title="facebook" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="https://twitter.com/اسم صفحة تويتر" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/twitte10.jpg" alt="twitter" title="twitter" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="https://plus.google.com/اسم صفحة قوقل بلاس" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/google10.jpg" alt="google+" title="google+" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="http://www.linkedin.com/اسم صفحة لينكد" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/linked10.jpg" alt="linkedin" title="linkedin" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="http://www.pinterest.com/اسم صفحة بينتراست" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/pinter10.jpg" alt="pinterest" title="pinterest" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="http://www.stumbleupon.com/اسم صفحة استوبم الار" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/stumbl10.jpg" alt="stumbleupon" title="stumbleupon" border="0" /></a>              
 </td>
                                                    
 <td align="center">
               <a href="http://www.reddit.com/user/اسم صفحة راديت" class="socialwidgts" target="_new"><img style="width: 36px; height: 36px;" src="http://i39.servimg.com/u/f39/18/42/00/55/reddit10.jpg" alt="reddit" title="reddit" border="0" /></a>              
 </td>
                                                    
 </tr>
                                        
 </tbody>
 </table>
                
 </div>
              
 </div>
            
 </div>
</div>

وهذا كود في ورقةcss
اضافه جمالية ك ايطار او وخافية اذا اردت ذلك
وهذا الكود

الكود:

.stones8{
background:#FAF8CC;
border-radius: 7px;
border:3px dotted #050505;
}


الكود يظهر بشكل عرضي اعلى المنتدى

شكرا لك صديقي