تراجع إلى الخلف   :: TRAIDNT FORUM :: > أقسام تعليم استايلات > دورات تعليم وتصميم الإستايلات > ركن أرشيف دروس الإستايلات

درس ستايل بدون تمدد .. وبدون تقطيع .. بالصوره ..هديه من بدر العنزي

بسم الله ( اللهم لاعلم لنا الا ماعلمتنا ) لكثرة الطلب من الاعضاء المبتدئين والمحترفين على حد سواء لمعرفة طريقة تصميم ستايل منتدى بدون منطقة

 
  #1  
قديمة 08 - 02 - 2006, 00:52 !! badr2005 !! غير متواجد حاليآ بالمنتدى
صورة '!! badr2005 !!' الرمزية
:: عضو نشيط ::
بيانات موقعي
اسم الموقع: المصمم بدر العنزي
اصدار المنتدى: مدونات
 







!! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !!
أرسل رسالة بواسطة MSN إلى !! badr2005 !!

بسم الله

( اللهم لاعلم لنا الا ماعلمتنا )

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

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

حبيت اشرح هذه الطريقه بشكل شبه مفصل

:::::: نبداء على بركة الله ::::::

نفتح الفوتوشوب ونصمم بنر وهيدر ( مربع علوي وسفلي ) بعرض 780 وارتفاع تحدده انت وليكن 130 لكلا من الهيدر والفوتر

نحفظ التصميم كلا لوحده على شكل صوره ...

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



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



نرجع بالضغط على زر تصميم بجانب زر تعلمات برمجيه .. ثم نضغط الزر الايمن باي مكان بالصفحه ونختار خصائص الصفحه



نحول الاتجاه يمين يسار



نضغط موافق . وندرج جدول بعامود واحد و3 صفوف



نضغط الزر الايمن بأي مكان بالجدول ونختار خصائص الجدول



نضبط الخيارات كما بالصوره ............. بالضبط .. وهنا لاحظ عرض الجدول 780 بكسل . والتوسيط للجدول .



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



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



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

نضغط على الصوره بالزر الايمن ونختار خصائص الصوره



ونغير العرض من بكسل الى النسبه المئويه ونجعل العرض 100 كما بالصوره



انتهى الدرس . ارجوا ان اكون وفقت بالشرح . لاي استفسار . لاتتردد

يوجد ملف مرفق للتطبيق .

تحياتي .....:::: بدر العنزي ::::



الدرس الأصلي هنـــــــــــــــا
!! badr2005 !!
الملفات المرفقة
نوع الملف : zip des-ksa-com.zip (68.8 كيلوبايت, عدد مرات المشاهدة 308 مرة)
توقيع !! badr2005 !!
  رقم المشاركة : [ 2 ]
قديمة 08 - 02 - 2006, 01:26 ولد السعوديه غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'ولد السعوديه' الرمزية
 


ولد السعوديه على طريق الابداعولد السعوديه على طريق الابداع
أرسل رسالة بواسطة MSN إلى ولد السعوديه
بيانات موقعي
اسم الموقع: منتديات المحبين
اصدار المنتدى: 3.7.2
افتراضي
وفقك الله يابدر

دايم مبدع مشاء الله عليك

تحياتي لك
ولد السعوديه
توقيع ولد السعوديه
( سُبْحَــــانَ اَلْلَــهُ وبٍحَمْــدٍة سُبْحَــــانَ اَلْلَـــهُ اَلْعَـظٍيــمْ )

اضف موقعك : دليل موقع المحبين
كل المواقع بقوقل ومتوافق مع seo
 
  رقم المشاركة : [ 3 ]
قديمة 08 - 02 - 2006, 02:10 !! badr2005 !! غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة '!! badr2005 !!' الرمزية
 


!! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !!
أرسل رسالة بواسطة MSN إلى !! badr2005 !!
بيانات موقعي
اسم الموقع: المصمم بدر العنزي
اصدار المنتدى: مدونات
افتراضي
حياك الله اخوي . ولد السعوديه

ومشكور على ردك

تحياتي
!! badr2005 !!
توقيع !! badr2005 !!
 
  رقم المشاركة : [ 4 ]
قديمة 08 - 02 - 2006, 02:17 وحيدالجزيرة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'وحيدالجزيرة' الرمزية
 


وحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدود
افتراضي
جزاك الله خير ..

