شرح تصميم هيدر موقع ويب مع الازرار

[كينج نت]

http://www.abc4web.net/vb/imgcache/8227.abc4web.gif

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

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

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

بكل الحب والخير أسعد الله جميع أوقاتكم وأهلاُ بكم

يسرني اليوم ان اقدم لكم هذا الشرح المتواضع والمفيد للجميع بإذن الله تعالى

~¤ô§§§§[ تصميم هيدر موقع ويب + ازرار ]§§§§ô¤~

مع القلق الشديد على ألا يرتقي الشرح للمستوى الذي يسمح له بالطرح بطريق الاحتراف

مستوى الدرس ـ ـ متقدم
إصدار فوتوشوب ـ ـ CS4 - CS3 - CS2 - CS

نتوكل على الله ونبدأ وإياكم شرح هذا الدرس بدون تطويل

افتح برنامج الفوتوشوب وافتح صفحة عمل جديدة بالمقاس والإعدادات الموضحة بالشكل التالي

http://www.abc4web.net/vb/imgcache/8228.abc4web.gif

ملاحظة: لاتتقيد بأحجام الصور أو النصوص بالشرح لأني قد أقوم بتصغيرها للتنسيق

المهم أن تتقيدوا بتطبيق نفس القيم والإعدادات كما يتم توضيحها خلال الشرح

بعد أن قمنا بفتح صفحة العمل الجديدة نملئ خلفية الطبقة بالون الرماديe1e1e1

ثم نقوم باختيار أداة الرسم البيضوية Rounded Rectangle Tool

ونقوم بعمل شكل مشابه للشكل الموضح بالصورة التالي

http://www.abc4web.net/vb/imgcache/8229.abc4web.gif

بعد ذلك نقوم بتغيير اسم الطبقة لاسم headr للتمييز بشكل أكثر وعدم اختلاط الأمور علينا

http://www.abc4web.net/vb/imgcache/8230.abc4web.gif

الآن سنقوم بتطبيق المؤثرات المطلوبة على طبقة headr كما سنشاهد بالأشكال التالية

مع مراعاة الانتبـاه بشكل جيـد للإعدادات والقيـم الموضحة بكـل شكل كما هـوى موضـح

Drop Shadow

http://www.abc4web.net/vb/imgcache/8231.abc4web.gif

Gradient Overlay

http://www.abc4web.net/vb/imgcache/8232.abc4web.gif

Stroke

http://www.abc4web.net/vb/imgcache/8233.abc4web.gif

الآن يفترض أن يكون قد أصبح لديك الشكل التالي بعد تطبيق المؤثرات السابقة

http://www.abc4web.net/vb/imgcache/8234.abc4web.gif

الآن نقوم بإنشاء طبقة جديدة ونطلق عليها اسم Glass لنضيف لمعة زجاجية للشكل

بعد إنشاء طبقة Glass نقوم بتحديد الشكل بطبقة headr ويتم ذلك من خلال الضغط على

مفتاح Ctrl والضغط على الطبقة بزر الماوس الأيمن مع التنويه لأن العمل على طبقة Glass

بعد عمل التحديد نقوم باختيار أداة Rectangular Marquee Tool مع اختيار الإعدادات

الموضح بالشكل التالي

http://www.abc4web.net/vb/imgcache/8235.abc4web.gif

بعد ذلك نقوم بحذف النصف السفلي من التحديد كما يوضح لنا الشكل المتحرك التالي

http://www.abc4web.net/vb/imgcache/8236.abc4web.gif

بعد ذلك نملأ التحديد بالون الأبيض ونغير خصائص اوبتكل الطبقة لنسبة Opacity %25

وللتنويه من يجيد استخدام أدوات الرسم Pen Tool يمكنه استخدامها لعمل منحنيات جميله

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

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

الآن نتابع وإياكم الشرح وننشأ طبقة عمل جديدة أسفل طبقة Glass ونطلق عليها اسم Mile

ونقوم باختيار أداة رسم الخط الأفقي Line Tool ونقوم برسم خط افقي مستقيم بحجم PX 2

مع مراعاة الضغط على مفتاح Shift بلوحة المفاتيح أثناء رسم الخط للحصول على خط مستقيم

كما يوضح لنا الشكل المتحرك التالي

http://www.abc4web.net/vb/imgcache/8237.abc4web.gif

بعد ذلك نقوم بتطبيق المؤثر Outer Glow على طبقة Mile بنفس القيم والإعدادات الموضحة

