|[ الدرس الثالث ]| تصميم ايطارات للمنتدى + تركيبها .. |[ ArabsMafia Team ]|

24 - 07 - 2006, 05:46 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k

:: عضو فعال ::

|[ الدرس الثالث ]| تصميم ايطارات للمنتدى + تركيبها .. |[ ArabsMafia Team ]|

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

اخواني واخواتي الكرام .. اما بعد ..

اولا احب ان اعتذر عن تأخري بتنزيل شروح تصاميم الاستايلات .. وذلك لسبب انشغالي ..

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

وهذي هي روابطهم بالمعهد ..

:: الهيدر ::

|[ الدرس الاول ]| تصميم البنر (Header) + تقصيصه + تركيب |[ ArabsMafia Team ]|
و

:: الفوتير ::

|[ الدرس الثاني ]| تصميم ذيل المنتدى (Footer) + التقصيص+التركيب |[ ArabsMafia Team ]|

-----------

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

الان لنبدأ درسنا هذا والذي سوف يكون درس خفيف جدا ...

اولا قم بفتح صفحه جديده بالفوتوشوب بهذه المقاسات :

العرض : 39 بيكسل
الطول : 100 بيكسل

الان قم بتصميم الايطار بالشكل الذي تريده .. ونحن هنا قد قمنا بتصميم هذا الايطار البسيط ..:

الان وبعد ان صممت الايطار سيكون طبعا من جهة واحده عليك الان ان تحفظ التصميم بصيغة jpg بالاسم الذي تريده ..
ونحن سوف نسميها bgr.jpg
حاليا حفظت جزء من الايطار من اصل جزئين ..
الجزء الثاني نبيك تسوي هالشغله تروح لقائمة image بعدها تروح الى Rotate Canvas
بعدها تختار Flip Canvas Horizontal ..
كما هو موضح لك بالصوره :

بعدها قم بحفظ الصوره بصيغة jpg بأسم مختلف عن الاسم الاول ...
ونحن سوف نسميها bgl.jpg
مثلا انا قمت بتسمية الصوره الاولى bgr والثانيه اسميتها bgl
طبعا تسمية الصور غير مشترطه بان تكون لها اسماء خاصه ومحكوره .. بالعكس عط الصوره اي اسم بس الافضل انك تعطيها اسامي بحيث تكون انت صاحب التصميم تعرف الصوره من اسمها قبل لاتشوفها ...

الان بعد الحفظ سوف تظهر معك هذي الصورتين :

[ 1 ]

[ 2 ]

علما بان صوره رقم واحد هي الجزء الايمن من الايطار ...

وصوره رقم 2 هي الجزء الايسر من الاستايل ....

الان بعد حفظ الصور نقوم بنقل الصور الى مجلد misc الموجود داخل مجلد mystyle

الان اذهب الى الفرنت بيج ..
افتح صفحه جديدة ..
الان اذهب الى عرض العلامه البرمجيه او Html
بعدها امسح جميع الموجود وسطها ..
الان ارجع الى العرض العادي ..
بعدها اعمل جدول جديد بثلاث اعمده وصف واحد ...
كما بالشكل التالي :

الان قم بإدراج الايطارين التي قمت بتصمميها ...

وضعها بالجدول كما هو موضح لك بالشكل التالي :

الان قم بالضغط بالزر الفأره الايمن على الجدول واختار خصائص الجدول وقم بعمل ماهو موضح لك بالصوره التالية :

بعدها اضغط موافق ..

الان اضغط بزر الفأره الايمن مرة اخرى ولكن هذه المره على الخلية التي تأتي بمنتصف الجدول .. واختار خصائص الخلية :

حلو الان وصلنا الى نصف المشوار ...

الان اذهب الى الصوره اليمنى وقم بالذهاب الى تبويب عام .. وقم بأخذ رابطها واضغط على نفس الصوره بالزر الايمن واختار خصائص الخلية ..
وضع رابط الصوره بمربع خلفية الخلية ...
بعدها نذهب الى الصوره الثانيه ونطبق عليها نفس الطريقه ...

الان اذهب الى عرض العلامات البرمجية او Html ...

وقم بعدها بالتعديلات التالية /

اولا قم بالبحث عن هذا الكود :

رمز PHP:


			
<img border="0" src="

الان سوف يظهر معك اول كود ...
نريد ان نعدل عليه ..
مثلا انا ادرجت الصور من سطح المكتب على الفرنت بيج ...
اذا سوف يظهر معي الرابط كما بالشكل التالي :

رمز PHP:


			
<img border="0" src="file:///C:/********s%20and%20Settings/Mohammad/Desktop/bgr.jpg" width="39" height="100">

كل اللي باسويه هو التالي ..
اني اقوم بالتعديل على الرابط تبع الصوره ... ليكون كما بالشكل التالي :

رمز PHP:


			
<img border="0" src="$stylevar[imgdir_misc]/bgr.jpg" width="39" height="100">

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

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

الان بعد تعديل الروابط اريدك ان تبحث عن :

رمز PHP:


			
width="39" height="100"

