| قسم الأرشيف والمواضيع المحذوفة قسم خاص بجميع المواضيع المحذوفة و المُكررة والتي لاتنطبق على الشروط والقوانين والتي لا شأن لها في أي قسم من أقسام المُنتدى |
|
#1
02-23-2009, 12:50 AM
|
||||
|
||||
الدرس الثاني من تصميم المدونه (التقطيع وتصديرها للمدنه ) ^_^
سلام عليكم
في المره السابقه نزلنا شرح تصميم مدونة وورد برس:bleh: http://www.traidnt.net/vb/showthread...7#post10389527 والان شرح طريقة التقطيع :icon31: في هذا الدرس سنشرح طريقة تقطيع التصميم وتركيبه في مدونة ووردبريس ليكون ستايل جاهز للإستخدام بسم الله نبدأ 1/ التقطيع هذا هو التصميم الذي قمنا بتصميمه [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/1(1).jpg[/IMG] لمشاهدة الستايل حياً نقوماً أولاً بإخفاء طبقات النصوص مثل عنوان الموقع ( عبدالملك الثاري ) وعناوين المقالات … ألخ وذالك عن طريق نافذة الطبقات بالضغط على صورة العين لتختفي [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/1a.gif[/IMG] طبعاً لجميع الطبقات النصية وكذالك صورة الـ RSS مثلاً لأننا سنقطع الخلفيه قم بعمل ذالك حتى يصبح التصميم في النهايه ليصبح كالتالي : [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/2(4).jpg[/IMG] الأن قم بإختيار أداة التقطيع [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/3.gif[/IMG] بعد ذالك قم بتحديد الجزء العلوي في وسط الصفحة , كالتالي : ( ستلاحظ ان الفوتوشوب يساعدك في تسهيل عملية التحديد بإختيار المربع بشكل اتوماتيكي وسلس جداً ) [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/4.gif[/IMG] حيث هذه الصوره التي حددنها ستكون صوره مقطوعه في النهايه وتمثل صوره خلفيه للجزء العلوي , ولكن خلف هذه الصوره سيكون هناك خلفيه أخرى وهي الخلفية المتكررة أعلى الستايل لذالك نقص جزء بسيط من هذه الصورة حيث سنجعلها خلفيه متكرره في الأعلى [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/5.gif[/IMG] دائماً في الخلفيات المتكرره يجب ان نراعي الحدود والزخارف والنقشات فمثلاً لدينا في هذه الخلفيه نقشه بسيطه فيجب علينا ان نراعي قطع هذه الصورة بالشكل الصحيح ولتوضيح الصوره انظر للصورة التالية :  اضغط هنا لمشاهدة الصورة كاملة.[IMG]http://www.tech-wd.com/wd/wp-*******/uploads/6.gif[/IMG]الأن سنأخذ جزء بسيط من التصميم يمثل خلفية المحتوى للصفحة حيث يحتوي على الحدود اليمنى واليسرى التي ستتمدد وتتكرر إلى أسفل التصميم على حسب طول صفحة الموقع وعلى حسب كثافة المحتوى , حيث سيكون ارتفاع هذه الصوره 1 بكسل فقط والعرض من بداية الحد حتى النهاية كالصورة التالية : [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/7.gif[/IMG] ونحدد بقية الصور كذالك مثل صورة خلفية عنوان القائمة الجانبية [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/8.gif[/IMG] ثم نحدد صورة الزخرفة الخاصة بخلفية عنوان المقالة [IMG]http://www.tech-wd.com/wd/wp-*******/uploads/9.gif[/IMG] يتبع:icon30: |
«
مقتل فرنسية وإصابة 17 بجروح في انفجار وسط القاهرة
|
[Template] : حصري التسجيل السريع في منتداك 3.8.0
»
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
العرض العادي
|
|
المواضيع المتشابهه للموضوع الدرس الثاني من تصميم المدونه (التقطيع وتصديرها للمدنه ) ^_^:
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| دروس mmb//الدرس الثاني | العاشق 2005 | أرشيف قسم البرامج | 0 | 06-02-2009 11:21 AM |
| دروس mmb//الدرس الثاني | العاشق 2005 | أرشيف قسم البرامج | 0 | 06-02-2009 02:21 AM |
| استفسارات الدرس الثاني | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-26-2009 02:30 PM |
| تصميم استايل غير متمدد ( الدرس الثاني ) | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-23-2009 12:50 AM |
| { الدرس الثاني } - { الطــــبقـات }-(الفوتوشوب) | العاشق 2005 | نشأة مُبدع | 0 | 10-09-2008 03:20 PM |
الساعة الآن 09:39 PM.
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
كُل ما يُكتب أو يُنشر في منتديات العاشق يُمثل وجهة نظر الكاتب والناشر فحسب، ولا يمثل وجهه نظر الإدارة
rel="nofollow" 