graphics academy
graphics academy
graphics academy
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
أكبر مكتبة دروس للجرافيكس والتصميم!
مدونة جرافيكس أكديمي!
graphics academy
::
منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى
شرح مبسط لتصميم أستيل لمنتدى vb
كاتب الموضوع
رسالة
graphics
Admin
عدد المساهمات
:
594
نقاط
:
6926
السٌّمعَة
:
4
تاريخ التسجيل
:
15/06/2010
موضوع: شرح مبسط لتصميم أستيل لمنتدى vb
الإثنين أغسطس 02, 2010 8:26 pm
بسم الله نبدأ
نفتح لير جديد على الفوتو شوب بمقاس 777×400 px
نختار اداه المربع ونقوم بإنشاء مستطيل في اعلى اللير واعطائة التدرج او التأثير المطلوب
نقوم بإختيار اداه المستطيل مرة اخرى لعمل القائمه وإعطائه التأثيرات كما هو موضح بالصورة
كلك يمين على اللير ونختار كما في الصورة لعمل القائمه
ثم نختار اداة التحديد ونقوم بتحديد المسافة المطلوبه ثم دليت
النتيجة
نضيف التأثيرات على الهدر
الان نقوم بعمل مستطيل في اسفل اللير مع وضع التأثيرات والصور والفرش والكل يبدع بفنه بالنسبه لي افضل البساطه لخفة التصفح
هكذا اكتمل التصميم
*&*&*&*&*
مرحلة التقطيع
نختار الاداه
وركزوا معي بها النقطة جدا مهمه
نقوم بتقسم التصميم كما بالصورة مع الإنتباه الى نقاط التمدد
نحفظ العمل من القائمه file> save for web
الان اصبح لدينا صور الستايل مقطعه
*&*&*&*&
توزيع صور الستايل بالفرونت بيج
نفتح برنامج الفرونت بيج ونمسح جميع الاكواد
ادراج جدول 3×3
نذهب الى مساحة العمل وكلك يمين على الجدول > خصائص الجدول
ونعطي الاعدادت التالية
نضع المؤشر على الخلية اليسرى ونقوم بإدراج الهدر من القائمه: ادراج > صورة > من ملف
نفعل ذلك بالجهه اليمنى من الهدر وكذالك الفوتر
أما بالنسبه لنقطة التمدد
نذهب بمؤشر الماوس الى الخلية الوسطى من الهدر وكلك يميك > خصائص الخلية
خلصنا توزيع الصور بالجدول
بقى علينا إظافة الروابط وتعديل إمتداد الصور
كيف نظيف الروابط ؟
نحدد الصورة اللي نبي تدخل عليها الروابط ومن شريط الصور نختار نقطه فعاله مستطيله
ننسخ الرابط ونلصقة في خانه العنوان CTRL + V
أما بالنسبه لإمتداد الصور
نذهب الى جزئيه التعليمات البرمجية راح نشوف رابط الصورة داخل الجهاز بهذا الشكل
كود PHP:
الكود:
<div align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="297">
<img border="0" src="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_01.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_01.gif[/url]" width="297" height="161"></td>
<td background="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_02.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_02.gif[/url]" width="100%"> </td>
<td>
<img border="0" src="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_04.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_04.gif[/url]" width="382" height="161"></td>
</tr>
<tr>
<td width="297"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="297">
<img border="0" src="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_07.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_07.gif[/url]" width="297" height="30"></td>
<td background="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_08.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_08.gif[/url]" width="100%"> </td>
<td>
<img border="0" src="[url=http://neogeni.yoo7.com/file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_09.gif]file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_09.gif[/url]" width="382" height="30"></td>
</tr>
</table>
</div>
نحذف الإمتدا ونبقي على فايل الصور والصورة ...بيصير عندنا
كود PHP:
الكود:
<div align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="297">
<img border="0" src="images/styl_01.gif" width="297" height="161"></td>
<td background="images/styl_02.gif" width="100%"> </td>
<td>
<img border="0" src="images/styl_04.gif" width="382" height="161"></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="297">
<img border="0" src="images/styl_07.gif" width="297" height="30"></td>
<td background="images/styl_08.gif" width="100%"> </td>
<td>
<img border="0" src="images/styl_09.gif" width="382" height="30"></td>
</tr>
</table>
</div>
انتهينا من توزيع الستايل بالفرونت
أعجبني
لم يعجبني
شرح مبسط لتصميم أستيل لمنتدى vb
صفحة
1
من اصل
1
مواضيع مماثلة
مواضيع مماثلة
»
طلب اعضاء ومشرفين لمنتدى هوكس فوكس
»
طلب اعضاء ومشرفين لمنتدى هوكس فوكس
»
طلب اعضاء ومشرفين لمنتدى هةكس فوكس
»
طلب اعضاء ومشرفين لمنتدى هوكس فوكس
صلاحيات هذا المنتدى:
لاتستطيع
الرد على المواضيع في هذا المنتدى
graphics academy
::
منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى
graphics academy
::
منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى
انتقل الى:
اختر منتدى
|
|--المنتدى الاسلامي العام
| |--منتدى التلاوات والمصاحف الصوتية المميزة
| |--المنتدى الاسلامي العام .. قضايا اسلامية
| |--منتدى الصوتيات والمرئيات الاسلامية
| |--منتدى الفقة والفتاوى .. ( فتاوى الازهر الشريف فقط )
|
|--منتدى تعلم اللغة الانجليزية
|--منتدى برامج ودروس وأضافات الفوتوشوب
| |--دروس الفوتوشوب مكتوبة & مصورة
| |--دروس فوتشوب فيديو .... صوت وصورة
| |--برامج وملحقات وادوات الفوتوشوب
| |--تصميمات جاهزة & مكتبات صور & Templates
| |--منتدى المساعدة وطلبات الاعضاء
|
|--منتدى برامج ودروس وأضافات 3d max و Maya
|--منتدى نشر وتطوير المواقع وأشهارها
|--منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى
|--منتدى مواقع الربح من الأنترنت
|--منتدى التبادل الأعلاني وأشهار المواقع
|--منتدى برامج ودروس الفلاش والسويش
|--منتدى تحميل البرامج الكاملة والنادرة
|--منتدى شروحات البرامج العامة ودروس الحاسب
|--منتدى أسطوانات ونسخ الويندوز XP , VASTA , WINDOWS 7 SEVEN