وتقوم بحذفها ...
ملاحظه توضيحيه (" بالنسبه للويدث والهايت ( الطول والعرض ) الموضحه بالكود اعلاه هي طول وعرض الصوره نفسها .. وانا اريدك ان تمسحها لانك ماراح تحتاجها ")

الان نقوم بتعديل بسيط الا وهو ابحث عن الكود التالي :

رمز PHP:


			
<td width="100%">&nbsp;</td>

قم باستبداله بهذا الكود :

رمز PHP:


			
        <td width="100%">

        

        </td>

الان سوف يظهر لك الكود كما بالشكل التالي :

رمز PHP:


			
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">

    <tr>

        <td background="$stylevar[imgdir_misc]/bgr.jpg">

        <img border="0" src="$stylevar[imgdir_misc]/bgr.jpg"></td>

        <td width="100%">

        

        </td>

        <td background="$stylevar[imgdir_misc]/bgl.jpg">

        <img border="0" src="$stylevar[imgdir_misc]/bgl.jpg"></td>

    </tr>

</table>

لاحظ معي ان الكود تجزء الى جزئين ...

اتبع الاتي ...

انسخ الكود من :

رمز PHP:


			
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">

الى

رمز PHP:


			
<td width="100%">

الا وهو الجزء الاول ..
بعد نسخه قم بالذهاب الى تمبلت الهيدر .. والصق الكود في بداية الهيدر .. اي سوف يكون الكود فوق كل الاكواد الموجوده في تمبلت الهيدر ..
انظر الصوره التالية :

بعدها نقوم بحفظ التعديلات على تمبلتس الهيدر ...

ااالان نقوم بنسخ الكود المتبقي الا وهو هذا :

رمز PHP:


			
        </td>

        <td background="$stylevar[imgdir_misc]/bgl.jpg">

        <img border="0" src="$stylevar[imgdir_misc]/bgl.jpg"></td>

    </tr>

</table>

ونذهب الى تمبلت الفوتير footer ونلصقه في نهاية تمبلت الفوتير ..
كما بالشكل التالي :

وقم بحفظ التعديلات التي عملتها بتمبتلت الفوتير ..

لاي استفسارات حول هذا الدرس يرجى طرحه ...
هذا والله الموفق ...

أخواكم :- أبو عبدالعزيز العريني ..

.::|[ فريق منتديات مافيا العرب ]|::.

والى درساً أخر .. بأذن الله ..

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع D 1 r k

رمز PHP:


			
#your_css_mastery{

    complete: nonsense;

}

Sanguine

رقم المشاركة : [ 2 ]

24 - 07 - 2006, 05:52 Xtra-Hostng.Com غير متواجد حاليآ بالمنتدى

Xtra-Hostng.Com :: عضـــو::	شرح و لا احلى و لا اورع :d حبيبنا و الله ابو عبد العزيز و الف شكر على الدرس الممتاز و يستحق التثبيت Xtra-Hostng.Com أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
Xtra-Hostng.Com :: عضـــو::	توقيع Xtra-Hostng.Com أسم الشركـــه : Xtra-Hosting صاحب الشركه : المهندس / عمر محمد محمود أداء الشركـــه : الحمايه و ادارة السيرفرات و حل جميع المشاكل الخاصه بالسرفرات استضافه المواقع والريسيلر والديجى شات و جميع الخدمات للمنتديات بريد الشركـــه : adminxtra-hosting.com supportxtra-hosting.com securityxtra-hosting.com هاتف الشركه : من داخل مصر (0124068336 - 0106733375) من خارج مصر (0020124068336 - 0020106733375) الدعم الفنــــي : http://support.xtra-hosting.com TOP SECURITY LEVEL

رقم المشاركة : [ 3 ]

24 - 07 - 2006, 06:10 UNI-JO غير متواجد حاليآ بالمنتدى

UNI-JO :: عضو نشيط ::	شرح مميز شكرا لك UNI-JO أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
UNI-JO :: عضو نشيط ::	توقيع UNI-JO ملتقى طلبة الجامعات الأردنية يهتم بأمور طلبة الجامعات الأردنية و كليات المجتمع ويهتم بآخر أخبار الجامعات والنشاطات والفعاليات في الجامعات الأردنية و جميع الكليات و المعاهد إدارة طلابية 100%

رقم المشاركة : [ 4 ]

24 - 07 - 2006, 07:36 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k :: عضو فعال ::	ياهلا والله اخواني ... مشكورين على الردود .. اخوكم :- ابو عبدالعزيز العريني D 1 r k أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
D 1 r k :: عضو فعال ::	توقيع D 1 r k رمز PHP: `#your_css_mastery{ complete: nonsense; }` Sanguine

رقم المشاركة : [ 5 ]

24 - 07 - 2006, 08:36 alaseer007 غير متواجد حاليآ بالمنتدى

alaseer007

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات همس الصدى

اصدار المنتدى: 4.0.2

مشكور ماقصرت انا من اشد المتابعين لدروسك

alaseer007

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع alaseer007

