قائمة مواقع التواصل الاجتماعي بطريقة عجيبة جديدة من الاكسلان الدولى

السلام عليكم ورحمة الله وبركاتة



[ اسم الكود ] : قائمة مواقع التواصل الاجتماعي بطريقة عجيبة جديدة من الاكسلان الدولى
[ وصف الكود ] : يقوم بعمل قائمة بها التواصل الاجتماعي و تكون ثابتة
[ يتوافق مع اي اصدار ] : مع جميع الاصدارات
[ موقع مبرمج الكود ] : الاكسلانس الدولى


[ مثال مصور ]





[ طريقة التركيب ]

[1] - ارفع مجل " social " الموجود في الملف المضغوط ( في المرفقات ) الى مجلد منتداك الرئيسي
[2] - قم باضافة الكود التالي في نهاية قالب الــ headinclude ~

<!-- main stylesheets -->           <!-- Screen CSS -->        <link rel="stylesheet" href="social/reset000.css" type="text/css" media="screen">     <link rel="stylesheet" href="social/style000.css" type="text/css" media="screen">          <!-- Framework CSS -->     <link rel="stylesheet" href="social/dpSocial.css">          <!-- import jQuery -->      ******** type="text/**********" src="social/jquery-1.js"></script>     ******** type="text/**********" src="social/jquery00.js"></script>                      ******** type="text/**********">           $(********).ready(function(){             $.dpSocialBar({                 items: {                     twitter: { url: 'http://twitter.com/', text: 'تابعنا على <strong>twitter</strong>' },                     facebook: { url: 'http://facebook.com/', text: 'تابعنا عالـفيس بوك' },                     flickr: { url: 'http://www.flickr.com', text: 'صفحتنا على الفلكر' },                     skype: { url: 'http://www.skype.com', text: 'أضفنا على السكايبي' },                     rss: { url: 'http://www.rss.com', text: 'RSS Feed' },                     google: { url: 'http://www.google.com', text: 'صفحتنا على قوقل +' },                     contact: { url: 'mailto:mail@mail.com', text: 'راسل الادارة' },                     youtube: { url: 'http://www.youtube.com', text: 'قناتنا على اليوتيوب' },                     digg: { url: 'http://www.digg.com', text: 'Profile on digg' },                     delicious: { url: 'http://www.delicious.com', text: 'Profile on delicious' },                     tumblr: { url: 'http://www.tumblr.com', text: 'Profile on tumblr' },                     picasa: { url: 'http://www.picasa.com', text: 'Profile on picasa' },                     vimeo: { url: 'http://www.vimeo.com', text: 'Profile on vimeo' },                     reddit: { url: 'http://www.reddit.com', text: 'Profile on reddit' },                     technorati: { url: 'http://www.technorati.com', text: 'Profile on technorati' },                 },                 show: 5,                 position: "bottom",                 skin: "clear"             });                      });     </script>

[3] - نأتي الان لطريقة التحكم في استايل و مكان القائمة ~ :

- كما نلاحظ في آخر الكود يوجد :

position: "bottom",

يمكنك تغيير كلمة " buttom " والتي تعني الأسفل الى ~

Right : اليمين
left : اليسار
top : الأعلى

- و أيضا نلاحظ وجود :

skin: "clear"

يمكنك تغيير كلمة " clear " و التي تعني الثيم الابيض الفاتح الى ~

dark : الثيم الاسود

وبكدة نكون انتهينا

واى استفسار انا حاضر ...

الملفات المرفقة

social.zip‏ (90.8 كيلوبايت)

مشاركة على

Unknown

وصف الكاتب هنا

• 
• 
• 
• 
•