الروند
22-02-2009, 10:21 PM
سلام عليكم
في المره السابقه نزلنا شرح تصميم مدونة وورد برس:bleh:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
والان شرح طريقة التقطيع :icon31:
في هذا الدرس سنشرح طريقة تقطيع التصميم وتركيبه في مدونة ووردبريس ليكون ستايل جاهز للإستخدام
بسم الله نبدأ
1/ التقطيع
هذا هو التصميم الذي قمنا بتصميمه
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات](1).jpg
لمشاهدة الستايل حياً ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
نقوماً أولاً بإخفاء طبقات النصوص مثل عنوان الموقع ( عبدالملك الثاري ) وعناوين المقالات … ألخ
وذالك عن طريق نافذة الطبقات بالضغط على صورة العين لتختفي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
طبعاً لجميع الطبقات النصية وكذالك صورة الـ RSS مثلاً لأننا سنقطع الخلفيه
قم بعمل ذالك حتى يصبح التصميم في النهايه ليصبح كالتالي :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات](4).jpg
الأن قم بإختيار أداة التقطيع
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد ذالك قم بتحديد الجزء العلوي في وسط الصفحة , كالتالي : ( ستلاحظ ان الفوتوشوب يساعدك في تسهيل عملية التحديد بإختيار المربع بشكل اتوماتيكي وسلس جداً )
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
حيث هذه الصوره التي حددنها ستكون صوره مقطوعه في النهايه وتمثل صوره خلفيه للجزء العلوي , ولكن خلف هذه الصوره سيكون هناك خلفيه أخرى وهي الخلفية المتكررة أعلى الستايل لذالك نقص جزء بسيط من هذه الصورة حيث سنجعلها خلفيه متكرره في الأعلى
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
دائماً في الخلفيات المتكرره يجب ان نراعي الحدود والزخارف والنقشات فمثلاً لدينا في هذه الخلفيه نقشه بسيطه فيجب علينا ان نراعي قطع هذه الصورة بالشكل الصحيح ولتوضيح الصوره انظر للصورة التالية :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]اضغط هنا لمشاهدة الصورة كاملة.[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الأن سنأخذ جزء بسيط من التصميم يمثل خلفية المحتوى للصفحة حيث يحتوي على الحدود اليمنى واليسرى التي ستتمدد وتتكرر إلى أسفل التصميم على حسب طول صفحة الموقع وعلى حسب كثافة المحتوى , حيث سيكون ارتفاع هذه الصوره 1 بكسل فقط والعرض من بداية الحد حتى النهاية كالصورة التالية :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ونحدد بقية الصور كذالك مثل صورة خلفية عنوان القائمة الجانبية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم نحدد صورة الزخرفة الخاصة بخلفية عنوان المقالة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
يتبع:icon30:
في المره السابقه نزلنا شرح تصميم مدونة وورد برس:bleh:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
والان شرح طريقة التقطيع :icon31:
في هذا الدرس سنشرح طريقة تقطيع التصميم وتركيبه في مدونة ووردبريس ليكون ستايل جاهز للإستخدام
بسم الله نبدأ
1/ التقطيع
هذا هو التصميم الذي قمنا بتصميمه
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات](1).jpg
لمشاهدة الستايل حياً ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
نقوماً أولاً بإخفاء طبقات النصوص مثل عنوان الموقع ( عبدالملك الثاري ) وعناوين المقالات … ألخ
وذالك عن طريق نافذة الطبقات بالضغط على صورة العين لتختفي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
طبعاً لجميع الطبقات النصية وكذالك صورة الـ RSS مثلاً لأننا سنقطع الخلفيه
قم بعمل ذالك حتى يصبح التصميم في النهايه ليصبح كالتالي :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات](4).jpg
الأن قم بإختيار أداة التقطيع
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد ذالك قم بتحديد الجزء العلوي في وسط الصفحة , كالتالي : ( ستلاحظ ان الفوتوشوب يساعدك في تسهيل عملية التحديد بإختيار المربع بشكل اتوماتيكي وسلس جداً )
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
حيث هذه الصوره التي حددنها ستكون صوره مقطوعه في النهايه وتمثل صوره خلفيه للجزء العلوي , ولكن خلف هذه الصوره سيكون هناك خلفيه أخرى وهي الخلفية المتكررة أعلى الستايل لذالك نقص جزء بسيط من هذه الصورة حيث سنجعلها خلفيه متكرره في الأعلى
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
دائماً في الخلفيات المتكرره يجب ان نراعي الحدود والزخارف والنقشات فمثلاً لدينا في هذه الخلفيه نقشه بسيطه فيجب علينا ان نراعي قطع هذه الصورة بالشكل الصحيح ولتوضيح الصوره انظر للصورة التالية :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]اضغط هنا لمشاهدة الصورة كاملة.[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الأن سنأخذ جزء بسيط من التصميم يمثل خلفية المحتوى للصفحة حيث يحتوي على الحدود اليمنى واليسرى التي ستتمدد وتتكرر إلى أسفل التصميم على حسب طول صفحة الموقع وعلى حسب كثافة المحتوى , حيث سيكون ارتفاع هذه الصوره 1 بكسل فقط والعرض من بداية الحد حتى النهاية كالصورة التالية :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ونحدد بقية الصور كذالك مثل صورة خلفية عنوان القائمة الجانبية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم نحدد صورة الزخرفة الخاصة بخلفية عنوان المقالة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
يتبع:icon30: