منتديات احفاد الرسول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةأحدث الصورالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

 كيف تصمم قوائم منسدلة لموقعك

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui


ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

كيف تصمم قوائم منسدلة لموقعك Empty
مُساهمةموضوع: كيف تصمم قوائم منسدلة لموقعك   كيف تصمم قوائم منسدلة لموقعك I_icon_minitimeالثلاثاء سبتمبر 23, 2014 1:42 am

بسم الله الرحمن الرحيم


والصلاة والسلام على أشرف المرسلين


سيدنا محمد وعلى آله وصحبه أجمعين


من الإضافات الأساسية لأى موقع هى القوائم التى تحتوى على روابط تخبر الزائر بمحتويات الموقع ، وتتنوع تصميمات القوائم على حسب تصميم قالب الموقع فالكثير يفضل القوائم المنسدلة ذات التبويبات المتفرعة خصوصًا إذا كان الموقع يحتوى على العديد من الأقسام والتصنيفات ، وبالرغم من أن العديد من القوالب الجاهزة تحتوى على قوائم منسدلة إلا أنه يفضل البعض تصميم تلك القوائم بأنفسهم على حسب خريطة الموقع لذلك سأوضح فى هذا الموضوع شرح لكيفية تصميم القوائم المنسدلة بالشكل الذى يناسب موقعك.
كيف تصمم قوائم منسدلة لموقعك Advance%2BPro%2Bmuticolor%2Bcss%2Bmenu%2Bbar
  تابع أيضًا:

أضف قائمة رأسية ثابتة بالأقسام الهامة لمدونات بلوجر Fixed vertical menu
قائمة ثابتة من أيقونات المواقع الاجتماعية الخشبية woody social menu
قوائم رأسية أنيقة بها نجوم متحركة animated star vertical menu

إستخدلم برنامج Css3 Menu لتصميم قوائم الويب

هو برنامج مجانى لتصميم القوائم المنسدلة ويعتمد على التعديل على النماذج الموجودة بالبرنامج عن طريق إضافة النصوص والروابط

تحميل البرنامج من الموقع الرسمى: css3 menu
ترخيص البرنامج: Free version

مميزات البرنامج


  •  واجهة البرنامج بسيطة جدا يمكن من خلالها تنسيق القائمة المناسبة لموقعك وإضافة الروابط والنصوص والتأثيرات

كيف تصمم قوائم منسدلة لموقعك 585

  • يمكن إضافة صور أيقونات المتاحة بالبرنامج للقوائم أو إضافة صور أيقونات خارجية
  • يدعم اللغة العربية وإتجاه الكتابة من اليمين
  • إمكانية تصميم قوائم  رئيسية Main Menu أفقية أو رأسية وإنشاء قوائم متفرعة منها Submenu
  • إمكانية تصميم قوائم مناسبة للشاشات المتعددة لأجهزة الهواتف الذكية وذلك بتنشيط الخيار Responsive
  • بالإضافة إلى النماذج المجانية الموجودة بالبرنامج توجد نماذج غير مجانية بتأثيرات أكثر تطورًا
  • تكون القوائم المصممة بهذا البرنامج متوافقة مع جميع أنواع المتصفحات بإصداراتها
  • يمكن إستخدام القوائم لجميع أنواع منصات المواقع Wordpress,blogger,................


كيفية تركيب القوائم المنسدلة على مدونات Blogger

بعد تصميم القائمة المناسبة للموقع إضغط على زر Publish ليكون الناتج ملف يحتوى على صفحة ويب Html، ومجلد css
بالنسبة للمواقع التى يكون لديها إستضافة يمكن إضافة هذا الملف إلى الإستضافة أما بالنسبة للمواقع التى لا تملك إستضافة مثل مدونات بلوجر فيمكن الإستعانة بخدمات التخزين السحابى  Dropbox or Googledrive
يمكن الإطلاع على :
كيفية إستضافة ملفات موقعك على Dropbox
إستضافة ملفات Css , Javascript على Google drive


وسأشرح مثال توضيحى عن خطوات إستضافة ملف قائمة منسدلة مصممة ببرنامج Css menu على Dropbox وإضافتها لمدونة بلوجر


معاينة المثال


1 - بعد تصميم القائمة إنسخ الملف الناتج "صفحة الويب Html، ومجلد css" داخل مجلد public بحسابك على Dropbox   
2- إفتح صفحة الويب ببرنامج Notepad
كيف تصمم قوائم منسدلة لموقعك 3588


ستكون الأكواد مكتوبة هكذا بصفحة الويب


كيف تصمم قوائم منسدلة لموقعك 6%2B%2B
3 - إنسخ الرابط المباشر لملف Css داخل dropbox 
كيف تصمم قوائم منسدلة لموقعك


4- إستبدل مسار ملف css الموجود بصفحة الويب وهو ما ينتهى دائما بــ  "style.css" بالرابط المباشر لملف Css داخل dropbox
ليكون الكود بهذا الشكل

كيف تصمم قوائم منسدلة لموقعك 36%2B6%2B
5- ثم إنسخ كل الأكواد الموجودة بصفحة الويب وأضفها إلى مدونة بلوجر داخل أداة Html/javascript  وأضفها بالمكان المناسب لمدونتك.

ملاحظات:


  •  إذا كانت القوائم تتضمن أيقونات يمكن أيضا تبديل مسارات الأيقونات التى تنتهى بالإمتداد Png داخل الكود بالرابط المباشر لهذه الأيقونات على Dropbox بنفس الطريقة السابقة


  •  يمكن أيضًا إستخدام موقع [url=http://www.condaianllkhir.com/search/label/Google drive]Google drive[/url] فى إستضافة القائمة

إقرأ أيضًا:
طريقة عمل قائمة بسيطة بتصنيفات وأقسام الموضوعات على بلوجر


إقرأ المزيد http://www.condaianllkhir.com
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
كيف تصمم قوائم منسدلة لموقعك
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» قائمة منسدلة بتقنية jquery مميزة
» كيف تصمم خط عربى أو أجنبى خاص بك Your font
» أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك
» 5 طرق فعالة للحصول على الزوار لموقعك
» كتاب أسرار جلب زوار بلاحدود لموقعك

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: منتدى: المعلوميات :: إضافات بلوجر المميزة Blogger widget-
انتقل الى:  
تعليقات فيسبوك

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


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا