ستة قوائم افقيه لمدونات بلوجر

تقنية الجي كويري الاخف من اي صيغ أكواد اخرى كما انها الاكثر اناقة .. اليوم لدينا 6 قوائم افقية في 

قمة الاحترافية بتقنية الجيكويري بمختلف الالوان الملائمة لمدونتك او موقعك لاضافة صفحات المدونة او التصنيفات ..

طريقة تركيب هذه الإضافة سهلة جدا لاضافة القائمة نمر بالمراحل الثلاث التالية: 1_ اضافة السكريبت  2_ اضافة تاثيرات المغلق 3_ اضافة القائمة . 1 اضافه السكريبت  من لوحة تحكم بلوجر اذهب ل تصميم >> تحرير HTML ابحث عن: </ رئيس> بعد ايجاد الكود اعلاه ضع فوقه مباشرة الكود التالي: (ملحوظه آن كنت قد ركبت مسبقا كود  الجيكويري فى مدونتك فانت لستبحاجه لوضع الكود ذو اللون الاحمر)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> </ النصي> <النصي SRC = "العنوان التالي : / / code.helperblogger.com / lavalamp-menu.js "نوع =" نص / جافا سكريبت "> </ البرنامج النصي>

2 اضافة تاثيرات.  المغلق

ابحث عن:  ]]> </ ب: الجلد>

ثم نلصق الكود اسفله فوقه مباشرة:

/ * LAVALAMP

 MENU BY http://www.helperblogger.com/ ستارت * /. lavalamp {     

الموقف: النسبية؛ الحدود: 1PX الصلبة # d6d6d6؛ الخلفية: # الاتحاد الفرنسي؛

     الحشو: 15px؛ - بكت مربع الظل: 0 3PX 6PX RGBA (0،0،0، .25)؛  

- ماعوز مربع الظل: 0 3PX 6PX RGBA (0،0،0، .25)؛ حد راديوس: 10px؛   

  - ماعوز الحدود راديوس: 10px؛ - بكت الحدود راديوس: 10px؛     

خلفية: - بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، 

من (RGB (240240240))، إلى (RGB (204204204)))؛ خلفية: 

- ماعوز - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (240240240))، 

ل (RGB (204204204)))؛ الطول: 18px؛ الخط بين أفراد الأسرة: Calibri؛ }  

. أرجواني {خلفية: RGB (190،64،120)؛ خلفية: 

- بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (190،64،120))، 

ل (RGB (177،24،91)))؛ خلفية: - ماعوز - الانحدار (خطي، أعلى اليسار، اليسار 

أسفل، من (RGB (190،64،120))، إلى (RGB (177،24،91)))؛ الحدود: 1PX الصلبة 

# 841144؛ } {سماوي الخلفية: RGB (64181197)؛ خلفية: 

- بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (64181197))، 

ل (RGB (7165187)))؛ خلفية: - ماعوز - الانحدار (خطي، أعلى اليسار، اليسار 

أسفل، من (RGB (64181197))، إلى (RGB (7165187)))؛ الحدود: 1PX الصلبة 

# 2f8893؛ } {الأصفر الخلفية: RGB (255،199،79)؛ خلفية: 

- بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (255،199،79))، 

ل (RGB (255،188،43)))؛ خلفية: - ماعوز - الانحدار (خطي، أعلى اليسار، اليسار

 أسفل، من (RGB (255،199،79))، إلى (RGB (255،188،43)))؛ الحدود: 1PX الصلبة

 # c08c1f؛ } {البرتقالي الخلفية: RGB (255،133،64)؛ خلفية: 

- بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (255،133،64))، 

ل (RGB (255،107،24)))؛ خلفية: - ماعوز - الانحدار (خطي، أعلى اليسار، اليسار

 أسفل، من (RGB (255،133،64))، إلى (RGB (255،107،24)))؛ الحدود: 1PX الصلبة

 # c04f11؛ } {الظلام الخلفية: RGB (89،89،89)؛ خلفية: 

- بكت - الانحدار (خطي، أعلى اليسار، أسفل اليسار، من (RGB (89،89،89))، 

ل (RGB (54،54،54)))؛ خلفية: - ماعوز - الانحدار (خطي، أعلى اليسار، اليسار 

أسفل، من (RGB (89،89،89))، إلى (RGB (54،54،54)))؛ الحدود: 1PX الصلبة 

# 272727؛ }. لى والأرجواني و. سماوي لى لذلك،. لى أصفر، برتقالي لى ذلك، 

. لى مظلم {لون: # الاتحاد الفرنسي؛ النص الظل: 0-0 1PX RGBA (0،0،0، .40)؛ }  

. lavalamp {النص الديكور: لا شيء؛ اللون: # 262626؛     

خط الطول: 20px؛ } lavalamp المجاهدين {هامش: 0؛ الحشو: 0؛     

مؤشر ض: 300؛ الموقف: المطلق؛ }. لى lavalamp المجاهدين {     

قائمة على غرار: لا شيء؛ تعويم: غادر؛ مواءمة النصوص: مركز؛ }  

. lavalamp المجاهدين لى {الحشو: 0 20px؛ مواءمة النصوص: مركز؛ }  

. floatr {الموقف: المطلق؛ قمة: 10px؛ مؤشر ض: 50؛     

العرض: 70px؛ الطول: 30px؛ حد راديوس: 8px؛     

- ماعوز الحدود راديوس: 8px؛ - بكت الحدود راديوس: 8px؛     

خلفية: RGBA (0،0،0، .20)؛ - بكت المرحلة الانتقالية: كل ق .4 

سهولة في الخروج؛ - ماعوز المرحلة الانتقالية: كل .4 و سهولة في الخروج؛ } / * LAVALAMP 

MENU BY http://www.helperblogger.com/ END * /

الآن إضغط على زر حفظ القالب 3. اضافه القائمه من تصميم >> عناصر الصفحة اضافه اداة (اسفل الهيدر) اختر اداة  HTML / جافا سكريبت انسخ ثم الصق الكود اسفله

<div class="lavalamp dark">

 <UL>

  <li class="active"> <a href="">  الرئيسية  </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> عن </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> مدونة </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> خدمات </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> محفظة </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> اتصالات </ أ> </ لى>

  <li> قم قم <أ أ أ href = "  #  "> العودة ألي  المادة </ أ> </ لى>

  <li> قم قم << لأ أ href = "  #  "> كيف يعمل؟ </ أ> </ لى>

 </ UL>

 <div class="floatr"> </ شعبة>

</ DIV> 

والان لم يتبقى سوى تخصيص القائمة:

استبدل # بروابط صفحاتك

استبدل  الوطن، معلومات، خدمات  ... بصفحاتك الخاصه، عملا رغبتك

اما لتغيير لون القائمه استبدل  <شعبة الطبقة = "lavalamp الظلام" > باللون المناسب في القوائم اسفله:

<div class="lavalamp">
<div class="lavalamp magenta">
<div class="lavalamp cyan">
<div class="lavalamp yellow">
<div class="lavalamp orange">
<div class="lavalamp dark">

  

والان نحفظ الاداة و مبروك عليك