منتدى استراحات زايد

منتدى استراحات زايد (http://vb.ma7room.com/index.php)
-   منتدى أخبار المواقع والمنتديات العربية والأجنبية (http://vb.ma7room.com/forumdisplay.php?f=183)
-   -   [ شرح ] (شرح) توزيع الهيدر +الفوتر+ الأعمدة مختلفة المقاسات توزيع حر (http://vb.ma7room.com/showthread.php?t=448937)

محروم.كوم 07-07-2010 03:30 AM

[ شرح ] (شرح) توزيع الهيدر +الفوتر+ الأعمدة مختلفة المقاسات توزيع حر
 
اليوم درس جديد وأسميت الدرس ب
التقطيع + التوزيع بالأسلوب الحر
Cut and distribution of the open Style method
+++============+++

أسألة وأجوبة
1- لما تم هذا الدرس ؟
الإجابة : تم هذا الدرس على أساس تجازب الخبرات واعطاء التصميم الطابع الحر الذى تريد أن تصمم بية شمال يمين حرية + تكسير القاعدة العامة التى تعلمنا بها + قمة السهولة فى هذه الطريقه فى التوزيع أسهل من التقطيع الثابت
وأسهل كثير


2-
ما الفائدة فى الدرس ؟
الدرس سوف يعالج التصميم بشكل أخر جديد رغم انه سيكون سهل للمحترفين .

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

4- من صاحب الدرس او الفكرة ؟
الأجابة :من خبرتىhttp://www.traidnt.net/vb/images/smilies/shiny.gif مع التعامل فى عالم توزيع الإستيلات التى أكتسبتها مع ومن أروع المصممين
فكان الدرس من شروحات اخى الحبيب وفننا الغالى
أبو فيصل الملقب عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]الحبيب إلى قلبىhttp://www.traidnt.net/vb/images/smilies/icon26.gif ثامر .
وطبعا مقدم الدرس لكم
اخوكم فى الله
Ali Losha
+++============+++

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

أضغط على الصورة لتراها بالوضع الموضح
عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

من الصورة العلوية رأيتم كيف تم التقطيع

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

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

+++============+++

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

نفتح الفرونت بيج
نوذيل كافة الاكواد الموضوعة ونجعل الصفحه فارغه
ثم
نحدد ثلاث خلايه عمودية موضح بالصورة التالية
عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

ونحدد أتجاه الخلايا كى يتم التوجيه بالطريقة الصحيحة كما موضح بالصورة التالية
عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

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

يلى الان إداخل ثلاث صفوف داخل كل خليه
مثل الصورة الموضوحه التالية
عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

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

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

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

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

وبعد أنتهائك من ألغاء الحدود سوف يظهر لك الجدول كالمعتداد
ولكم صورتان توضح قبل وبعد إلغاء الحدود

هذا الجدول قبل إلغاء الحدود كاملة

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

وهذه الجدول بعد الأنتهاء من إذالة الحدود

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

بسم الله نبدا فى التوزيع كالمعتاد ونستتدعى اول صورة
ومع أستعداء اول صورة نلاحظ ما سوف يتم الرجاء الإنتباه الله يرحم والديكم

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

كما موضح بالصورة تم إعطاء الخليه اليمنى نسبة مئوية 1%
ومن هنا يتم عمل الاتى إعطاء كل خليه على الأطراف نفس النسبة المئوية 1%
كما موضح
أفتراضاً الإستايل المصمم لدينا مصمم ليكون الأطراف كل طرف خليتان
فكل خلية تأخذ 1%
فأجعلونا فى التصميم الذى أمامنا كى لا تحوسوا فى الموضوع

كما ترون تم أعطاء الخليه اليمنى النسبة المئوية وعند إدراج الخليه اليسرى تم أعطائها نسبة مئوية 1%
بالله ركزو لحظه
كده أصبح مجموع النسب المئوية المعطاه 2% فاضل عندنا نسبة مئوية 98%
نقوم بإعطائها للخليه الوسطى موضح بالصورة

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

بكدة نكون أكملنى النسبة المئوية 100%
1% يمين + 1% يسار + 98% وسط = 100%
كما موضح بالصورة التالية

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

وبنائاً على هذا الأساس
يتم التوزيع لكافة الجداول
الأطراف تأخز 1% والوسط يأخذ المتبقى من النسبة المئوية
التووضيح النهائى بعد التوزيع فى الفرونت بيج
http://www.losha.net/shro7/twze3/012.jpg
مشاهدة الإستايل الذى تم أجراء الدرس عليه

عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح

ولاكن هذا أسهلهم

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

في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك

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

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله

Ali Losha
http://www.ojqji.net/vb/images/welcom/75.gif

لتحميل الدرس لمن لم تظهر عندة الصور

http://www.losha.net/shro7/tsmim/gobutton.gif عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

لمن أردا نقل الدرس بالكامل

http://www.losha.net/shro7/tsmim/gobutton.gif عفوا ,,, تم حجب الروابط و المرفقات عن الزوار و الأعضاء غير المتفاعلين [ للتسجيل اضغط هنا ]

اقتباس:
ملحوظه
هناك من يمر بموضوعك ويكون في أشد الحاجة إليه ويمنعه ضيق
الوقت من الرد عليه ويكتفي بالدعاء لك في ظاهر الغيب

( فأجعل هذا هو هدفك الذي تطمح أليه )



الساعة الآن 08:07 AM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By Almuhajir


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227