»---(¯`v´¯)---» منتدى كلاسيك »---(¯`v´¯)---»
اهلا وسهلا بك فى »---(¯`v´¯)---» كلاسيك »---(¯`v´¯)---»

اذا كنت عضو معنا فيرجى دخولك الى المنتدى بالضغط على زر الدخول

اما اذا كنت غير مسجل فيسعدنا بضغطك على زر التسجيل

مع تحيات الأمير المصرى

MOSTAFA KAMEL SAAD ABOHARGA


»---(¯`v´¯)---» كلاسيك »---(¯`v´¯)---»
 
الرئيسيةالبوابةالأعضاءالتسجيلدخول

أهلا وسهلا بك أخى الزائر فى عالم الأمير المصرى........إذا أردت التعلم من هذا المنتدى فإعلم انك دخلت عالم لا تستطيع الخروج منه وهو عالم الهكر فقط.......لأن عالمى بحر لا ساحل لهذا عليك ان تأخذ حذرك فى كل خطوة تخطوها فى هذا المنتدى...ولكن أريدك أن تسأل نفسك سؤال لماذا إخترت أن يكون منتداى هكر فقط ؟؟؟؟؟ أريد إجابه على هذا السؤال أخى الزائر فى أى موضوع ؟؟؟؟؟؟؟؟ تحياتى لكم..... الأمير المصرى//// مصطفى كامل سعد أبوهرجة,,,,,,,, تذكر أخى العزيز؟؟؟ سوف تتعب لو تلعب معى

 

 


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

dr.mostafakamel10@yahoo.com

قانون الهكر لا يحمى المغفلين
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» طريقة جلب ضحايا مئة الف زائر يهودي يوميا ,, ضحايا بالهبل ,, الحق
الجمعة ديسمبر 26, 2014 9:03 pm من طرف kemomo

» شرح برمجه صفحه مزوره لاي موقع تريده ((بالصور)) + برنامج لصنع الصفحات المزورة + شرح فديو
الأحد أبريل 20, 2014 6:56 pm من طرف freekurd2013

» ولأول مرة ...طريقة جديدة للإختراق بأغنية أو أي شيء
الأحد يناير 26, 2014 6:52 pm من طرف abo jaje m

» جميع برامج الهكر (الاختراق) لتحميل بروابط مباشرة متجدد دائما
الثلاثاء يناير 07, 2014 6:18 pm من طرف mohameddemon

» [جميع الدورات و اسطوانات الاختراق من هنا حصريا]
الجمعة نوفمبر 29, 2013 3:31 am من طرف Anis Gladiator

» حصريا تعلم المايا بالعربي صوت وصورة بثلاثه اسطوانات بحجم 1.550 جيجا تحميل مباشر
الأربعاء سبتمبر 25, 2013 11:18 pm من طرف agmelsafty

» oO[ البرنامج الرهيب في صنع الصفحات الملغومة
الخميس يناير 17, 2013 8:58 am من طرف جوكر

» أصلح أي عطل في جهازك بهذا البرنامج رااااااااائع جدا......أنصحك بالدخول
الإثنين نوفمبر 26, 2012 1:46 pm من طرف obhool

» حصـــرى :: نســخه Xp يمـــكن تسطيـــبها مـــن عـــلى الفـــلاشه :: بحـــجم 300 Mb :: مــع الشـــــــرح
السبت نوفمبر 17, 2012 3:59 pm من طرف obhool

ازرار التصفُّح
 البوابة
 الصفحة الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث
منتدى
www.el3sola.yoo7.com
احداث منتدى مجاني
المتواجدون الآن ؟
ككل هناك 1 عُضو حالياً في هذا المنتدى :: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 54 بتاريخ السبت يوليو 29, 2017 7:45 pm
www.el3sola.yoo7.com
احداث منتدى مجاني

شاطر | 
 

 درس تصميم ستايل منتدى بشكل احترافي

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

avatar

عدد المساهمات : 345
نقاط : 16814
تاريخ التسجيل : 06/05/2009
العمر : 25
الموقع : el3sola.yoo7.com

مُساهمةموضوع: درس تصميم ستايل منتدى بشكل احترافي   السبت مايو 01, 2010 12:11 am

سم الله وابدأ بفتح الفوتوشوب
نقوم بعمل جديد
بالمقاسات التالية
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
طبعاً الدروس تختلف عن كل دروس الإستايلات السابقة من المصممين
وسأوضح لك كيفية تحكمك في وضع تممد أو بدون تمدد
والدروس بنيت على طريقتي في تصميم الإستايلات
:::::::::::::::::
الآن نقوم باختيار الألوان المناسبة للإستايل
وسنقوم الآن بتصميم استايل معهد فوكس الجديد معاً
فأرجوا مراعاة الألوان
نقوم الآن برسم البنر
طبعاً الطريقة بدون نقط تمدد
ويمكننا الحصو على أشكال مميزة بأداة الباث
رسمت وطلع معي هالشكل مثلاً
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
نقوم بتدبيل الشكل
كالآتي
باضغط على الير بالزر الأيمن
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
وبعد حصولنا على ليرين
نذهب لللير الأسفل
وافعل ما ترى في الصورة
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
ستخرج لنا نافذة
إذهب إلى هذه الخيارات
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
كرر الخطوات السابقة
حتى ينتج لك شكل مقبول
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
الآن نذهب إلى باقي أجزاء البنر
ونقوم بعمل بعض الأفكار الجديدة .. والجميلة
لمسات بسطية تعطي التصميم جمال خيالي
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
تابع وأضف الأزرار
وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
شوف كيف طلع معي
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
طيب كذا تقرياً نعتبر خلصنا من البنر
طبعاً قصدي التصميم فقط
باقي كثيير تونا في بداية الطريق
نقوم الآن برسم
مستطيل .. كشيء جمالي للمنتدى
ونضيف عليه التأثيرات
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
الآن نقوم بتصميم أهم وزبدة الموضوع
وهي تصميم اطارات جداول المواضعيع
والناف بار وغيره ..
نقوم برسم مستطيل كالتالي
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
طبعاً بنفس المقاسات السابقة
نقوم بهذه الإعدادات
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
لاحظ اللمعة .. والتجسيم
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
بعد ذلك نقوم بإذافة الصور والداخلات
ويمكنك التحكم في ذلك عن طريق
CTRL+G
لاحظ
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
نقوم بعمل الأعمدة
ارسم مستطيلاً داخل الأول
ونقوم بوضعه عند الحافة
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
قم بالدخول على
استايل الطبقة
واختر التدرج اللوني
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
ثم كرر نفس الخطوات من الجهة الأخرى
وكذلك كرر خطوات
الإطار العلوي
شاهد ما نتج لدي
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
أما الآن نجي لتقطيع
سهل وما يحتاج اي شي
شوف الصورة
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]