http://www.abc4web.net/vb/imgcache/8238.abc4web.gif

من المفترض الآن أن تكون نتيجة تطبيقك مشابهة للشكل التالي

http://www.abc4web.net/vb/imgcache/8239.abc4web.gif

الآن نقوم بإنشاء طبقة جديدة أسفل طبقة Headr ونطلق عليها اسم Button

بعد إنشاء الطبقة نقوم باختيار أداة الرسم البيضوية Rounded Rectangle Tool

ونرسم شكل مقارب للشكل الموضح بالصورة التالية

http://www.abc4web.net/vb/imgcache/8240.abc4web.gif

الآن نبدأ بإضافة المؤثرات المطلوبة للزر بحسب الإعدادات والخيارات الموضحة بالأشكال التالية

Drop Shadow

http://www.abc4web.net/vb/imgcache/8241.abc4web.gif

Gradient Overlay

http://www.abc4web.net/vb/imgcache/8242.abc4web.gif

Stroke

http://www.abc4web.net/vb/imgcache/8243.abc4web.gif

مع التنويه لأنه من يريد إضافة Glass لطبقة الزر يمكنه ذلك فالأمر كيفي ولك الحرية

أما أنا فأكتفي بهذا ودعونا نرى الترتيب النهائي للشكل ولوحة الطبقات معاً للتوضيح

http://www.abc4web.net/vb/imgcache/8244.abc4web.gif

وهذا شكل تطبيقي النهائي بعد توزيع الأزرار على التصميم بمايناسب تطبيقي

http://www.abc4web.net/vb/imgcache/8245.abc4web.gif

وكما تعودنا بشكل دائم مع أي تطبيق أو شرح فنحن نشرح المبادئ الأساسية للتصميم

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

http://www.abc4web.net/vb/imgcache/8246.abc4web.gif

أخيراً وفي ختام هذا الشرح أعتذر إليكم عن الخطأ والتقصير فهذا جهد بشري

وهــو معـرض للنقص والزيــادة فـإن وجدتــم فيــه ضالتكــم فالحمــد لله

وإن غير ذلك فتصدقوا على أخيـكــم بعفوكــم وصفحكــم عنــه فيما قصر

وإلى أن ألقاكــم بـموضــوع جـديــد لكــم منــي خالص الشكــر والتقـديــر

http://www.abc4web.net/vb/imgcache/8227.abc4web.gif

.

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

جزاك الله خيراً أخى كينج نت على المجهود الجبار :abc_138:
بإذن الله تساعدنا فى التركيب لأنه أصعب حاجه عندى
جارى التطبيق الان بإذن الله

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

تطبيقى

http://img693.imageshack.us/img693/2912/botta.png

[أبو يوسف]

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

ولكني بنص الطلعة وقفنا

بعد إنشاء طبقة glass نقوم بتحديد الشكل بطبقة headr ويتم ذلك من خلال الضغط على

مفتاح ctrl والضغط على الطبقة بزر الماوس الأيمن مع التنويه لأن العمل على طبقة glass

ما زبط معي القص ولا مفتاح الماوس مع العلم ان الإصدار الذي عندي cs4

[كينج نت]

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

ماشاء الله أخي العزيز محمود العفيفي

تفاعل سريع وتطبيق جميل جداً ماشاء الله

فقط يحتاج لبعض العناية ومراجعة القيم والمؤثرات بشكل جيد

للحصول على نتائج أفضل :abc_145:

موفق بإذن الله تعالى

:abc_138:

.

[كينج نت]

جزاك الله خيرا أخي وليد
ولكني بنص الطلعة وقفنا
ما زبط معي القص ولا مفتاح الماوس مع العلم ان الإصدار الذي عندي cs4

حيلك الله اخي العزيز ابويوسف

ياباطل كيف توقف بنص الطلعة احذر من الانزلاق للخلف

خليك داعس فرامل وشد فرام اليد بشكل جيد

ريثما تصلك النجده وتعملك زقى لتنتهي وتطلع بخير وسلامة :abc_145:

بالنسبة لسؤال اخي ابويوسف مافي مشكله اي اصدار كان يكن

وعلى مافهمت من السؤال انه تم التحديد ولكنك لم تفلح بالقص

ونعيد لعيونك الضغط سيكون على طبقة headr ليتم تحديد الشكل

ولكن الطبقة المفعله طبقة glass

طبعاً كما ذكرنا نضغط مفتاح Ctrl وبزر الماوس على الطبقة للتحديد

