graphics academy
شرح مبسط لتصميم أستيل لمنتدى vb Wel210
graphics academy
شرح مبسط لتصميم أستيل لمنتدى vb Wel210
graphics academy
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

 شرح مبسط لتصميم أستيل لمنتدى vb

اذهب الى الأسفل 
كاتب الموضوعرسالة
graphics
Admin
Admin
graphics


عدد المساهمات : 594
نقاط : 6926
السٌّمعَة : 4
تاريخ التسجيل : 15/06/2010

شرح مبسط لتصميم أستيل لمنتدى vb Empty
مُساهمةموضوع: شرح مبسط لتصميم أستيل لمنتدى vb   شرح مبسط لتصميم أستيل لمنتدى vb I_icon_minitimeالإثنين أغسطس 02, 2010 8:26 pm

بسم الله نبدأ

نفتح لير جديد على الفوتو شوب بمقاس 777×400 px

شرح مبسط لتصميم أستيل لمنتدى vb 41ad582b4cada43045c0e4f94e95f55a

نختار اداه المربع ونقوم بإنشاء مستطيل في اعلى اللير واعطائة التدرج او التأثير المطلوب

شرح مبسط لتصميم أستيل لمنتدى vb Eb83aef32b5a08684539552fa2eac457


شرح مبسط لتصميم أستيل لمنتدى vb 06821752f9d2be1bddb641d10b5b8818

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

شرح مبسط لتصميم أستيل لمنتدى vb 31b6ed3fb5576e10bc722776b06a2e16

كلك يمين على اللير ونختار كما في الصورة لعمل القائمه


شرح مبسط لتصميم أستيل لمنتدى vb F5667a1b6965e97700bdef268b516862

ثم نختار اداة التحديد ونقوم بتحديد المسافة المطلوبه ثم دليت
شرح مبسط لتصميم أستيل لمنتدى vb C49dc45ba6a7b2a23757496ba1833f62

شرح مبسط لتصميم أستيل لمنتدى vb 3baf11e819f9f27585bf252619bc8e08

النتيجة

شرح مبسط لتصميم أستيل لمنتدى vb 9db7a57f0e8e29c90ddec7b023dfcaf8

نضيف التأثيرات على الهدر

شرح مبسط لتصميم أستيل لمنتدى vb 741e66c75150a5df69c02aa00f5511fc


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

شرح مبسط لتصميم أستيل لمنتدى vb Bcfa7d01ba32e5271219aff3c93b6688


هكذا اكتمل التصميم


شرح مبسط لتصميم أستيل لمنتدى vb A3970905f8dd0001363b73fa4a41cc10

*&*&*&*&*

مرحلة التقطيع


نختار الاداه

شرح مبسط لتصميم أستيل لمنتدى vb 9188daf3ffaa64f6526e5f0c6930c8a7

وركزوا معي بها النقطة جدا مهمه

نقوم بتقسم التصميم كما بالصورة مع الإنتباه الى نقاط التمدد

شرح مبسط لتصميم أستيل لمنتدى vb 65ae295943a4a7c5c32f7830fa4351af

نحفظ العمل من القائمه file> save for web

شرح مبسط لتصميم أستيل لمنتدى vb 97b8b032a956c919821a5c55c2511d33

شرح مبسط لتصميم أستيل لمنتدى vb 35c8e22c8288999b0c887f8029481340

الان اصبح لدينا صور الستايل مقطعه
شرح مبسط لتصميم أستيل لمنتدى vb 6741aa611edd963b9f6630bf7c2b6647

*&*&*&*&

توزيع صور الستايل بالفرونت بيج

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

شرح مبسط لتصميم أستيل لمنتدى vb F82dbc251aff0710f8577e0e9907c529

ادراج جدول 3×3

شرح مبسط لتصميم أستيل لمنتدى vb 74eb811d823c4a83413ae615aaf9049c

نذهب الى مساحة العمل وكلك يمين على الجدول > خصائص الجدول

شرح مبسط لتصميم أستيل لمنتدى vb 6c3518150125c935ee2e5bc2b9ae18ea

ونعطي الاعدادت التالية

شرح مبسط لتصميم أستيل لمنتدى vb 6205d707452d9ef8df6f2cc4feeab121

نضع المؤشر على الخلية اليسرى ونقوم بإدراج الهدر من القائمه: ادراج > صورة > من ملف

شرح مبسط لتصميم أستيل لمنتدى vb 83e01d0d1a9cedcd7ff5f8eab0a98add

نفعل ذلك بالجهه اليمنى من الهدر وكذالك الفوتر

أما بالنسبه لنقطة التمدد
نذهب بمؤشر الماوس الى الخلية الوسطى من الهدر وكلك يميك > خصائص الخلية

شرح مبسط لتصميم أستيل لمنتدى vb 225ab8af5194087d2f8a91b1bf810503

شرح مبسط لتصميم أستيل لمنتدى vb 08a1360e45e08099f3409cdb9b7ea240


خلصنا توزيع الصور بالجدول


بقى علينا إظافة الروابط وتعديل إمتداد الصور

كيف نظيف الروابط ؟

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

شرح مبسط لتصميم أستيل لمنتدى vb B95d614657dea1742d975998f8a663d5

ننسخ الرابط ونلصقة في خانه العنوان CTRL + V

شرح مبسط لتصميم أستيل لمنتدى vb Fe726df4b2d3cb04842b2015511d9042

أما بالنسبه لإمتداد الصور

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

شرح مبسط لتصميم أستيل لمنتدى vb 378d57283513fbe964ac49d063abdab5





كود 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%">&nbsp;</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">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</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%">&nbsp;</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%">&nbsp;</td>
        <td>
        <img border="0" src="images/styl_04.gif" width="382" height="161"></td>
    </tr>
    <tr>
        <td colspan="3">&nbsp;</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%">&nbsp;</td>
        <td>
        <img border="0" src="images/styl_09.gif" width="382" height="30"></td>
    </tr>
</table>
</div>





انتهينا من توزيع الستايل بالفرونت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://neogeni.yoo7.com
 
شرح مبسط لتصميم أستيل لمنتدى vb
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طلب اعضاء ومشرفين لمنتدى هوكس فوكس
» طلب اعضاء ومشرفين لمنتدى هوكس فوكس
» طلب اعضاء ومشرفين لمنتدى هةكس فوكس
» طلب اعضاء ومشرفين لمنتدى هوكس فوكس

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
graphics academy :: منتدى خاص بتصميم وتطويروهاكات نسخ منتدايات vbulletin وأحلى منتدى-
انتقل الى: