حصريا - نسختي المحمولة من برنامج تصميم قوائم css للمواقع

[abohmam]

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

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

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

حياكم الله جميعا

سوف نبدا طرح بعض البرامج العامة فى تصميم المواقع وتحرير الأكواد وإنشاء القوائم بلغة Java و css وكذلك القوائم الفلاشية

وإنتهيت من تحويل أول برنامج ليعمل بدون تنصيب ولله الحمد وهو يحتوى على أكثر من 50 قائمة جاهزة

http://www.abc4web.net/vb/uploaded/1_11266939729.png (http://www.abc4web.net/vb)

abc4web_CSS-Tab

http://www.abc4web.net/vb/uploaded/1_11266937914.png (http://www.abc4web.net/vb)

فقط كل ماعليك فعله هو تغير عناوين وروابط القوائم

بخصوص القوائم الرأسية لتحويل القائمة من اليمين إلى اليسار نضيف كود صغير فى الإستايل بعد الحصول على صفحة القائمة

نبحث عن هذا الكود


#menu {


ونضيف بعده هذا الكود


direction: rtl;


فإذا وجدنا القائمة ذهبت كثيرا الى جهة اليمين نقوم بإزاحتها قليلا جهة اليسار بإضافة هذا الكود تحت السابق


padding-right:10px;


طبعا سنتابع دورة لغة CSS للتحكم بإحتراف في جميع القوائم

وللكتابة بالعربية بعد الحصول على القائمة تستطيع تغير ترميز الصفحة إلى الترميز العربي وستظهر الكتابة العربية بدون مشاكل

ابحث عن هذا الكود


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

وقم بإستبداله بهذا الكود

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">


وستكون هذه هي النتيجة

http://www.abc4web.net/vb/uploaded/1_11266939230.png (http://www.abc4web.net/vb)

إن شاء الله مع التمرين ومتابعة الدروس سيكون الأمر سهل جدا

أما بخصوص القوائم الأفقية فالأمر سهل يكفينا فقط تغير إتجاه الكتابة من اليمين إلى الشمال rtl

=====/ معلومات التحميل \=====
الحجم = 3 ميجا
:download:

التحميل من المرفقات

:morfqat:

:bar:
.

أتمنى ان اكون قد قدمت لكم مايفيدكم ونرى المحترفين متألقين

ولاتنسونا من صالح دعائكم

ترقبوا قوائم الجافا والقوائم الفلاشية إن شاء الله
.
أبوهمام
.

[محمود عفيفى]

تسلم الأيادى أخى أبو همام وجزاك الله خير الجزاء
جارى التحميل بإذن الله:abc_152:

[abohmam]

حياك الله أخى محمود

أتمنى لك التوفيق والسداد ونرى قوائم إحترافية ان شاء الله

[أبو يوسف]

جزاك الله خيرا أخي الكريم على هذا الجهد المميز

[كينج نت]

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

مشكور اخي العزيز أبوهمام

أكيد ستختصر علينا عناء طويل بمتابعة الدروس

من خلال هذا البرنامج الجميل والمفيد

جاري التحميل والاستفاده جزاك الله كل خير

.

[abohmam]

حياكم الله أخى أبو يوسف وكينج نت

جزاكم الله خيرا على المرور والتواصل

بالتوفيق

[الهمام]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سيرين ملكة زماني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[رائد ابو فيصل]

بارك الله فيك

موفق بإذن الله ... لك مني أجمل تحية .

[المبدع مول]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ذوالجناح]

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

[الدمشقي]

رائع ومفيد
سلمت يداك الكريمة أخي أبو همام
لك مني كل الود
:abc_138:

[الأسطورة]

جاري التجريب وشكرا

[خالد المصرى]

جزاك الله خيرا

[خالد المصرى]

جزاك الله خيرا

[abohmam]

حياكم الله جميعا إخواني

أشكر لكم مروركم العطر وتواصلكم الجاد

موفقين لكل خير ان شاء الله

[كويمكس]

جزاك الله خيرا أخي

[فارس اليراع]

جزاك الله خيرا أخي الكريم على هذا الجهد المميز

[سامى بكر]

جزاك الله خيرا

[فلسطيني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[دكتور فايروس]

شكرا عزيزي على هذا البرنامج الرائع
في وقته

[toufik_alg]

تسلم الأيادى أخى أبو همام وجزاك الله خير الجزاء

[علاء الطنطاوى]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[كاسبر]

جزاك الله خيرا أخي الكريم

[جمال رشدى خطاب]

بسم الله الرحمن الرحيم
تسلم الأيادى أخى أبو همام وجزاك الله خير الجزاء

[سيد الدوانسي]

كنت محتاجه كتير ياغالي تسلم ايدك

[بيدو أبدو]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ايجى نيو]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[السائحي]

شكرا جزيلا
:abc_022::abc_022::abc_022::abc_022:

[أبو صخر]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[نوكيا]

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

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مستر ميشو]

برنـآمج رآئع جدآ ..

شكـرآ لكـ

[جروح بارده]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو عماد]

مشكوووووووووووووووووووووو وووووور