بعد ذلك تاكد من الخيار الموضح بالشكل

http://img190.imageshack.us/img190/8103/headr8.gif

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

عندها سيتم حذف الجزء السفلي من التحديد

ارجوا ان اكون قد اجبت بمايناسب سؤالك

وعلى اي حال جرب وخبرني ولو لم تتمكن من الصعود

ماراح يعدي يومك على خير :abc_145:

اليوم شكلي منفتح الشهية لكثر الكلام

بالتوفيق جرب ورد علينى يطيب بالتوفيق.

:abc_152:

.

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

جزاك الله خيرا أخى كينج نت بإذن الله هعدل المقاسات
أنا ركبته بالفرونت بيدج بعد عناء طويييييييييييل
ياريت لو تلقى نظره عليه خصوصا الناحيه اليسرى

وده عصير ليمون علشان مش تتعصب من الأخطاء :abc_145:
http://t1.gstatic.com/images?q=tbn:BP_5b_XA_S30fM%3Ahttp://www.z6zz.com/up/uploads/images/zb035f9c7d7.jpg (http://images.google.com.eg/imgres?imgurl=http://www.z6zz.com/up/uploads/images/zb035f9c7d7.jpg&imgrefurl=http://www.z6zz.com/vb/t25382.html&usg=__dsDmVkkF54qLH48_qzrtbQf86vU=&h=338&w=392&sz=39&hl=ar&start=5&um=1&tbnid=BP_5b_XA_S30fM:&tbnh=106&tbnw=123&prev=/images%3Fq%3D%25D8%25B9%25D8%25B5%25D9%258A%25D8%2 5B1%2B%25D9%2584%25D9%258A%25D9%2585%25D9%2588%25D 9%2586%26hl%3Dar%26sa%3DG%26um%3D1)

[كينج نت]

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

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

حياك الله اخي العزيز محمود العفيفي

هذه المرة سماح ماراح ندقق نفوتهالك مرة تانيه

نشغل العصى بشكل مباشر وما نتهاون ابداً :abc_145:

اليوم معليش اعذروني بس اليوم شكلي اداعبكم ومزاجي :abc_051:

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

بما انه تجريبي ومحاولات ولكن من باب الاحتياط

فيما رغبت الاعتماد فعليك مراعات

1- التطبيق للشرح بشكل افضل من هذا لتكون نتيجه جيده جداً

2- تقطيع وتركيب بشكل افضل مع الانتباه الشدشد للخلل الموجود :abc_088:
ألا وهوى عدم تساوي القطع الذي ينبغي ان تكون متساوية الابعاد

3- الهيدر بتصميمك عريض أكثر مما ينبغي وكذلك الازرارمما يفقده التصميم جماله واناقته
اعتقد لو صغرتهم بعض الشيء ستحصل على شكل افضل

4- الهيدر غير متساوي مع الفوتر فهنالك تباعد بالمقاسات

6- مادام تصميمك ثابت ولا يوجد به نقاط تمدد لاداعي لكل هذه القطع
وكذلك لم يتم التقطيع بالشكل السليم

كافي عليك هذا الآن :abc_102:

شكلنا نحول الموضوع لغير ماهوى مخصص :abc_145:

اما بالنسبه للتقطيع والتركيب يمكنك مراجعة الدوره المقدمه