تعلم فلي المرء يولد عالما

موقع همس الصدى

منتديات همس الصدى

رقم المشاركة : [ 6 ]

24 - 07 - 2006, 09:09 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k :: عضو فعال ::	لي الشرف اخوي انك من الناس المتابعين لدروسي .. ومشكور اخوي على ردك .. اخوك :- ابو عبدالعزيز D 1 r k أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
D 1 r k :: عضو فعال ::	توقيع D 1 r k رمز PHP: `#your_css_mastery{ complete: nonsense; }` Sanguine

رقم المشاركة : [ 7 ]

25 - 07 - 2006, 00:30 The-Ksa غير متواجد حاليآ بالمنتدى

The-Ksa :: عضو نشيط ::	السلام عليكم ورحمة الله وبركاته الاخ الغالي بالفعل شرح ابدعت فيه ابداع لا يوصف ومع خالص حبي واحترامي لكل من قام بوضع شرح للستايلات فقد رأيت من خلال بحثي الطويل في هذا المنتدى بأن هذا الشرح قد كان من اسهلها وابسطها الله يجزاك كل خير اخوي وان شاء الله سوف اقوم بوضع اول تطبيق لدروسك هنا باذن الله The-Ksa أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
The-Ksa :: عضو نشيط ::

رقم المشاركة : [ 8 ]

25 - 07 - 2006, 01:22 MiXoOoLgY غير متواجد حاليآ بالمنتدى

MiXoOoLgY :: عضـــو::	شرح وافى ومميز فعلا الله يخليك لينا تقبل ارقى تحياتى لك MiXoOoLgY أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
MiXoOoLgY :: عضـــو::

رقم المشاركة : [ 9 ]

25 - 07 - 2006, 05:43 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k :: عضو فعال ::	ياهلا والله اخوي السعوديه .. مشكور اخوي على الرد الجميل واللي اثلج صدري ... وياهلا بك اخي وان شاء الله نشوف تطبيقاتك ... هلا أخي MiXoOoLgY مشكور على الرد ... أخوكم :- أبوعبدالعزيز العريني .. D 1 r k أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
D 1 r k :: عضو فعال ::	توقيع D 1 r k رمز PHP: `#your_css_mastery{ complete: nonsense; }` Sanguine

رقم المشاركة : [ 10 ]

25 - 07 - 2006, 05:50 قمرنت غير متواجد حاليآ بالمنتدى

قمرنت :: عضو جديد ::	السلام عليكم ... موضوع وشرح جميل .. يعطيك العافية أخوي .. وللأمام دائماً .. لك تحياتي ..!! قمرنت أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
قمرنت :: عضو جديد ::

رقم المشاركة : [ 11 ]

25 - 07 - 2006, 05:55 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k :: عضو فعال ::	وعليكم السلام .. ياهلا اخوي . مشكور على الرد ... وحياك الله .. أخوك :- ابو عبدالعزيز العريني D 1 r k أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
D 1 r k :: عضو فعال ::	توقيع D 1 r k رمز PHP: `#your_css_mastery{ complete: nonsense; }` Sanguine

رقم المشاركة : [ 12 ]

25 - 07 - 2006, 16:23 عبدالله الحصان غير متواجد حاليآ بالمنتدى

عبدالله الحصان

:: عضو شرف ::

بيانات موقعي

اصدار المنتدى: VB 3.6.8

يا سلام عليك ^_*

يعطيك العافيه

ننتظر جديدك

عبدالله الحصان

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع عبدالله الحصان

رقم المشاركة : [ 13 ]

26 - 07 - 2006, 09:33 D 1 r k غير متواجد حاليآ بالمنتدى

D 1 r k :: عضو فعال ::	ياهلا والله اخوي عبدالله ^_^ الله يعافيك ويبقيك ... مشكور على ردك أخي عبدالله .. وياهلا بك .. أخوك :- أبو عبدالعزيز D 1 r k أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
D 1 r k :: عضو فعال ::	توقيع D 1 r k رمز PHP: `#your_css_mastery{ complete: nonsense; }` Sanguine

رقم المشاركة : [ 14 ]

27 - 07 - 2006, 16:17 هانى فارس غير متواجد حاليآ بالمنتدى

هانى فارس :: عضو نشيط ::	هلا وغلا بك حبيبى مبدع هانى فارس أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
هانى فارس :: عضو نشيط ::	توقيع هانى فارس المحترف للدعايا والاعلان للمراسله vBulmsn.com

أدوات الموضوع
عرض صفحة طباعة الموضوع ارسال الصفحة الى صديق
طرق العرض
العرض العادي الانتقال الى العرض المتطور الانتقال الى العرض الشجري

|[ الدرس الثالث ]| تصميم ايطارات للمنتدى + تركيبها .. |[ ArabsMafia Team ]|

السلام عليكم ورحمة الله وبركاته .. اخواني واخواتي الكرام .. اما بعد .. اولا احب ان اعتذر عن تأخري بتنزيل شروح تصاميم الاستايلات .. وذلك