سبق وطرحت نفس الطريقه ..

على هالرابط:
[شرح]...كيفية ضبط الستايل على أي دقة شاشه بدون منطقة تمدد..

بس في الإعادة إفادة..

وفقك الله..
وحيدالجزيرة
 
  رقم المشاركة : [ 5 ]
قديمة 08 - 02 - 2006, 03:45 !! badr2005 !! غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة '!! badr2005 !!' الرمزية
 


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

والعين ماتعلى على الحاجب وانا اخوك .... تقبل تحياتي . ومشكور على مرورك
!! badr2005 !!
توقيع !! badr2005 !!
 
  رقم المشاركة : [ 6 ]
قديمة 08 - 02 - 2006, 09:29 x_5 غير متواجد حاليآ بالمنتدى
x_5
:: TRAIDNT ::
:: رفيق الدرب ::
 
صورة 'x_5' الرمزية
 


x_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدود
بيانات موقعي
اسم الموقع: vbulletin.ae
اصدار المنتدى: :: مجتمع ترايدنت ::
افتراضي
الله يوفقك اخوي
x_5
توقيع x_5
‏​‏​كُنْ فيْ الْحياهْ كَعابر سبيلٍ وَاتْرُكْ وراءكَ كُل أثرِ جَميل
فَما نَحنُ فِيْ الدُنيا إِلَاضُيُوْف وَما عَلى الضيوْفِ إِلَاالرحيل
واحــد مـــ x_5ـــن النـاس ©
 
  رقم المشاركة : [ 7 ]
قديمة 08 - 02 - 2006, 11:09 ذيــ العيـن ــب غير متواجد حاليآ بالمنتدى
:: عضو شرف ::
 
صورة 'ذيــ العيـن ــب' الرمزية
 


ذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدودذيــ العيـن ــب مبدع بلا حدود
افتراضي
شرح رائع

تشكر عزيزي
ذيــ العيـن ــب
 
  رقم المشاركة : [ 8 ]
قديمة 08 - 02 - 2006, 13:23 لعيون خلاني غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


لعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدودلعيون خلاني نشاط بلا حدود
بيانات موقعي
اصدار المنتدى: 3.7.2
افتراضي
كما قال أستاذنا وحيد الجزيرة في الإعادة إفادة
زادك الله علماً يا أخي بدر
لعيون خلاني
توقيع لعيون خلاني
 
  رقم المشاركة : [ 9 ]
قديمة 08 - 02 - 2006, 21:23 !! badr2005 !! غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة '!! badr2005 !!' الرمزية
 


!! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !! !! badr2005 !!
أرسل رسالة بواسطة MSN إلى !! badr2005 !!
بيانات موقعي
اسم الموقع: المصمم بدر العنزي
اصدار المنتدى: مدونات
افتراضي
الله يعطيكم العافيه .. ومشكورين على مروركم

تحياتي
!! badr2005 !!
توقيع !! badr2005 !!
 
  رقم المشاركة : [ 10 ]
قديمة 08 - 02 - 2006, 22:14 @أبو عبد الملك@ غير متواجد حاليآ بالمنتدى
:: عضو فعال ::
 


@أبو عبد الملك@ يستحق التميز
افتراضي
يعطيك العافيه
@أبو عبد الملك@
 
  رقم المشاركة : [ 11 ]
قديمة 09 - 02 - 2006, 02:47 shabarabi غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


shabarabi يستحق التميز
افتراضي
الله عليك
انت فناااااااااااان

جزاك الله خيرا
shabarabi
 
  رقم المشاركة : [ 12 ]
قديمة 10 - 02 - 2006, 02:24 أمير المحبة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'أمير المحبة' الرمزية
 


أمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدود
أرسل رسالة بواسطة MSN إلى أمير المحبة
بيانات موقعي
اسم الموقع: روضة المحبة
اصدار المنتدى: VB 3.6.9
افتراضي
شكرا على الشرح يا الغالي

ولكن ما وضحت لنا عن العمــود ؟؟ اللي يكون باليمين واليسار ..

ولو كان الهيدر فيه لمعات وحركه .. عادي او لا ؟

اتمنى تردو علي بسرعه يا الغاليين
أمير المحبة
توقيع أمير المحبة
 
  رقم المشاركة : [ 13 ]
