أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟

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


موضوع مغلق


14-04-2012 07:21 مساءً
معلومات الكاتب ▼
انضم في : 14-04-2012
رقم العضوية : 2,151
المشاركات : 5
الجنس :
تاريخ الميلاد : 26-12-1999
قوة السمعة : 4
1334373970901
و يا ريت بسرعه لو سمحتم huh

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  16-04-2012 12:32 مساءً   [1]
معلومات الكاتب ▼
انضم في : 03-11-2009
رقم العضوية : 188
المشاركات : 2,152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5,518
موقعي : زيارة موقعي
أهلًا بك أخي ..
1- الإستايل جميل
ماشاء الله

2- هذه الصورة عرضها 1360px وليس بها مكان للتمدد
(مما يعني أن الإستايل سيكون عرضه كبير وغير متمدد وسيواجهك مشكلة مع أغلب المستخدمين للإستايل)
3- كنت أتمني لو حاولت التعلم من المواضيع الموجوده في قسم الشروحات وتخبرنا بالمشاكل التي تواجهك ونساعدك هذا سيكون أفضل لك لأنك ستتعلم للمستقبل :)

لحل مشكلة التمدد والعرض الكبيير - من رأيي -

أفعل مثل ما في الصورة المرفقة لكن علي التصميم الأساسي في الفوتوشوب حتي تحافظ علي الجوده يعني لا تعتمد علي هذه الصورة فهي غير متقنة 100%

فقط طبق ما فيها علي الفوتوشوب علي تصميمك وما في النصف أخفيه الآن وسنستخدمه بعد عمل هذه الخلفية قم أولًا بعمل الخلفية ثم أخبرني إنتهائك منها وأرفقها وسأخبرك بالخطوات اللاحقة
 
  1334373970901.gif   تحميل gif 1334373970901.gif مرات التحميل :(12)
الحجم :(100.926) KB
 


look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  16-04-2012 01:28 مساءً   [2]
معلومات الكاتب ▼
انضم في : 14-04-2012
رقم العضوية : 2,151
المشاركات : 5
الجنس :
تاريخ الميلاد : 26-12-1999
قوة السمعة : 4
اخي انا فهمت وش قصدك
بس صعب يلي تقوله عندي شي اسهل انا ممكن اسوي نفس الغيوم هذه لكن جزء صغير و أكرره اكثر من مره عشان بس يتركب يكون مكرر puppyeyes
كذا قصدك ؟

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  16-04-2012 05:56 مساءً   [3]
معلومات الكاتب ▼
انضم في : 29-12-2010
رقم العضوية : 1,135
المشاركات : 240
الدولة : جزائري
الجنس :
قوة السمعة : 712
موقعي : زيارة موقعي
العضو غائب غائب بسبب الدراسة
بعد السلام أخي
أخي غير تمدد الستايل + إلى 1024 بيكسل على الأقل لكي يسهل التقطيع
تصميم مميز يا أخي + لو تصبرلي حتى شهرين بعد الإمتحانات و أنا سأقطعه و أكوده لك و مجانا يا أخي + الدعوات حتى أحرز معدل 17 في الإمتحانات القادمة وشكرا

أخوك أسامة

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  16-04-2012 06:22 مساءً   [4]
معلومات الكاتب ▼
انضم في : 03-11-2009
رقم العضوية : 188
المشاركات : 2,152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5,518
موقعي : زيارة موقعي
ما تقوله صحيح لكن الأسهل ما قلته لك
كما قال أخي اسامة لديك اختيار أن تجعله بعرض 1024 وهو بتنفيذ ما قلته لك بعمل هذه الخلفية ثم إكمال بقية الأشياء الأخري

أو بعمله متمدد وأعتقد أن هذا لن يكون ملائم لإستايلك هذا

لو لم تنجح في عمل الخلفية كما أخبرتك .. أرفق ملف الـpsd أو أرسله في رسالة خاصة وسأقوم بعمله لك

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  16-04-2012 11:01 مساءً   [5]
معلومات الكاتب ▼
انضم في : 29-12-2010
رقم العضوية : 1,135
المشاركات : 240
الدولة : جزائري
الجنس :
قوة السمعة : 712
موقعي : زيارة موقعي
العضو غائب غائب بسبب الدراسة
الأخ سيف هنا لحل مشكلك و هو صادق و ليس سارق للحقوق

