- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
-
14-04-2012 07:21 مساءً
-
معلومات الكاتب -
و يا ريت بسرعه لو سمحتم
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟16-04-2012 12:32 مساءً [1]
-
معلومات الكاتب -
أهلًا بك أخي ..
1- الإستايل جميل
ماشاء الله
2- هذه الصورة عرضها 1360px وليس بها مكان للتمدد
(مما يعني أن الإستايل سيكون عرضه كبير وغير متمدد وسيواجهك مشكلة مع أغلب المستخدمين للإستايل)
3- كنت أتمني لو حاولت التعلم من المواضيع الموجوده في قسم الشروحات وتخبرنا بالمشاكل التي تواجهك ونساعدك هذا سيكون أفضل لك لأنك ستتعلم للمستقبل
لحل مشكلة التمدد والعرض الكبيير - من رأيي -
أفعل مثل ما في الصورة المرفقة لكن علي التصميم الأساسي في الفوتوشوب حتي تحافظ علي الجوده يعني لا تعتمد علي هذه الصورة فهي غير متقنة 100%
فقط طبق ما فيها علي الفوتوشوب علي تصميمك وما في النصف أخفيه الآن وسنستخدمه بعد عمل هذه الخلفية قم أولًا بعمل الخلفية ثم أخبرني إنتهائك منها وأرفقها وسأخبرك بالخطوات اللاحقة
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟16-04-2012 01:28 مساءً [2]
-
معلومات الكاتب
-
اخي انا فهمت وش قصدك
بس صعب يلي تقوله عندي شي اسهل انا ممكن اسوي نفس الغيوم هذه لكن جزء صغير و أكرره اكثر من مره عشان بس يتركب يكون مكرر
كذا قصدك ؟
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟18-04-2012 06:17 صباحاً [8]
-
معلومات الكاتب
-
المشاركة الأصلية كتبت بواسطة: مهند
شكرا لك اخي لكن ..اقتبـاس ،، هنالك حل بالتوزيع لكنه قد يؤثر بعرض الشاشه
يتم تقسيم القسم الاعلىمن الاستايل الي هو على شكل غيوم
ووضعه كصوره HTML وجعل عرضها 100%
بعدها قصع الي تحتها على شكل لجو على اليسار وعلى اليمين
وايضاً وضع لون خلفيه مطابق
بعدها
الفوتر قطعه وااحده ووضعها في html بعرض 100%
وضع الاسهم في وسم BODY في ورقة السي اس اس
ووضع تكبير طول الصوره من الاعلى فراغ لتناسب الضهور
وبعدها تأطير الخلفيه الثانوية PBBOARD_BODY
او تعديل مثل تاي قلك عليه الاخ سيف
وشكرا
اخدت دروس لكن مو مثل هذا الستايل يعني ما فهمت 
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟18-04-2012 11:13 صباحاً [9]
-
معلومات الكاتب -
المشاركة الأصلية كتبت بواسطة: AhmedKhaled
العفوالمشاركة الأصلية كتبت بواسطة: مهند
شكرا لك اخي لكن ..اقتبـاس ،، هنالك حل بالتوزيع لكنه قد يؤثر بعرض الشاشه
يتم تقسيم القسم الاعلىمن الاستايل الي هو على شكل غيوم
ووضعه كصوره HTML وجعل عرضها 100%
بعدها قصع الي تحتها على شكل لجو على اليسار وعلى اليمين
وايضاً وضع لون خلفيه مطابق
بعدها
الفوتر قطعه وااحده ووضعها في html بعرض 100%
وضع الاسهم في وسم BODY في ورقة السي اس اس
ووضع تكبير طول الصوره من الاعلى فراغ لتناسب الضهور
وبعدها تأطير الخلفيه الثانوية PBBOARD_BODY
او تعديل مثل تاي قلك عليه الاخ سيف
وشكرااخدت دروس لكن مو مثل هذا الستايل يعني ما فهمت
ههههههههههه هب سغلة طويله يلى تضبط
الافضل حاول تنيقه مثل ما قلك الاخ سيف اسماعيلينو
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟05-05-2012 12:29 صباحاً [11]
-
معلومات الكاتب
-
تم فتح الموضوع مرة أخري لوجود مشكلة أخري ظهرت للعضو في تركيب ما تم تقطيعه
لتركيب ما تم تقطيعه أولًا ..
يتم وضع الصور في ملف وليكن إسمه
style
ويتم وضعه في ملف الصور الخاص بالإستايل
ثم في الـcss نضع الخلفية
قم بالرجوع لهذا الموضوع
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
ثم قم بتوزيع الإستايل سواء بالجداول ( الطريقة القديمة ) بإستخدام الفرونت بيج
ويكون هكذا ..
1- أفتح الفرونت بيج
أفتح صفحة جديده وأختار
(تعليمات برمجية - code)
ثم أحذف كل ما داخلها وأختار مره أخري (تصميم - Design)
ثم قم بعمل جدول
مكون من خمسة صفوف (علي حسب الإحتياج ) وعمود واحد
5 Row
1 Column
ثم قم بتعديل خصائص الجدول كالصورة
ثم قم بتوزيع الصور كما في الصورة
بعد هذا تقوم بالدخول إلي
(تعليمات برمجية - code)
و تبحث عن مسار الصور
مثلًا src="style_03.png"
وتقوم بالضغط ctrl + F
ثم (إستبدال - Replace)
ثم البحث عن : src="st
و الإستبدال بـ :
src="{$image_path}/images/st
images هو إسم ملف الصور والذي رمزنا له في أول الأمر بـStyle
ثم Replace All أو إستبدل الكل
ثم بعد هذا نبحث عن مكان التمدد الطولي وهو
نأخذ الكود الأحمر وما فوقه مثلًا سيكون
CODE<div align="center"> <table border="0" width="800" dir="rtl" cellspacing="0" cellpadding="0"> <tr> <td width="325"> <img border="0" src="{$image_path}/images/style_04.png" width="325" height="80"></td> <td width="493" rowspan="2"> <img border="0" src="{$image_path}/images/style_03.png" width="493" height="173"></td> </tr> <tr> <td width="325" height="89"> <img border="0" src="{$image_path}/images/style_07.png" width="325" height="88"></td> </tr> <tr> <td colspan="2"> <img border="0" src="{$image_path}/images/style_09.png" width="818" height="65"></td> </tr> <tr> <td height="92" align="center"> <img border="0" src="{$image_path}/images/style_18.png" width="256" height="42"></td> <td height="92" align="center"> <table border="0" width="100" cellspacing="0" cellpadding="0"> <tr> <td width="89" rowspan="3"> <img border="0" src="{$image_path}/images/style_11.png" width="89" height="100"></td> <td width="187"> <img border="0" src="{$image_path}/images/style_24.png" width="187" height="36"></td> <td rowspan="2"> <img border="0" src="{$image_path}/images/style_14.png" width="67" height="35"></td> </tr> <tr> <td width="187" rowspan="2"> <img border="0" src="{$image_path}/images/style_15.png" width="187" height="36"></td> </tr> <tr> <td> <img border="0" src="{$image_path}/images/style_23.png" width="67" height="36"></td> </tr> </table> </td> </tr> <tr> <td colspan="2">
ونضعه في الهيدر
header.tpl
وفي الفوتر
footer.tpl
نضع كل ما تحت الأحمر في نهاية الفوتر
CODE </td> </tr> <tr> <td colspan="2" align="left"> <img border="0" src="{$image_path}/images/style_27.png" width="265" height="84"></td> </tr> </table> </div>
أو بالـcss الطريقة الأكثر إحترافية وسأقوم بعمل هذا الشرح إن شاء الله
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟05-05-2012 04:25 مساءً [12]
-
معلومات الكاتب
-
تسلم يالغالي .. ان شاء الله اقدر ارد لك المعروف
-