days" ?> days"> " ?>"> " ?>"> تصميم فريم اطار للمنتدى - دروس و كتب العاصف و اهداف كرة قدم و ابتسامات للماسنجر

القائمة البريدية

 

 

اشتراك

الغاء الإشتراك

 

 

 القائمة : الرئيسية | البحث | الإحصائيات| إرسال درس | إتصل بنا .



  الرئيسية
 
دروس فى الفرونت بيج
       تصميم فريم اطار للمنتدى
    تصميم فريم اطار للمنتدى
 اسم الكاتب  البريد الإلكتروني  تاريخ الكتابة
عمر محسن  vero_xaero_5@yahoo.com 11-10-2008

كاتب الدرس :: ألم الإمارات

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

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

الخطوه الاولى بتكون تصميم الإطار على الفوتوشوب طبعا كل واحد وأبداعه الشخصي وعلى سبيل المثال هذا الإطار اللي راح نشتغل عليه بعد مانكون إنتهينا من التصميم

ملاحظه حجم الاطار 800 على 600 بكسل والباك راوند شفاف قبل لا نبداء تصميم الاطار يكون احسن


الخطوه الثانيه تقطيع الإطار إلى أربع زوايا وأربع أوساط
راح نبداء بالزوايا القص بيكون (( ctrl x )) اضغط كنترول اكس عبلا الكيبورد بعد التحديد قص واللصق (( ctrl v )) كنترول في لصق



طبعا مافي داعي اقطع اربع زوايا بكتفي بزوايه وحده واقدر اعكس الاتجاه واتحكم فيها مثل ماهو موضح


الصوره هاي لزوايه اليسار راح نعكسها لزاويه اليمين طبعا بعد مانخزنها يسار راح نبداء نعكس



راح تنعكس معانا الصور وتصبح الزاويه اليمين


نخزن اليمين (( بيكون معانا يمين ويسار الزوايا اللي فوق ))
الخطوه التليه الزوايا الارضيه


الحين معانا الزاويه اليمين ارضيه باقي اليسار تابع الشرح


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

علشان تطلع الزوايا نفس حجم الأوساط نتبع الخطوه التاليه


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





اربع اوساط للمربع





::::::::::::::::::::
::::::::::::::::::::
الخطوه التاليه تجميع الاطار على الفرونت بيج ووضع كود التمبلت اتبع الخطوات التاليه نفتح (( 9 )) جداول


الخطوه التاليه رايت كلك على الجدول ونختار الخصايص مثل ماهو موضوح بالصوره


اتبع الخطوات التاليه في الصوره واحد توسيط
النسبه صفر لتحديد الجدول
شيل الصح من عند اظهار حدود الخلايا
تطبيق موافق


راح يكون معانا 9 جداول شفافه والحين نجمع الصور

(( ملاحظه هامه ))
الزوايها عن طريق ادراج صوره من ملف
::::::::
الاوساط ادراج خليه

السبب الاوساط تتمدد مع المنتدى لو ادرجناها صوره من ملف راح تطلع بحجمها الطبيعي بالمنتدى ..

1- ادراج صوره من ملف لزواااااااااااايا واول صوره مثال اعلى اليمين



وبطلع معانا الشكل هذا


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


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

الخطوه التاليه الاوساط عباره عن خلايا لاحظ الخطوات اول خليه الوسط اليمين مثل ماهو موضح بالصوره


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


وبيكون معانا الشكل التالي وراح نلاحظ تكرر الوسط اليمين طنششششش وكمل باجي الاوساط


بعد مانكمل باجي الاوساط راح يطلع لنا الشكل التالي


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


اما في وضع المعاينه برفيووو راح يتغير الشكل لاحظ


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

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



نختار بعدها من الاسفل وضع كود html


ونفس المكان اللي راح نحصل فيه الماوس نسوي لصق لمحتويات التمبلت بدون مانغير ماكان الماوس


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



الخطوه الأخيره نرفع الصور (( 8 )) لمجلد الــvb
وننقل الكود لتمبلت الــforumhome نفس الخطوات تقدر تطبقها مع تمبلت الـ forumdisplay فقط نرجع للفرونت بيج نسوي تراجع ونحط كود التمبلت ومايحتاي نرفع الصوره وكذلك مع تمبلت الــshowthread



 

  آخر زيارة : 2010-July-Wednesday-6-00-am | عدد التعليقات : 1 | عدد الزيارات : 649  .

 خيارات الدرس : نسخة خفيفة للطباعة | أخذ نسخة من الدرس كـ ملف نصي. | أخذ نسخة من الدرس كـ ملف .doc 'ملف word' | أخذ نسخة من الدرس كـ ملف HTML . | Bookmark : Add to del.icio.us  Add to YahooMyWeb  Add to Digg  Add to Technorati  Add to Reddit  Add to Furl  Add to Spurl  Add to Simpy  Add to Wink

عدد مرات التقييم : كـ ممتاز:3 , كـ عادي:2 , كـ سيئ:2. | قـيّـم الدرس: تقييم كـ 'رائع ! ' تقييم كـ 'عادي ' تقييم كـ ' سيئ '
  يسمح لك بإضافة تعليق على هذا الدرس.


  التعليقات :

  "رد : تصميم فريم اطار للمنتدى "

 

متميز كالعادة

 

بارك الله فيك وجعل الجنة مثواك
الرئيسية
عجائب
عجائب الخلق
الاعجاز العلمي
فيديو
طرائف
اخبار عجيبة
عالم التقنية
لتعرف أكثر
تاريخ

  اسم كاتب التعليق: عالم عجيب | تاريخ الإرسال : 2009-July-Wednesday-8-29-pm | cc@c.c | تبيلغ كـ تعليق سئ
 الصفحات :
1  

   


إضافة تعليق

 الموضوع:
 
 التعليق * :


 
  ملاحظة : لتبديل طريقة الكتابة من اليمين لليسار أو العكس اضغط shift+ctrl.

 اسمك:  
 البريد الإلكتروني :  
 من فضل قم بكتابة الأرقام والحروف الموجوده في الصوره:
 

 

الوقت المستغرق في فتح الصفحة 0.07 ثانية

اعلانات نصية:

   

شات الخليج

دردشة

توبيكات

         

جميع الحقوق محفوظة © دروس و كتب العاصف و اهداف كرة قدم و ابتسامات للماسنجر
Progrom By PHPx3.com 2008.