[الرباط]

thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaankz

[الأسطورة]

جميل من زمان افتش عنه

[مجاهد عصام]

الف شكر استاذى الفاضل

[سفياندر]

thank youuuuuuuuuuuuuuuuuuuu

[العاشق المحترم]

مشكوووووووووووور

[الاحساس والطيبة]

جزاك الله خير

[أبو فارس]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[وزير المنتدى]

الله يعطيك العافية وجزاك الله خير

[محمد عادل]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محمد عادل]

بسم الله الرحمن الرحيم
النسخة لاتعمل

[الشاعرعيد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مسمال]

الف شكر على لمجهود الطيب:abc_051::abc_051:

[محمد نبيل]

جزاك الله خيراً على المجهود الطيب

[ام هشام]

:abc_023:بارك الله فيك وجزاك الله كل خير

[محمد عادل]

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

[وليدو]

جارى التحميل بإذن الله

شكرا:abc_050:

[وليدو]

البرنامج لايعمل

[اها بس]

:abc_152:

يعطيك العافيه

[اشرف باشا]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو علي المغربي]

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

[امين محمد]

mciiiiiiiiiiiiiiiiiiiii

[مااازن]

جزاك الله خيرا أخي الكريم على هذا الجهد المميز

[هشام حاجي]

مشكور
مشكورمشكور
مشكورمشكورمشكور
مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكور
مشكورمشكورمشكور
مشكورمشكور
مشكور
و جازاك الله كل خير وجعله في ميزان حساناتك

[الاميرال]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محب الجنان]

ثانكيوووووووووووووووووووو ووووو

[أبو محمـد]

مشكوور الله يعطيك العافية

[امجد ف]

شكراً ، جزاك الله خيرا

[هدهود]

جزيل الشكر لكم و أثابكم الله أضعاف الجزاء

[المغربي الجديد]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين
موضوع جد جد هام لبرنامج لم أكن أعرف قوته ودوره الا أني بفضل الله ودروس أخونا محمود في دوراته الاخيرة عرفت مدى قيمة هذا البرنامج فهرعت لتحميله وفعلا تم ذلك والحمد لله
جعل الله عملك في ميزان حسناتك
تسلم الايادي
:abc_152:

[حمد محمد]

Ϟঊछঝঝछঊǁ|[الله يجزاك عنا كل خير]|ǁछঝঝछঊ

[ابو كميل]

مشكور والله يبارك فيك

[أبوووخالد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ايمن سالم]

شـكــ وبارك الله فيك ـــرا لك اخي ابو همام ... لك مني أجمل تحية .

[ابن بطوطة]

السلام عليكم ورحمة الله وبركاته
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية:abc_050: .