قديمة 10 - 02 - 2006, 14:08 أمير المحبة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'أمير المحبة' الرمزية
 


أمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدود
أرسل رسالة بواسطة MSN إلى أمير المحبة
بيانات موقعي
اسم الموقع: روضة المحبة
اصدار المنتدى: VB 3.6.9
افتراضي
انتظر الرد منكم ؟؟
أمير المحبة
توقيع أمير المحبة
 
  رقم المشاركة : [ 14 ]
قديمة 10 - 02 - 2006, 20:11 أمير المحبة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'أمير المحبة' الرمزية
 


أمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدودأمير المحبة نشاط بلا حدود
أرسل رسالة بواسطة MSN إلى أمير المحبة
بيانات موقعي
اسم الموقع: روضة المحبة
اصدار المنتدى: VB 3.6.9
افتراضي
؟؟؟؟؟؟؟؟
أمير المحبة
توقيع أمير المحبة
 
  رقم المشاركة : [ 15 ]
قديمة 10 - 02 - 2006, 21:08 وحيدالجزيرة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'وحيدالجزيرة' الرمزية
 


وحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدودوحيدالجزيرة مبدع بلا حدود
افتراضي
اقتباس
  المشاركة الأصلية أضيفت بواسطة : أمير المحبة
شكرا على الشرح يا الغالي

ولكن ما وضحت لنا عن العمــود ؟؟ اللي يكون باليمين واليسار ..

ولو كان الهيدر فيه لمعات وحركه .. عادي او لا ؟

اتمنى تردو علي بسرعه يا الغاليين

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

كان ماكلفت نفسك عناء انتظار الرد من أحد

تفضل الشرح

اقتباس
  المشاركة الأصلية أضيفت بواسطة : وحيدالجزيرة
×÷×÷×÷×÷×÷×÷

وبالنسبه للي يبغى الهيدر والفوتر متمددين على اي دقة شاشة وبالأعمده..
يتبع الآتي ..

التصميم في الفوتوشوب .. نقوم بوضع أعمده عادي مثل اي تصميم ستايل قبل ..
الاختلاف فقط في التقطيع ..

بالنسبه للهيدر يكون ثلاث قطع ..
1-صوره يمين
2-صورة يسار
3-صورة وسط (وهي اللي بنغير خصائصها مثل الشرح فوق)

بالنسبه للفوتر يكون ثلاث قطع ..
1-صوره يمين
2-صورة يسار
3-صورة وسط (وهي اللي بنغير خصائصها مثل الشرح فوق)

وبالنسبه للأعمده ..
1-صورة يمين بنفس مقاس الصوره اليمين في الهيدر والفوتر..
2-صورة يسار بنفس مقاس الصورة اليسار في الهيدر والفوتر ..

بالنسبه للتركيب .. نفس طريقة الاستاذ تركي بالضبط..

جدول مكون من ثلاث أعمده وثلاث صفوف..

في الصف الاول العامود الاول:
صورة الهيدر اليمين..(ادراج صورة)
في الصف الاول العامود الثاني:
صورة الهيدر الوسط..(ادراج صورة) "وهذي اللي تغير خصائصها عشان تتمدد مع اي دقة شاشه"
في الصف الاول العامود الثالث:
صورة الهيدر اليسار..(ادراج صورة)

في الصف الثاني العامود الاول:
صورة العامود اليمين..(ادراج خليه)
في الصف الثاني العامود الثاني:
مانحط شي بس نحط أمر توسيط ..مثل شرح الاستاذ تركي
في الصف الثاني العامود الثالث:
صورة العامود اليسار ..(ادراج خليه)

في الصف الثالث العامود الأول:
صورة الفوتر اليمين ..(ادراج صورة)
في الصف الثالث العامود الثاني:
صورة الفوتر الوسط..(ادراج صورة) "وهذي اللي تغير خصائصها عشان تتمدد مع اي دقة شاشه"
في الصف الثالث العامود الثالث:
صورة الفوتر اليسار..(ادراج صورة)

وهذا كل شي ..بالنسبه للهيدر والفوتر مع الأعمده ..

ان شاء الله يكون واضح ..
×÷×÷×÷×÷×÷×÷

وبالنسبه للمعات والحركات ..
ايه عادي اخوي تضبط..

موفق
 
 

العلامات المرجعية

أدوات الموضوع
طرق العرض

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

رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة




الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 23:44.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)


Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.