و إن شاء الله موفقين

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  17-04-2012 12:40 مساءً   [6]
معلومات الكاتب ▼
انضم في : 14-04-2012
رقم العضوية : 2,151
المشاركات : 5
الجنس :
تاريخ الميلاد : 26-12-1999
قوة السمعة : 4
شكرا لك اخي سوف يتم ارساله برساله خاصه و شكرا

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  17-04-2012 05:02 مساءً   [7]
معلومات الكاتب ▼
انضم في : 11-07-2010
رقم العضوية : 586
المشاركات : 2,310
الدولة : العراق
الجنس :
تاريخ الميلاد : 11-12-1995
الدعوات : 3
الإنذارات : 1
قوة السمعة : 4,012
موقعي : زيارة موقعي
العضو غائب كن في الطريق عفيف الخطى شريف السماع كريم النظر وكن رجلاً ان اتوا بعده يقولون مر وهذا الاثر
اقتبـاس ،، هنالك حل بالتوزيع لكنه قد يؤثر بعرض الشاشه
يتم تقسيم القسم الاعلىمن الاستايل الي هو على شكل غيوم
ووضعه كصوره HTML وجعل عرضها 100%
بعدها قصع الي تحتها على شكل لجو على اليسار وعلى اليمين
وايضاً وضع لون خلفيه مطابق
بعدها
الفوتر قطعه وااحده ووضعها في html بعرض 100%

وضع الاسهم في وسم BODY في ورقة السي اس اس
ووضع تكبير طول الصوره من الاعلى فراغ لتناسب الضهور
وبعدها تأطير الخلفيه الثانوية PBBOARD_BODY

او تعديل مثل تاي قلك عليه الاخ سيف
وشكرا

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  18-04-2012 06:17 صباحاً   [8]
معلومات الكاتب ▼
انضم في : 14-04-2012
رقم العضوية : 2,151
المشاركات : 5
الجنس :
تاريخ الميلاد : 26-12-1999
قوة السمعة : 4
المشاركة الأصلية كتبت بواسطة: مهند
اقتبـاس ،، هنالك حل بالتوزيع لكنه قد يؤثر بعرض الشاشه
يتم تقسيم القسم الاعلىمن الاستايل الي هو على شكل غيوم
ووضعه كصوره HTML وجعل عرضها 100%
بعدها قصع الي تحتها على شكل لجو على اليسار وعلى اليمين
وايضاً وضع لون خلفيه مطابق
بعدها
الفوتر قطعه وااحده ووضعها في html بعرض 100%

وضع الاسهم في وسم BODY في ورقة السي اس اس
ووضع تكبير طول الصوره من الاعلى فراغ لتناسب الضهور
وبعدها تأطير الخلفيه الثانوية PBBOARD_BODY

او تعديل مثل تاي قلك عليه الاخ سيف
وشكرا
شكرا لك اخي لكن .. 8wxاخدت دروس لكن مو مثل هذا الستايل يعني ما فهمت upset

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  18-04-2012 11:13 صباحاً   [9]
معلومات الكاتب ▼
انضم في : 11-07-2010
رقم العضوية : 586
المشاركات : 2,310
الدولة : العراق
الجنس :
تاريخ الميلاد : 11-12-1995
الدعوات : 3
الإنذارات : 1
قوة السمعة : 4,012
موقعي : زيارة موقعي
العضو غائب كن في الطريق عفيف الخطى شريف السماع كريم النظر وكن رجلاً ان اتوا بعده يقولون مر وهذا الاثر
المشاركة الأصلية كتبت بواسطة: AhmedKhaled
المشاركة الأصلية كتبت بواسطة: مهند
اقتبـاس ،، هنالك حل بالتوزيع لكنه قد يؤثر بعرض الشاشه
يتم تقسيم القسم الاعلىمن الاستايل الي هو على شكل غيوم
ووضعه كصوره HTML وجعل عرضها 100%
بعدها قصع الي تحتها على شكل لجو على اليسار وعلى اليمين
وايضاً وضع لون خلفيه مطابق
بعدها
الفوتر قطعه وااحده ووضعها في html بعرض 100%

