إعلانات

البداية

قرآن

اتصل بنا

إضافة - تابعني - على المواقع الإجتماعية لكل المدونات و المواقع




بسم الله و الحمد لله و الصلاة و السلام على نبينا و حبيبنا محمد الأمين. السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود css في ملف القالب style ثم ضع كود html في أي مكان بين وسمي body. يمكنكم معاينة الإضافة من خلال الصورة المرفقة.

 

 كود  css



.follow-box {
  border:0 none;
  clear:both;
  margin:0;
  padding:0;
  position: fixed;
  top:199px;
  right:0;
  z-index:95;
}
 كود html






<div class="follow-box" >
 <img usemap="#follow-box" src="http://lh6.ggpht.com/_XrWO8mEpDy0/TFboT2dkehI/AAAAAAAAAs4/2Pt4HwB6xXA/social-box.png" border="0" />
 <map name="follow-box">
  <area shape="rect" target="_blank" coords="5, 68, 29, 92" href="http://delicious.com/your-account" alt="delicious" title="delicious" />
  <area shape="rect" target="_blank" coords="5, 98, 29, 122" href="http://twitter.com/your-account" alt="twitter" title="twitter" />
  <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/your-account" alt="youtube" title="youtube" />
  <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/your-account" alt="الخلاصات RSS" title="الخلاصات RSS" />
 </map>
</div>


 




 


 



طريقة إضافة الأكواد :

يوضع كود css في القالب من صفحة تحرير html مباشرة قبل 




  





]]></b:skin>







ثم يوضع كود html  في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.



هام : لا تنس أن تستبدل الروابط الحمراء بروابطك الخاصة في الكود .



 لتعديل الإضافة يستحسن فتح صورة الخلفية بأي برنامج رسم  ووضع أيقونات لخدمات أخرى بدل الأولى ثم استبدال الروابط في كود html .


الأيقونات مقدمة من Icon Dock يمكن تحميلها من هذا الرابط.


لأي استفسار أنا على أتم استعداد على أن لا يكون خارج الموضوع.









 .


































Libellés :