من اخينا خالد صبح جزاه الله كل خير بدرس التقطيع والتركيب
للاطلاع والاستفاده مــــن هــنــا (http://www.abc4web.net/vb/showthread.php?t=5879)

بالتوفيق بإذن الله تعالى

اما الأخ ابويوسف لازلت انتظره وين يهرب مني

ولم نعلم هل انتهى من الطلعه ام مازال متوقف

لأننا ارسلنا له عربية نجده ولكن للاسف تم قطع الاتصال المباشر :abc_122:

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

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

حفظك الله اخى كينج نت
بإذن الله سيتم الإنتباه فى المرات القادمه وسأعيد التصميم والتركيب من جديد :abc_145:

[أبو يوسف]

أنا موجود ولكني في الهيجاء ما جربت سيفي ..ولكني في الهريبة كالغزال


لم أرد ان أقول لك حتى بالتوضيح الذي ذكرته ما زبط معي ؛ لأني يا دوب سامع بالفوتوشوب من بعيد

راح اجيب خالد صبح يوم لعندي وأحبسه حتى أعرف بعض الأدوات وكيف تستخدم


http://www.abc4web.net/vb/uploaded/407_11263062335.png (http://www.abc4web.net/vb)

[الراعي]

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

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

http://dc06.arabsh.com/i/00978/e2r29yfi4n13.gif

[كينج نت]

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

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


حياك الله اخي العزيز ابويوسف

افتقدناك فقلنا نطمن عليك ولكن يبكون العقاب للكادر الاسعافي الذي ارسلته :abc_017:

فعلى مايبدو لم يقم بمهامه بالشكل المطلوب

نعزز لك الاسعافات ونرسل لك كادر من الدرجة الثانية :abc_088:

هذا شرح فلاشي أخي ابويوسف ان شاء الله ينفع يفي بالمطلوب وتنتهي بخير وسلامه

WIDTH=534 HEIGHT=534

أنا موجود ولكني في الهيجاء ما جربت سيفي ..ولكني في الهريبة كالغزال

لامجال للهروب بطريق الاحتراف يطيب :abc_092:

فالجميع اقوياء بعون الله تعالى

وليسى من شيم العرب الهروب بل المضي قدماً اما الشهادة او النصر :abc_145:

ارجوا ان يكون الرد شافي ويحقق المامول بانتضار ردك

اليوم فاضيلكم وماوراي اي شيء :abc_134:

بالتوفيق لك وباقي الاخوى جميعاً بإذن الله تعالى

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

.

[كينج نت]

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
جزاك ربي الجنة أخي الفاضل على الدرس الجميل والقيم .....
هذه محاولة لتطبيقه على مقتضى ما تم شرحه ...وهو تطبيق مفتوح لتوجيهاتك .
http://dc06.arabsh.com/i/00978/e2r29yfi4n13.gif

حيلك الله اخي العزيز الراعي

اشكر لك مرورك الكريم وتواصلك العطر

جزاك الله والجميع بمثل مادعوة اخي العزيز

ماشاء الله تطبيق جميل مثل الشخص الذي طبقه :abc_138:

بالتوفيق لك وباقي الاخوى جميعاً بإذن الله تعالى

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

.

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

معلش تقلنا عليك
ايه افضل مقاس للستايل ككل؟

[أبو يوسف]

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

اليوم كله اتفرغت لهذا الموضوع والآن إنتهيت


http://www.abc4web.net/vb/uploaded/407_11263070575.jpg (http://www.abc4web.net/vb)

[Khaled J. Ahmad]

ماشاءالله عليكم مبدعين ان شاء الله اتفرغ واطبق :abc_138:

[كينج نت]

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

معلش تقلنا عليك
ايه افضل مقاس للستايل ككل؟


حيلك الله اخي العزيز محمد العفيفي

لاتعب بإذن الله لطالما نقدم لكم المساعده بما يقدرنا عليه الله

بالنسبة لسؤالك أخي العزيز عن المقاسات

بالنسبة للتصميم الغير ممدد

780

دقة الشاشة 800

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

هذا باختصار لكي لانذهب بعيداً عن شرح التصميم .

بالتوفيق لك وباقي الاخوى جميعاً بإذن الله تعالى

:abc_139:


http://www.abc4web.net/vb/uploaded/28_11256767388.gif

.

[كينج نت]

http://www.abc4web.net/vb/uploaded/28_11256767388.gif

جزاك الله خيرا أخي وليد
اليوم كله اتفرغت لهذا الموضوع والآن إنتهيت


حيلك الله اخي العزيز ابويوسف

حمداً لله على السلامة

جيد اننا وصلنا لنتيجه بالنهاية ولم يذهب يومنا بدون فائده

تطبيق جميل ماشاء الله

بالتوفيق لك وباقي الاخوى جميعاً بإذن الله تعالى

:abc_152:


http://www.abc4web.net/vb/uploaded/28_11256767388.gif

.

[Khaled J. Ahmad]

عدنا من جديد ... اولا | الف شكر اخي وليد لهذا الدرس الرائع | وكالعادة مبدع في شروحاتك لم ولن اقبل ان امر بدون تطبيق
وهذا تطبيق سريع تم اتخاذ الوان اخرى غير المشروحة لكن تم اعتماد القيم .
وان شاءلله اذا كان هناك مجال رح اكمله لستايل واعتمده لموقعي

رأيكم :abc_145:

http://www.abc4web.net/vb/uploaded/3929_11263078038.png ([URL]http://www.abc4web.net/vb)

[Khaled J. Ahmad]

طبعا ما رح ننسا الـ http://www.abc4web.net/vb/images/rating/rating_5.gif لانه موضوع مميز ويُثبت

[كينج نت]

http://www.raseel.net/kingnet/frm-raseel-1.gif

حيلك الله اخي العزيز خالد صبح

اشكر لك مرورك وتعقيبك الكريم

ماشاء الله تطبيق جميل شكلك وباقي الاخوه

تجعلوني اخجل من تطبيقي المتواضع امام تطبيقاتكم المميزة

بالتوفيق لكى وباقي الاخوى جميعاً بإذن الله تعالى

http://www.raseel.net/kingnet/frm-raseel-1.gif

.

[abohmam]

جزاك الله خيرا اخى كينج نت

دائما تبدع بدروسك الجيدة

أعتذر للتأخير فى وضع التطبيق وماكان ذلك إلا بسبب تواضع التطبيق !!!
ولكن أجمعت قوتي وقلت إن شاء الله نتقبل النقد والتوجيهات من الجميع

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

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

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

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

بارك الله فيك أخى وواصل سوف نتابع معك إن شاء الله تعالى

.

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

ما شاء الله
روعه أخى أبو همام

[أبو يوسف]

أخونا أبو همام أضاف بهارات غريبة علينا أو عليّ على الأقل

ولذلك عليه ان يعلمنا بدرس منفصل بعض هذه البهارات


.

[كينج نت]

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

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

ماشاء الله أخي العزيز أبوهمام تطبيق جميل

كما هوى معتاد الابداع دائماً

اما التوجيهات فلا نتجرأ يطيب للتوجيه او الملاحظات

وكما ذكر اخي ابويوسف

أخونا أبو همام أضاف بهارات غريبة علينا أو عليّ على الأقل

ولذلك عليه ان يعلمنا بدرس منفصل بعض هذه البهارات

فاتركك وباقي الاخوى لتتبيلت البهارات الجديدة

والفريده من مبدعنا اخي العزيزابوهمام :abc_145:

اشكركم جميعاً للمرور والتعقيب والتطبيق بالتوفيق للجميع

:abc_028:

.

[الدمشقي]

سلمت يداك أخي المبدع كينج نت
إلى مزيد من التألق
بارك الله بك

[كينج نت]

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

حياك الله اخي العزيز الدمشقي

منور الموضوع بمرورك الكريم يطيب

اشكر لك مرورك وكلماتك الطيبه

:abc_152:

.

[أبوالبراء]

جزاك الله خيرا أخى كينج نت بإذن الله هعدل المقاسات
أنا ركبته بالفرونت بيدج بعد عناء طويييييييييييل
ياريت لو تلقى نظره عليه خصوصا الناحيه اليسرى

وده عصير ليمون علشان مش تتعصب من الأخطاء :abc_145:
http://t1.gstatic.com/images?q=tbn:bp_5b_xa_s30fm%3ahttp://www.z6zz.com/up/uploads/images/zb035f9c7d7.jpg (http://images.google.com.eg/imgres?imgurl=http://www.z6zz.com/up/uploads/images/zb035f9c7d7.jpg&imgrefurl=http://www.z6zz.com/vb/t25382.html&usg=__dsdmvkkf54qlh48_qzrtbqf86vu=&h=338&w=392&sz=39&hl=ar&start=5&um=1&tbnid=bp_5b_xa_s30fm:&tbnh=106&tbnw=123&prev=/images%3fq%3d%25d8%25b9%25d8%25b5%25d9%258a%25d8%2 5b1%2b%25d9%2584%25d9%258a%25d9%2585%25d9%2588%25d 9%2586%26hl%3dar%26sa%3dg%26um%3d1)

والله روعة أخي عفيفي

[بلاك كينك]

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

[كينج نت]

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

حياكم الله اخواني جميعاً واشكر لكم مروركم الجميل وتواصلكم العطر

بالتوفيق للجميع بإذن الله تعالى

.

[محمود حبيب]

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

[أبو الوليد]

جزاك المولى خيرا أخي وليد..شرح ماتع وتطبيق رائع :abc_022:

[مهلهل]

بارك الله فيك

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

[ايمن سالم]

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

[عصام حمزة]

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

[أبو صخر]

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

[جروح بارده]

بارك الله فيك على المشااركه المميزة

وفقك الله

[إُلقنـآصّ]

بارك الله فيك اخي الفاضل

[كينج نت]

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

اشكركم على المرور الكريم

[الدموكي]

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