قم باختيار الأداة كما في الصورة التالية

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

وقم بتقطيعه بالشكل التالي

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

وقم بحفظه من القائمة

file/save for web

ستفتح هذه النافذة

وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
للجودة

2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

ويمكنك ملاحظة الحجم كما هو محدد في الصورة

بعدها سوي حفظ وتكون انحفظت

::::::::::::::::::::::::::::::::

(( القســم البرمجـــــي ))

سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

ثم ننتقل للصفحات الداخية

forumdisplay

:::::::::::::::::::::::::::::::::

أولاً الهيدر ...

افتح برنامج الفرونت بيج

وافتح عمل جديد

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

واضغط على التعيمات البرمجية كما هو موضح بالصورة

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

كما بالصورة

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

الآن توجه ...إلى قائمة الجداول

وقم بعمل جدول 1 في 1

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

الآن قم بالضغط على الجدول بالزر الأيمن

واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية )

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

ستفتح لنا نافذة باشكل التالي

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

قم باستبدال .. التغيرات كما في الصورة الثانية

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

بعد ذلك

قم بإضافة الصورة داخل الجدول ( صورة البنر )

لاحظ...

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

اييه .. الحين جينا للشغل ..

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

بقولك ..سوي مثل ما أسوي ...

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر..

أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

حط فيها الكود على حسب الزر ...

وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر


الرئيسيه


كود: $vboptions[forumhome].php?$session[sessionurl]




المكتب ( لوحة تحكم العضو )


كود: usercp.php?$session[sessionurl]




التسجيل


كود: register.php?$session[sessionurl]




البحث


كود: search.php?$session[sessionurl]




التعليمات ( لا أنصح به .. إلا بعد ترقيع ثغرة faq.php )


كود: faq.php?$session[sessionurl]




قائمة الاعضاء ( لا أنصح به .. إطلاقاً )


كود: memberlist.php?$session[sessionurl]



التقويم ( لا أنصح به .. لحين صدور النسخة التي تلي 3.5.4 )


كود:calendar.php?$session[sessionurl]



الخروج... ( لا أنصح به علشان الأعضاء لا يطعوا ..... [وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط] أمزح وياكم )


كود: login.php?$session[sessionurl]do=logout





::::::::::::::::::

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

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

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

لاحظ
وقم بمحس كل المجلدات .. واترك فقط اسم الصورة

مثلاًُ هذا الكود

[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]

نقوم بمسح .. المجلدات ..( المسارات )

ونذهب إلى داخل vb وننشيء ملف جديد (ملف صور الإستايل )

مثلاً أنا سميته style-fox84

فيصبح رابط الصورة كالتالي

style-fox84/fox-fox-fox84_bnr.gif

ولا تنسى تحط الصورة داخل المجلد اللي سويته ..

وبعدها انسخ الكود ...

وروح به إلى تمبت header

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

وهكذا تكون قد أنهيت تركيب البنر .. وروابطه .. على تمبت الهيدر

لاحظ الصورة



:::::::::::::::::::

الحين نجي لشريط آخر عشر مواضيع عشــآن نخلص من الهيدر مرةوحدة