[الديراني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[داريوس]

حياك الله أخى

[الاغواط]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[شهاب الحمادي]

موفق بإذن الله ... لك مني أجمل تحية .

[نسيموووو]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[نور المناصير]

سلمت يداك يااخي

[abohmam]

بارك الله فيكم جميعا على هذا المرور العطر والتواصل الجاد

[نسمة الصباح]

بارك الله فيك

[أردني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[عمرو المصرى]

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

[أسد الجنوب]

شكرااااااااااا جزيلااااااااااا لكـــ:abc_152:

[أسد الجنوب]

merci :abc_051:

[اسامةطه]

شكرا و مزيد من التقدم

[أبوكريم]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ملك الشارت]

الحمد لله رب العالمين

[كامل السيد علي]

مشكورررررررررر

[الرحال الرحال]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . ألف مبروك

[وليد عملوق]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[فاطمة فلة]

شكرا على البرنامج

[تيفااا]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[البيتي]

مشكوووور اخوي ...

[محمد عادل]

للأسف بعد تصميم القائمة
وعمل الخطوات السابقة
لم تعرب القائمة
هل توجد حلول اخرى
ولكم جزيل الشكر

[عمرو محسن]

مشكووووووووووووووووووووور

[أسد الجنوب]

:abc_028::abc_022::abc_145:السلام عليكم ورحمة الله وبركاته

[بريدك]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[بلاك هورسس]

شكرا لك:abc_138:

[بهاء حسينات]

اشكرك على هذا البرنامج وجزاك الله خيرا

[أمــــــيرة]

جزاكم الله كل خير بجد دى حاجة تحفة جدا هتوفر وقت كتير :abc_050:

[abohmam]

حياكم الله جميعا

أشكر لكم المرور العطر والدعاء

بالتوفيق

[ابو فاطمة]

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

صلى الله على سيدنا محمد صلى الله عليه وسلم

جزاك الله خير عيوني ياالغالي ابو همام ماقصرت

[مغترب]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[حــمــودي]

شكرا جزيلا لكي

[سمارت تريد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[حمزةالكنوني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[القصواء]

بارك الله فيك

[صيانة المشعل]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[عزوزز]

مشكوووووووووووووووووووووو وووووور

[علاء الفاتك]

موفق بإذن الله ... لك مني أجمل تحية .

[زوم سايت]

ممتاز ومجهود مميز

[الصعفاني]

مشكورعلى البرنامج

[ابو ميرا]

بارك الله فيك

موفق بإذن الله ... لك مني أجمل تحية .

[ادهم اياد]

جزيل الاحترام

[شرنوبي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية
جاري التجربة

[heba_o77]

يسلمووووووووووووووووووووو ووووووووووا

[خالد الرماح]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[علي التائب]

مشكور جدا على البرنامج

[حسينتيك]

مشكوووووووووووووووووووووو ووووووووووووووووووووووووو وووووور اخي على البرنامج الجميل

[حازم صبرى]

thanxxxxxxxxxxxxxxxxxxxxx
:abc_139:

[بنعريب]

:abc_022: شكرا جزيلا

[محمود فقيه]

مشكور على البرنامج

[فوركيدز]

:abc_050::abc_012:

[ckarim]

:abc_156: شكرا .............

[ملاك الحاسوب]

مشكور عزيزي وجزاك الله كل خير .

[فخرالدين سليمان]

بارك الله فيك

[عبدوالجوكر]

بارك الله فيك

[نسيم الشوق]

بارك الله فيك

[مصطفى شقوره]

مشكوررررررررررررررررررر

[يونس يونس]

merdtina merdtina merdtina merdtina:abc_085:

[هاوي الاحتراف]

سلمت يداك

:abc_005::abc_005::abc_026::abc_026:

[يسينسكورة]

الف شكر على الطرح الجميل و على الموضوع القيم الى الامام

[يسينسكورة]

جزاك الله الف خير واطال قي عمرك

[على المقدم]

الف شكرررررررررررررررررررررر

[فيصل الفهد]

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

موفق بإذن الله ... لك مني أجمل تحية .

[مهند ام تي دي]

جزيل الشكر لحضرتك

[مؤيد الامين]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[الخفير القاتل]

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

[بيرق العز]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
:abc_152:

[المصمم العراقي]

شكرا على هذا الموضوع الرائع ننتظر المزيد

[مخاوي الريم]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[عشق حياتى]

تسلم الأيادى أخى أبو همام وجزاك الله خير الجزاء
جارى التحميل بإذن الله

[درب الخطر]

شكككرا لللك :abc_152:

[العروبي]

مجهود كبير ابو همام بارك الله فيك

[انثى الرماد]

حقاً انك اكثر من رائع اخي ابو همام
بارك الله فيك

[العمر هوست]

مشكووووووووووور جدا تسلم ايدك

[وائلجابر]

ألف شكر على مجهودك

[وائلجابر]

أنت عملت كل ده عشان تضيع وقتنا , أنت حاطط برنامج وهمى و ماحدش شافك بعد المشاركة , لما أنت مش أد المشاركة والمنتديات ماكنش ليه لازمة من الأول , وسختم سمعة المنتديات العربية

[زيادسعد]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[الندي هوست]

السلام عليكم ورحمة الله وبركاته
مشكور علي البرنامج الرائع

[احياني عليك]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[النقر]

مشششششششششششششكككككككور

[هاميس سات]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[الرائد توتو]

شكرا لك اخى الكريم

[مـــنى]

ان شاء الله يكون في قوالب عرضية

[مـــنى]

الرابط محذوف

[مهدي مهدي]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[abohmam]

الرابط محذوف

حياكم الله جميعا

جارى إنشاء إصدارة تقبل على العمل على ويندوز 7 - 8 ورفع البرنامج من جديد ان شاء الله

[abohmam]

حياكم الله جميعا

تم رفع البرنامج فى المرفقات فى المشاركة الأولى

أتمنى للجميع التوفيق

[حسن جلال]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين

[عبـودي]

موفق بإذن الله ... لك مني أجمل تحية .

[محمد مادارا]

تسلم الأيادى أخى:abc_139:

[الطائي]

بارك الله فيك

[سليمان الفحلي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
جاري التحميل ولي عودة مع التطبيق

[سليمان الفحلي]

بسم الله الرحمن الرحيم
هذا تطبيقي
http://www2.0zz0.com/2013/05/20/09/151817561.png
كان بودّي جعل تلك المربعات البرتقالية جهة اليمين لكن ما باليد حيلة

[ميويا]

مشكوووووووووووووووووووووو ووووووور يا اخي العزيز:abc_052:

[ضيعاوي]

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

[abohmam]

جزاكم الله خيرا جميعا إخوانى

أشكر لكم هذا المرور العطر والتواصل الجاد

بالتوفيق

[عبد الرحيم موهبة]

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

[داعي الخير]

جزاك الله خيرا

[mester]

شـكــ وبارك الله فيك ـــرا لك ...
, و الله الموفق لك مني أجمل تحية

[صخر الجبالى]

شكرا على المجهود وبارك الله فيك

[كاو دهوكي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[رهـام]

مشكور أخي على هذا البرنامج الرائع:abc_052:

[ميقاتيفي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شكرا لك على البرنامج

[بولبابة]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_138::abc_138::abc_138::abc_138:

[الأسطورة]

السلام عليكم ورحمة الله وبركاته
جاري التجربة
شكرا:abc_114:

[زوهير]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .