تراجع إلى الخلف   :: TRAIDNT FORUM :: > أقسام تعليم استايلات > دورات تعليم وتصميم الإستايلات > ركن أرشيف دروس الإستايلات

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

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

 
  #1  
قديمة 10 - 06 - 2006, 17:52 Losha غير متواجد حاليآ بالمنتدى
صورة 'Losha' الرمزية
:: مصمم أستايلات ::
بيانات موقعي
اسم الموقع: Losha.Net
اصدار المنتدى: 3.8.1
 






Losha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدود
أرسل رسالة بواسطة Skype™ إلى Losha

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

قام بتصميم واجهه رائعة جدا ولكن وقف عند تقطيع التصميم وانتقاء نقطة التمدد للاستايل

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

وثلاث او خمس في الفوتر او سبعه او كما تحب ليس هناك اشكال

اولا اهم نقطه في الموضوع

اعمل حساب لنقطة التمدد في الاستايل اثناء التصميم

اليكم المثال التالى من تصميم اخوكم السيكا ميكا صاحب شبكة رسوم http://www.rsoom.com
والدرس منقول لكم من أستاذى الغالى bluestar



لو اردنا تقطيعه بالصورة الصحيحة سوف تكون نقطة التمدد بالاستايل
نقطتين نظرا لتساوي الاستايل من الجه اليمنا واليسرى وهذي من الاستايلات التى
لا بد من وضع نقطتين للتمدد تحمل الاولى 50% والثانيه 50%
نقوم بتعلم طريقة التقطيع
اولا سوف تستخدم الادة الخاصة بالتقطيع ويكون التقطيع بهذه الصورة

اما طريقة بناء الجداول فسيكون على الشكل التالى
اعمل جدول من ثلاثة صفوف وثلاثة اعمدة ثم اضعد في الخليه العلويه
الوسطى ( الهيدر ) وضع فيها جدول جديد من خمسة اعمدة وصف واحد
واضغط في الخليه السفليه الوسطى ( الفوتر ) وضع فيها جدول جديد
من ثلاثة اعمدة وصف واحد
تماما كما في الشكل التالى


الان يمكنك بناء تصميمك بالشكل الذي تريد
لكن اعمل حساب نقطة مهمه جدا
اجعل خلية التمدد الاولى 50% وخلية التمدد الثانية 50%وخلية تمدد الفوتر 100% ليكون تصميمك غايه بالروعة عند عرضه على دقة شاشة اخرى



كود الجدول
انسخ هذا الكود وضعه في الفرونت بيج

رمز PHP:
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
    <
tr>
        <
td>&nbsp;</td>
        <
td>
        <
table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
            <
tr>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
            </
tr>
        </
table>
        </
td>
        <
td>&nbsp;</td>
    </
tr>
    <
tr>
        <
td>&nbsp;</td>


        <
td>&nbsp;</td>
        <
td>&nbsp;</td>
    </
tr>
    <
tr>
        <
td>&nbsp;</td>
        <
td>
        <
table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
            <
tr>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
                <
td>&nbsp;</td>
            </
tr>
        </
table>
        </
td>
        <
td>&nbsp;</td>
    </
tr>
</
table
انشاء الله يكون درس اليوم خفيف وسهل
تحياتي واي خدمه انا حاضر
تحياتي
أخوكم فى الله
Ali Losha
توقيع Losha
  رقم المشاركة : [ 2 ]
قديمة 10 - 06 - 2006, 17:58 dark_angle غير متواجد حاليآ بالمنتدى
:: عضـــو::
 


dark_angle يستحق التميز
افتراضي
درس رائع اخى

مشكور والله

نرجو منك المزيد من هذه الدروس القيمة
dark_angle
 
  رقم المشاركة : [ 3 ]
قديمة 10 - 06 - 2006, 18:11 ::تصاميم:: غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة '::تصاميم::' الرمزية
 


::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود::تصاميم:: مبدع بلا حدود
بيانات موقعي
اسم الموقع: :+::مجموعة ابداع التصاميم::+:
اصدار المنتدى: لا أملك منتدى
افتراضي
تسلم والله يا الغلا
::تصاميم::
توقيع ::تصاميم::
مجمـــوعـــة ابـــداع التـصامــيم
W W W . T 9 A M I M . N E T
لطلب تصميم اضغط هنا لـ اضافتي
T9amim In Twitter
 
  رقم المشاركة : [ 4 ]
قديمة 10 - 06 - 2006, 20:00 صهيب عبد المنعم غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'صهيب عبد المنعم' الرمزية
 


صهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدودصهيب عبد المنعم مبدع بلا حدود
أرسل رسالة بواسطة MSN إلى صهيب عبد المنعم أرسل رسالة بواسطة Skype™ إلى صهيب عبد المنعم
بيانات موقعي
اسم الموقع: زنان لخدمات الملتي ميديا و الإنترنت
اصدار المنتدى: منتج اخر
افتراضي
جزاك الله خير ياخوي كفييت ووفيت
صهيب عبد المنعم
توقيع صهيب عبد المنعم
بريد الكتروني للرسائل فقط : soh21hotmail.com
جـــــــــــــــــــوال : 00249908200025
 
  رقم المشاركة : [ 5 ]
قديمة 10 - 06 - 2006, 20:51 x_5 متواجد حاليآ بالمنتدى
x_5
:: TRAIDNT ::
:: رفيق الدرب ::
 
صورة 'x_5' الرمزية
 


x_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدود
بيانات موقعي
اسم الموقع: vbulletin.ae
اصدار المنتدى: :: مجتمع ترايدنت ::
افتراضي
مشكور اخوي علي الجهد
x_5
توقيع x_5
‏​‏​كُنْ فيْ الْحياهْ كَعابر سبيلٍ وَاتْرُكْ وراءكَ كُل أثرِ جَميل
فَما نَحنُ فِيْ الدُنيا إِلَاضُيُوْف وَما عَلى الضيوْفِ إِلَاالرحيل
واحــد مـــ x_5ـــن النـاس ©
 
  رقم المشاركة : [ 6 ]
قديمة 10 - 06 - 2006, 21:11 Losha غير متواجد حاليآ بالمنتدى
:: مصمم أستايلات ::
 
صورة 'Losha' الرمزية
 


Losha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدود
أرسل رسالة بواسطة Skype™ إلى Losha
بيانات موقعي
اسم الموقع: Losha.Net
اصدار المنتدى: 3.8.1
افتراضي
أخوانى الغالين كلا بأسمه وبصفته الغاليه
أستاذى درك أنجل أستاذى فوكس أخى الحبيب أكس فيف
أستاذى تصاميمك
ما هاذا إلى بقليل من ما تقدمون
سلمتم على مروركم الطيب
Losha
توقيع Losha
 
  رقم المشاركة : [ 7 ]
قديمة 11 - 06 - 2006, 10:44 mostafa2004 غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'mostafa2004' الرمزية
 


mostafa2004 على طريق الابداعmostafa2004 على طريق الابداعmostafa2004 على طريق الابداع
افتراضي
تسلم ايدك يا غالى بارك الله فيك

mostafa2004
توقيع mostafa2004
Attention

الموقع قيد التطوير

انتظرونا سنعود قريبا بأمر الله

بشكل جديد وخدمات عديدة

انتظرو الكتروماجيك في ثوبه الجديد

مع تحيات إدارة موقع

الكتروماجيك

www.xpsat.net

We will be back soon
 
  رقم المشاركة : [ 8 ]
قديمة 11 - 06 - 2006, 14:02 ADEL غير متواجد حاليآ بالمنتدى
عضو مؤسس
 
صورة 'ADEL' الرمزية
 


ADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدود
بيانات موقعي
اسم الموقع: ترايدنت
اصدار المنتدى: Twitter
افتراضي
Losha

بارك الله فيك يا بطل والف شكر لك
ADEL
توقيع ADEL
- l [] Foot Loose And Fancy Free [] l -
 
  رقم المشاركة : [ 9 ]
قديمة 12 - 06 - 2006, 23:35 Losha غير متواجد حاليآ بالمنتدى
:: مصمم أستايلات ::
 
صورة 'Losha' الرمزية
 


Losha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدودLosha مبدع بلا حدود
أرسل رسالة بواسطة Skype™ إلى Losha
بيانات موقعي
اسم الموقع: Losha.Net
اصدار المنتدى: 3.8.1
افتراضي
اقتباس
  المشاركة الأصلية أضيفت بواسطة : Alrai3
Losha

بارك الله فيك يا بطل والف شكر لك

شاكر مرورك أستاذى الرايق
سلمت يا رايقنا
بالخير نلتقى
توقيع Losha
 
  رقم المشاركة : [ 10 ]
قديمة 13 - 06 - 2006, 17:38 ca2oom غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'ca2oom' الرمزية
 


ca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدودca2oom مبدع بلا حدود
أرسل رسالة بواسطة MSN إلى ca2oom
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
كفييت ووفيت ، والشرح واضح

جزاك الله كل خير
لك التحيه
ca2oom
توقيع ca2oom
كتوم في المصنع {...}
 
  رقم المشاركة : [ 11 ]
قديمة 13 - 06 - 2006, 20:27 بلانر غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'بلانر' الرمزية
 


بلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدودبلانر نشاط بلا حدود
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
تسلم أخوي ,, والله يوفقك على الشرح الجميــل ...







تحياتي
بلانر
توقيع بلانر
..
!!
تـــم تغيير اسمي من .. مبدع ترايدنت .. الى .. [ بــــــلانـــــــــر ].. !!
!!
..

..
سبحان الله .. أستغفر الله .. الله أكبر

لا اله الا الله .. محمد رسول الله
..
 
  رقم المشاركة : [ 12 ]
قديمة 15 - 06 - 2006, 18:49 العاطفي غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'العاطفي' الرمزية
 


العاطفي العاطفي العاطفي العاطفي العاطفي العاطفي
افتراضي
مشكووووووووووور أخوي جزاك الله خير
العاطفي
 
  رقم المشاركة : [ 13 ]
قديمة 19 - 06 - 2006, 06:40 d.e.d.o غير متواجد حاليآ بالمنتدى
:: عضو جديد ::
 
صورة 'd.e.d.o' الرمزية
 


d.e.d.o يستحق التميز
افتراضي
ماشاء الله عليك و انا اخوك

فعــلاً الشرح كامل والله و مهم ولا يقل اهمية عن صاحبه

بارك الله فيك و جزاك الله الخير يا الغلا
d.e.d.o
 
  رقم المشاركة : [ 14 ]
قديمة 19 - 06 - 2006, 11:17 -ksa-egy- غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


-ksa-egy- مميز-ksa-egy- مميز-ksa-egy- مميز-ksa-egy- مميز-ksa-egy- مميز
افتراضي
مشكور ولله يالغالى تحياتى لك
-ksa-egy-
توقيع -ksa-egy-
التوقيع مخالف للقوانين يرجى تعديله بما يتوافق مع قوانين المعهد
 
 

العلامات المرجعية

أدوات الموضوع
طرق العرض

ضوابط المشاركة
لا يمكنك اضافة مواضيع جديدة
لا يمكنك اضافة مشاركات
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة




الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 09:01.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)


Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.