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

طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد


الصفحة 2 من 2
<
1

03-08-2010 05:33 مساءً
PhpMax
معلومات الكاتب
السلام عليكم ورحمة الله وبركاته،،
بسم الله الرحمن الرحيم

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

طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد


[لوحة الإدارة] >> لوحة التحكم » التحكم بالإستايلات >> تحرير CSS للقالب الذي تستعمله

ستظهر لك صفحة فيها محتوى ملف الستايل ، ابحث عن body

على فرض وجدت فيه:

CODE
body { 
	 background-color: #F3F3F3; 
	 margin: 10px 10px 0 10px; 
}


غيره إلى - هذه القيم حسب الصورة التس سنستعمها غير efefef وعنوان الصورة حسب الحاجة.

CODE
 
body { 
background:#efefef url(images/bg.gif) repeat-y fixed center top; 
	 margin: 10px 10px 0 10px; 
}



حيث images/bg.gif هو عنوان صورة الخلفية التي تريدها، إذا استعملت نفس هذا ضع الصورة
bg.gif في مجلد images الموجود في مجلد القالب الذي تستعمله. (لا تنس أن ترفعها لمنتداك)


كيف استطبع جعل الأستايل غير متمدد - محدد العرض

في الأصل مصمم التصميم يحدد عرض الجدوال وهو الأفضل , ولكن يمكنك تحويل تصميم ممتد لمحدد بعده طرق إما بإضافة كود جدول وتحديد عرض الجدول ب 970 أو إضافة div . هذه طريقة اضافة div


ألإدارة : لوحة التحكم » القوالب
انقر على تحرير القوالب

ابحث عن القالب headinclud.tpl وانقر على تحرير

سيظهر لك محتوى القالب ضع الكود

CODE
<div style="margin: 0 auto;width:970px;">


بعد:

CODE
<body>



وبنفس الطريقة السابقة قم بتحرير القالب footer.tpl

سيظهر لك محتوى القالب ضع الكود

CODE
</div>


قبل

CODE
</body>
تم تحرير الموضوع بواسطة :emovip بتاريخ: 16-05-2011 08:00 مساءً

سبب التعديل : تحديث

  bg.gif   تحميل gif bg.gif مرات التحميل :(28)
الحجم :(22.593) KB
 

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  03-08-2010 09:46 مساءً   [1]
AHMED
معلومات الكاتب
شرح رائع جدا
بارك الله لك و جزاك بالخير الكثير اخى الفاضل
و تستحق اكثر من ان تكون عضو محترف
ادامك الله لنا بخير حال

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  04-08-2010 03:31 صباحاً   [2]
نجم الويب
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: AHMED
و تستحق اكثر من ان تكون عضو محترف
ادامك الله لنا بخير حال
طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
تابع مجهودك والى الامام

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  04-08-2010 10:30 مساءً   [3]
PhpMax
معلومات الكاتب
مشكورين على المرور الجميل

جزاكم الله كل خير

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  07-08-2010 12:10 صباحاً   [4]
isma3eliano
معلومات الكاتب
شكراً لك أخي الكريم علي الشرح المميز

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  21-08-2010 10:35 مساءً   [5]
ابو فاطمة
معلومات الكاتب
عليكم السلام ورحمة الله وبركاته
[/font]
[font=Arial]جزاكم الله خير وفقكم الله

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  29-08-2011 05:27 مساءً   [6]
ahmed-almalki
معلومات الكاتب
اخي انت تقول لوحة التحكم والقوالب طيب احرر اي قالب

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  29-08-2011 05:36 مساءً   [7]
PhpMax
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ahmed-almalki اخي انت تقول لوحة التحكم والقوالب طيب احرر اي قالب
أخي مذكور في الموضوع.

هذه ملفات قوالب

headinclud.tpl
footer.tpl

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  03-10-2011 01:59 مساءً   [8]
رضا الطيب
معلومات الكاتب
تسلم الايادى بس لى سوأل لو مخليتهوش ممتد الخلفيه مش هتظهر

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  11-10-2011 10:43 مساءً   [9]
isma3eliano
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: رضا الطيب
تسلم الايادى بس لى سوأل لو مخليتهوش ممتد الخلفيه مش هتظهر

الخلفية للصفحة أخي كلها ليست للجدول ... أتمني التوضيح لسؤالك

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  12-10-2011 10:54 صباحاً   [10]
mr.sheetos
معلومات الكاتب
هى فى مشكلة لما بفعل الاحصائيات اللى تبتقى فى اخر المنتدى بتبوظ التمدد وبتخلية شمال خالص خارج على الصورة

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  12-10-2011 01:13 مساءً   [11]
isma3eliano
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: mr.sheetos هى فى مشكلة لما بفعل الاحصائيات اللى تبتقى فى اخر المنتدى بتبوظ التمدد وبتخلية شمال خالص خارج على الصورة
ممكن أخي رابط المنتدي الذي فيه المشكلة

look/images/icons/i1.gif طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
  12-10-2011 02:05 مساءً   [12]
mr.sheetos
معلومات الكاتب
هو المنتدى بتاعى بس انا لغيت الاحصائيات بس انا معايا صورة للمشكلة قبل اللغاء الاحصائيات
طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد

الصفحة 2 من 2
<
1

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
مدموج :أدوات إضافية للمحرر تنسيق بخلفية وصور وفواصل وعبارات جاهزة LION HAERT
13 3764 mc nabulsy
مُشكلة ظُهور خلفية بيضاء وراء الصورة المُرفقة AL3AsHeQ
4 1204 Soliman
خلفية المنتدى pbb 3.0.2 xRawan
4 2083 عبدالاله الهذلي
مشكلة بـ هاك أدوات إضافية للمحرر تنسيق بخلفية وصور وفواصل وعبارات جاهزة عبدالاله الهذلي
7 1371 عبدالاله الهذلي
طلب : كيفية وضع خلفية للمنتدى في الأستايلات لنسخ 3.0.2 - 3.0.1 عبدالاله الهذلي
2 1092 عبدالاله الهذلي

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






الساعة الآن 10:25 AM