عدد المساهمات : 16999 تاريخ التسجيل : 04/07/2013 الموقع : https://www.youtube.com/watch?v=QriWAmC6_40
موضوع: كيف تصمم قوائم منسدلة لموقعك الثلاثاء سبتمبر 23, 2014 1:42 am
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
من الإضافات الأساسية لأى موقع هى القوائم التى تحتوى على روابط تخبر الزائر بمحتويات الموقع ، وتتنوع تصميمات القوائم على حسب تصميم قالب الموقع فالكثير يفضل القوائم المنسدلة ذات التبويبات المتفرعة خصوصًا إذا كان الموقع يحتوى على العديد من الأقسام والتصنيفات ، وبالرغم من أن العديد من القوالب الجاهزة تحتوى على قوائم منسدلة إلا أنه يفضل البعض تصميم تلك القوائم بأنفسهم على حسب خريطة الموقع لذلك سأوضح فى هذا الموضوع شرح لكيفية تصميم القوائم المنسدلة بالشكل الذى يناسب موقعك.
بعد تصميم القائمة المناسبة للموقع إضغط على زر Publish ليكون الناتج ملف يحتوى على صفحة ويب Html، ومجلد css بالنسبة للمواقع التى يكون لديها إستضافة يمكن إضافة هذا الملف إلى الإستضافة أما بالنسبة للمواقع التى لا تملك إستضافة مثل مدونات بلوجر فيمكن الإستعانة بخدمات التخزين السحابى Dropbox or Googledrive يمكن الإطلاع على : كيفية إستضافة ملفات موقعك على Dropbox إستضافة ملفات Css , Javascript على Google drive وسأشرح مثال توضيحى عن خطوات إستضافة ملف قائمة منسدلة مصممة ببرنامج Css menu على Dropbox وإضافتها لمدونة بلوجر
1 - بعد تصميم القائمة إنسخ الملف الناتج "صفحة الويب Html، ومجلد css" داخل مجلد public بحسابك على Dropbox 2- إفتح صفحة الويب ببرنامج Notepad
ستكون الأكواد مكتوبة هكذا بصفحة الويب
3 - إنسخ الرابط المباشر لملف Css داخل dropbox
4- إستبدل مسار ملف css الموجود بصفحة الويب وهو ما ينتهى دائما بــ "style.css" بالرابط المباشر لملف Css داخل dropbox ليكون الكود بهذا الشكل
5- ثم إنسخ كل الأكواد الموجودة بصفحة الويب وأضفها إلى مدونة بلوجر داخل أداة Html/javascript وأضفها بالمكان المناسب لمدونتك.
ملاحظات:
إذا كانت القوائم تتضمن أيقونات يمكن أيضا تبديل مسارات الأيقونات التى تنتهى بالإمتداد Png داخل الكود بالرابط المباشر لهذه الأيقونات على Dropbox بنفس الطريقة السابقة
يمكن أيضًا إستخدام موقع [url=http://www.condaianllkhir.com/search/label/Google drive]Google drive[/url] فى إستضافة القائمة