منتدى يهتم بالنشر والاعلان والتصميم المجاني
 
الرئيسيةالبوابهس .و .جالتسجيلدخول







تحت الانشاء

قائمه منتديات



.............. أختر لغة المنتدى من هنا
أختر لغة المنتدى من هنا
1

اخي الرجاء النشر في المكان المخصص والا سوف يحدف اعلانك

شاطر | 
 

 قوائم منسدله

اذهب الى الأسفل 
كاتب الموضوعرسالة
المدير
المدير
المدير
avatar

نشاطك :
المتصفح :
نوع المنتدى :
الدوله :
انثى عدد المساهمات : 1411
السمعه : 3
تاريخ الميلاد : 01/02/1990
تاريخ التسجيل : 06/12/2012
العمر : 28
الموقع : بغداد
اكتب كلمه من اربع احرف مسرور بلقائكم

مُساهمةموضوع: قوائم منسدله   16.12.14 7:33

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

التسميات: css, [url=http://www.condaianllkhir.com/search/label/%D8%A3%D9%83%D9%88%D8%A7%D8%AF Html]أكواد Html[/url], [url=http://www.condaianllkhir.com/search/label/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA %D8%A8%D9%84%D9%88%D8%AC%D8%B1]إضافات بلوجر[/url]
بسم الله الرحمن الرحيم

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

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

من الإضافات الأساسية لأى موقع هى القوائم التى تحتوى على روابط تخبر الزائر بمحتويات الموقع ، وتتنوع تصميمات القوائم على حسب تصميم قالب الموقع فالكثير يفضل القوائم المنسدلة ذات التبويبات المتفرعة خصوصًا إذا كان الموقع يحتوى على العديد من الأقسام والتصنيفات ، وبالرغم من أن العديد من القوالب الجاهزة تحتوى على قوائم منسدلة إلا أنه يفضل البعض تصميم تلك القوائم بأنفسهم على حسب خريطة الموقع لذلك سأوضح فى هذا الموضوع شرح لكيفية تصميم القوائم المنسدلة بالشكل الذى يناسب موقعك.

هو برنامج مجانى لتصميم القوائم المنسدلة ويعتمد على التعديل على النماذج الموجودة بالبرنامج عن طريق إضافة النصوص والروابط
تحميل البرنامج من الموقع الرسمى: css3 menu
ترخيص البرنامج: Free version

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


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


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


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

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

وسأشرح مثال توضيحى عن خطوات إستضافة ملف قائمة منسدلة مصممة ببرنامج 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] فى إستضافة القائمة

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

بقلم Dr.R.O

هوايتى التقنيةوالجرافيكس وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة
لمزيد من مقالاتى تابع هـــنا

إقرأ المزيد http://www.condaianllkhir.com/2014/09/css-dropdown-menu.html#ixzz3M3wlg400
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://asdd.ahladalil.com
 
قوائم منسدله
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: المنتدى الرابع :: التقنيات المتقدمه-
انتقل الى:  
Loading...


دردشه منبثقه



استضافه المنتديات
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
تواصل اجتماعي منسدله
محترفي البلوجر



ــــــــــــــــ ،، «®°•.¸.•°°•.¸.•°™احمل تصاميمنا على موقع هيت سكن ™°•.¸.•°°•.¸.•°®» !

آلموضوع تصاميمنا على هيت سكن
گآتپ آلموضوع آلقسم آلمشرفين ملآحظآت
جميع ""ما صممناه..على ::هيت""سكن

♣ آخپآر " » آلّ عپق " إدآرة عَپقنآ
منتدياتنا

Icon Icon Icon Icon Follow Me on Pinterest

spice up your blog