وضع الاسهم في وسم BODY في ورقة السي اس اس
ووضع تكبير طول الصوره من الاعلى فراغ لتناسب الضهور
وبعدها تأطير الخلفيه الثانوية PBBOARD_BODY

او تعديل مثل تاي قلك عليه الاخ سيف
وشكرا
شكرا لك اخي لكن .. 8wxاخدت دروس لكن مو مثل هذا الستايل يعني ما فهمت upset
العفو
ههههههههههه هب سغلة طويله يلى تضبط
الافضل حاول تنيقه مثل ما قلك الاخ سيف اسماعيلينو smile


look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  25-04-2012 04:11 مساءً   [10]
معلومات الكاتب ▼
انضم في : 03-11-2009
رقم العضوية : 188
المشاركات : 2,152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5,518
موقعي : زيارة موقعي
السلام عليكم ورحمة الله وبركاته ،،
تم غلق الموضوع لأحد الأسباب التالية:
  1. تم حل المشكلة والحمدلله.
  2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
  3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).
عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المنتديات بإغلاق المواضيع التي تتوافق مع الأسباب السابقة.
بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار .

إدارة المنتديات،،

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  05-05-2012 12:29 صباحاً   [11]
معلومات الكاتب ▼
انضم في : 03-11-2009
رقم العضوية : 188
المشاركات : 2,152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5,518
موقعي : زيارة موقعي
تم فتح الموضوع مرة أخري لوجود مشكلة أخري ظهرت للعضو في تركيب ما تم تقطيعه

لتركيب ما تم تقطيعه أولًا ..

يتم وضع الصور في ملف وليكن إسمه
style
ويتم وضعه في ملف الصور الخاص بالإستايل

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

ثم قم
بتوزيع الإستايل سواء بالجداول ( الطريقة القديمة ) بإستخدام الفرونت بيج

ويكون هكذا ..

1- أفتح الفرونت بيج
أفتح صفحة جديده وأختار
(تعليمات برمجية - code)
ثم أحذف كل ما داخلها وأختار مره أخري (تصميم - Design)
ثم قم بعمل جدول
مكون من خمسة صفوف (علي حسب الإحتياج ) وعمود واحد
5 Row
1 Column
ثم قم بتعديل خصائص الجدول كالصورة

scaled.php?server=26&filename=26505030

ثم قم بتوزيع الصور كما في الصورة

scaled.php?server=696&filename=79944933


بعد هذا تقوم بالدخول إلي
(تعليمات برمجية - code)

و تبحث عن مسار الصور
مثلًا src="style_03.png"

وتقوم بالضغط ctrl + F
ثم (إستبدال - Replace)
ثم البحث عن : src="st
و الإستبدال بـ :
src="{$image_path}/images/st

images هو إسم ملف الصور والذي رمزنا له في أول الأمر بـStyle

ثم Replace All أو إستبدل الكل

ثم بعد هذا نبحث عن مكان التمدد الطولي وهو

scaled.php?server=593&filename=89829640


نأخذ الكود الأحمر وما فوقه مثلًا سيكون

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 الطريقة الأكثر إحترافية وسأقوم بعمل هذا الشرح إن شاء الله

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  05-05-2012 04:25 مساءً   [12]
معلومات الكاتب ▼
انضم في : 14-04-2012
رقم العضوية : 2,151
المشاركات : 5
الجنس :
تاريخ الميلاد : 26-12-1999
قوة السمعة : 4
puppyeyesتسلم يالغالي .. ان شاء الله اقدر ارد لك المعروف 157

look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  06-05-2012 12:13 صباحاً   [13]
معلومات الكاتب ▼
انضم في : 03-11-2009
رقم العضوية : 188
المشاركات : 2,152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5,518
موقعي : زيارة موقعي
المشاركة الأصلية كتبت بواسطة: AhmedKhaled puppyeyesتسلم يالغالي .. ان شاء الله اقدر ارد لك المعروف 157
العفوا أخي .. جرب ما شرحت في ردي السابق وأخبرني بالمشاكل التي تواجهك في الشرح ..




الكلمات الدلالية
لا يوجد كلمات دلالية ..









الساعة الآن 02:38 AM