ركن تطوير منتديات vb3.8.0 اضافات.هاكات.شروحات لوحة التحكم ...(( ويمنع وضع نسخ vBulletin ))

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

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
منتديات ساسو سوفت - Sasosoft Forums
قديم منذ /22-02-2009, 11:21 PM   #1

الروند
 
الصورة الرمزية الروند

:: عضو خبير ::

الروند غير متواجد حالياً

 رقم العضوية : 9
 تاريخ التسجيل : 11 - 2 - 2009
 المشاركات : 2,731
 النقاط : الروند is on a distinguished road
 تقييم المستوى : 65

Lightbulb الدرس الثاني من تصميم المدونه (التقطيع وتصديرها للمدنه ) ^_^

سلام عليكم

في المره السابقه نزلنا شرح تصميم مدونة وورد برس:bleh:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

والان شرح طريقة التقطيع :icon31:


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

بسم الله نبدأ

1/ التقطيع

هذا هو التصميم الذي قمنا بتصميمه

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/1(1).jpg[/IMG]

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

نقوماً أولاً بإخفاء طبقات النصوص مثل عنوان الموقع ( عبدالملك الثاري ) وعناوين المقالات … ألخ

وذالك عن طريق نافذة الطبقات بالضغط على صورة العين لتختفي

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/1a.gif[/IMG]

طبعاً لجميع الطبقات النصية وكذالك صورة الـ RSS مثلاً لأننا سنقطع الخلفيه

قم بعمل ذالك حتى يصبح التصميم في النهايه ليصبح كالتالي :

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/2(4).jpg[/IMG]

الأن قم بإختيار أداة التقطيع

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/3.gif[/IMG]

بعد ذالك قم بتحديد الجزء العلوي في وسط الصفحة , كالتالي : ( ستلاحظ ان الفوتوشوب يساعدك في تسهيل عملية التحديد بإختيار المربع بشكل اتوماتيكي وسلس جداً )

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/4.gif[/IMG]

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

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/5.gif[/IMG]

دائماً في الخلفيات المتكرره يجب ان نراعي الحدود والزخارف والنقشات فمثلاً لدينا في هذه الخلفيه نقشه بسيطه فيجب علينا ان نراعي قطع هذه الصورة بالشكل الصحيح ولتوضيح الصوره انظر للصورة التالية :

اضغط هنا لمشاهدة الصورة كاملة.[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/6.gif[/IMG]

الأن سنأخذ جزء بسيط من التصميم يمثل خلفية المحتوى للصفحة حيث يحتوي على الحدود اليمنى واليسرى التي ستتمدد وتتكرر إلى أسفل التصميم على حسب طول صفحة الموقع وعلى حسب كثافة المحتوى , حيث سيكون ارتفاع هذه الصوره 1 بكسل فقط والعرض من بداية الحد حتى النهاية كالصورة التالية :

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/7.gif[/IMG]

ونحدد بقية الصور كذالك مثل صورة خلفية عنوان القائمة الجانبية

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/8.gif[/IMG]

ثم نحدد صورة الزخرفة الخاصة بخلفية عنوان المقالة

[IMG]http://www.tech-w*.com/w*/wp-content/uploa*s/9.gif[/IMG]


يتبع:icon30:




  رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الثانى من دوره تصميم الاستايل بتقنيه (css) fruit منتدى دروس وشروحات تصميم الاستايلات 0 21-11-2010 12:19 AM
الدرس الثاني ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][ fruit منتدى دروس وشروحات تصميم الاستايلات 0 20-11-2010 11:35 PM
شرح الدرس الثاني : تحميل وتنصيبه برنامج الفوتوشوب (( الجزء الثاني والمنتظر )) baker منتدى دروس الفوتوشوب Adobe PhotoShop 0 11-09-2009 07:20 AM
[ الدرس الثاني ] شرح القوائم (2) aymano منتدى دروس الفوتوشوب Adobe PhotoShop 0 15-06-2009 06:53 PM
تصميم استايل غير متمدد ( الدرس الثاني ) الروند ركن تطوير منتديات vb3.8.0 0 22-02-2009 11:21 PM

RSS RSS 2.0 XML MAP

الساعة الآن 08:02 AM.


Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd

جميع المشاركات المنشورة فى المنتدى لا تعبر عن وجه نظر الإدارة

Please dont post any copyrighted materials like cracks , serials , nulled products .. ETC