تذكرون ..يوم حفظنا تصميم .. شريط آخر عشر مواضيع ..

أنا سميته sddd.html

وراح أفتحه بالفرونت بيج ...

شوف



الحين فتحناه بالفرونت بيج ..

أبيك تصحصح ..وياي شوي .. الحين

شوف يا عزيزي

اضغط على الصفحة بعد فتحها بالزر الأيمن..

وقم بالتالي



وراح تطلع لك نافذة مثل هاذي

إذاهب إلى القائمة none

وعدلها للتالي



شوف شو صار ...

كل شي انقلب وخرب ؟؟

لا أطمنك .. احنا يوم اخترنا هذا الإختيار قمنا بعكس الصورة اليمنى بدل اليسرى

شوف الصورة



فهمت كيف ...

حنا ويش بنسوي بنرجع الصور كل وحدة لمكانها .. نجي مثلاًُ

عند الجدول ( الصورة اللي على اليمين )



ونضع بدل الصورة اللي شكلها مقلوب .. الصورة الأصلية ..



شفت كيف رجعت مثل ماكانت ...

سوي نفس الحركة على الصورة اللي في اليسار بعد ..

الحين بتقول فوكس ليش مسوي هاذي الزحمة كلها ؟؟

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

بتلاقي الدنيا عفسة اليمين يسار واليسار يمين...

فهمت كيف ..

الحين بنروح لشي مهم مرة

نروحج للصورة اللي في النص ..

اللي مفروض يتحرك فيها النص (آخر عشر مواضيع )

وامسحها شوف الصورة

لاحول ولا قوة إلا بالله ..

صارت لنا مشكلة ثانية ..

لا تخاف حلها عندي ...

وطرقت إلى هذه المشكلة لأن الكثر يعاني منها فهذه طريقة قمت بابتكارها بعد العذاب الذي

كنت أواجهه

شوف ياقلبي .. رجع كل اللي سويته .. (يعني الصورة اللي مستحهتا رجعها )

اضغط ctrl+z

طيب حدد على الصورة وخش وبعدها اضغط بازر اليمين عيها ..

واختار خصائص الخلية



بعدها ستخرج لنا نافذة كهذه

شوفها نجي عند اخلفية ونختار استعراض ونبحث عن نفس الصورة اللي محددين الخلية

حقتها



وعطه أوكي

الحين نخش على التعيمات البرمجية

شوف



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



ونقوم بلصقه .. في كود الخلفية

من بداية

images

بالشكل هذا



ونقوم بحذفكود الصورة

الحين نخش على التصميم في الفرونت بيج شوف كيف ظابت وحليو ماشاء الله

والمكان كأن مافيه صورة

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



ثم نذهب للتعليمات البرمجية

ونضغط على زري ctrl+f لكي نقوم بالبحث عن المسارات الغير المرغوب بها واستبدالها

باللتي نريد بكل سهولة

شوف الصورة



ثمكما فعلنا مع الهيدر اضغط بالزر اليمين .. ثم خصائص الجدول.. وعطه نفس
الإعدادات اللي سويناها علشان يومتركبه في المنتدى .. يكون ظابط (جاي في
النص )

::::::::::

ثم ننسخ الأكود من بداية





إلى نهاية



وضعها في آخر سطر في الهيدر

وهكذا نكون قد تمكن من الإنتهاء من الهيدر بشكل عام

::::::::::::::::::::::::::::

مذا تستفيد من ادرس ؟

1 - بهذه الطريقة تتمكن من اضافة اي شي.. في المنتدى ( أوسمة- إعلانات )

وبطريقة مميزة .

2 - قمت في الدرس بالتطرق إلى المشاكل التي تواجهة المصممين في العادة ذللك تبدوا الخطوات طويلة..

إلى أنها في منتهى السهولة ..وتستطيع القيام بها في وقت قياسي ... إذا تمكنت
من اجتياز تلك المشاكل ( الأخطاء )

وهذه الأخطاء تنتج عن .. ( نسيان المصمم لخطوات اساسية قبل البدأفي التصميم )

قبل أن تبدأ في تصميم استايل

تأكد من أن جسمك .. قد أخذ راحة كافية من النوم ..ولايكون هنالك مايشغل بالك..

::::::::::::::::::::::::::::::::::

أما في الدرس القادم .. بإذن الله

سنتطرق إلى جداول وأقسام المنتديات الفورم هوم.. وقد قمت بجعله درساً مستقلاً..

لكونه من أصعب الخطوات ..هو وتمبلت الناف بار ..

إلى حين ذلك الوقت .. أنا حاضر للرد على استفساراتكم ..

وخلونا نشوف تطبيقاتكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://el3sola.yoo7.com
 
درس تصميم ستايل منتدى بشكل احترافي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
»---(¯`v´¯)---» منتدى كلاسيك »---(¯`v´¯)---» :: اقسام المنتدى :: منتدى الكمبيوتر والانترنت :: منتدى البرامج المشروحة-
انتقل الى: