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

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

السلام عليكم عليكم ورحمة الله وبركاتة ـ، تم اخراج هذا الرد من موضوع : < دعم الملحقات الفنية > طلبات ومشاكل الاستايل وملحقـاتة لتسهيل ال



06-12-2009 04:55 صباحاً
معلومات الكاتب ▼
انضم في : 24-09-2009
رقم العضوية : 126
المشاركات : 356
الجنس :
الدعوات : 1
قوة السمعة : 444
السلام عليكم عليكم ورحمة الله وبركاتة ـ،

تم اخراج هذا الرد من موضوع :
open [دعم الملحقات الفنية ] طلبات ومشاكل الاستايل وملحقـاتة
لتسهيل الوصل الى الشرح ، لمن يبحث عنة

لوضع صورة ثابتة كا خلفية للمنتدى ، للجانبين يمين ويسار
صمم صورة كا التى فى المرفقـات باسم back.jpg ضعها بمجلد الصور الخاص بالاستايل
ذاهب الى | ->
ملف css فى بداية الملف

CODE
body { 
	 background-color: #F3F3F3; 
	 margin: 10px 10px 0 10px; 
	 line-height: 120%; 
}


استبدل بـ
CODE
 
body { 
background-image: url(images/back.jpg); 
margin: 0px 160px 0px 160px; 
line-height: 140%; 
padding: 0px; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center top; 
}	 


استبدل الارقام الموجودة فى هذا الكود بارقام عرض الجوانب اليمين و اليسار
margin: 0px 160px 0px 160px;
كما يرجى ملاحظة انى وضعت 160 للمثال دون اهتمام لكن يفضل ان لا تزيد عن 140 والافضل هو 120 ^^ ما علينا افعل كما ترغب
الطريقة سهلة جداًَ ومفيدة
+ تم وضع مثال فى منتداى وهو موجود بالتوقيع تطبيق الشرح فى الاستايل

يرجى الاطلاع علية لتفهم الفكرة اكثر واكثر وتم التطبيق على الصورة التى بالمرفقات ،،
بدل الاستايل فى منتداى الى .:: استايل ::. وراح تشاهد المثال وهو معمول للمثال فقط وللتوضيح
 
 
  back.jpg   تحميل image/pjpeg مرات التحميل :(256)
الحجم :(74.954) KB

تم تحرير الموضوع بواسطة :.::classic::. بتاريخ:

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  06-12-2009 05:09 صباحاً   [1]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,565
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,196
موقعي : زيارة موقعي
تطبيق احترافي وصحيح 100% بالـ 100%
مبدع دائماً ياكلاسيك :)

وهنا نفس التطبيق للخلفية الثابته بدون مسافات في اعلى المنتدى واسفله
CODE
body {
background-image: url(images/اسم الصورة.gif);
margin: 0px 0px 0px 0px;
line-height: 120%;
padding: 0px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}


تم تحرير المشاركة بواسطة :Soliman بتاريخ:


look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  06-12-2009 05:21 صباحاً   [2]
معلومات الكاتب ▼
انضم في : 24-09-2009
رقم العضوية : 126
المشاركات : 356
الجنس :
الدعوات : 1
قوة السمعة : 444
شكراًَ لك استاذى الكريم ابو ركان ،، مرورك يشرفنى كثيراًَ

بامكانك استخدام الكود الذى تكرم بـوضعة اخى سليمان ، لتكن <- بدون مسافات ->

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  06-12-2009 01:55 مساءً   [3]
معلومات الكاتب ▼
انضم في : 20-07-2009
رقم العضوية : 13
المشاركات : 298
الدولة : (( E.G.Y.P.T - مصـــر ))
الجنس :
قوة السمعة : 158
موقعي : زيارة موقعي
العضو غائب ادعوا لي بالتوفيق :)
بارك الله فيك :)

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  06-12-2009 02:13 مساءً   [4]
معلومات الكاتب ▼
انضم في : 02-11-2009
رقم العضوية : 185
المشاركات : 144
الدولة : الإمبراطورية العمانية
الجنس :
الدعوات : 1
قوة السمعة : 98
شرح جميل ومفهوم

شكرا لك ::wink::

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


look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  06-12-2009 10:58 مساءً   [6]
معلومات الكاتب ▼
انضم في : 24-09-2009
رقم العضوية : 126
المشاركات : 356
الجنس :
الدعوات : 1
قوة السمعة : 444
اقتبـاس ،،
بارك الله فيك smile
يا هلا ، كاش ولك بلمثل ان شاء الله

اقتبـاس ،، شرح جميل ومفهوم

شكرا لك wink_3
الجميل هو مرورك اخى رونق الذى يشرفنى كثيراًَ ، واتمنى ان يكون الشرح بسيط وسهل

اقتبـاس ،،
جـــــــــــزاكــــــــــم الله خــــــيـــــــــــراً،،
و شكــــــراً لـــــــكــ .....لسرعة الإستجابه.....
هلا isma3eliano شكراًَ على مرورك
ولك بالمثل ان شاء الله ،،
تحت أمرك عزيزى ،


look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  07-12-2009 02:10 صباحاً   [7]
معلومات الكاتب ▼
انضم في : 28-10-2009
رقم العضوية : 171
المشاركات : 34
الجنس :
قوة السمعة : 4
موقعي : زيارة موقعي
شرح مميز كما عودتنـا اخي كلاسيك , بارك الله فيك ..

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  08-12-2009 02:53 صباحاً   [8]
معلومات الكاتب ▼
انضم في : 24-09-2009
رقم العضوية : 126
المشاركات : 356
الجنس :
الدعوات : 1
قوة السمعة : 444
اقتبـاس ،،
شرح مميز كما عودتنـا اخي كلاسيك , بارك الله فيك ..
اذا كان هناك شى مميز حقاًَ فهو تواجدكم ودعمكم
فانا من علية الشكر ، شكر لتواجدك اخى شريف وردك الجميل ،،


look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  11-12-2009 01:32 مساءً   [9]
معلومات الكاتب ▼
انضم في : 11-12-2009
رقم العضوية : 262
المشاركات : 10
الجنس :
قوة السمعة : 0
تسلم.....تم التجربة

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  12-12-2009 06:42 مساءً   [10]
معلومات الكاتب ▼
انضم في : 12-12-2009
رقم العضوية : 265
المشاركات : 5
الجنس :
قوة السمعة : 0
شكرا لكم على جهودكم

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  12-12-2009 09:33 مساءً   [11]
معلومات الكاتب ▼
انضم في : 12-12-2009
رقم العضوية : 266
المشاركات : 5
الجنس :
قوة السمعة : 0
وعليكم السلام

شرح اكثر من رائع

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  12-12-2009 09:41 مساءً   [12]
معلومات الكاتب ▼
انضم في : 10-12-2009
رقم العضوية : 261
المشاركات : 85
الجنس :
الدعوات : 1
قوة السمعة : 0
شكرا للشرح الرائع

لي سؤال

كيف يتم تغير عرض المنتدي نفسه

وكيف تغير عرض الصور في المواضيع والرودود عن طريق bbcode لأني بحست ولم اجد شيئا انا كنت امتلك خبره لحد ما في التعديل علي ملفات برامج phpbb3

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  16-12-2009 03:58 مساءً   [13]
معلومات الكاتب ▼
انضم في : 24-09-2009
رقم العضوية : 126
المشاركات : 356
الجنس :
الدعوات : 1
قوة السمعة : 444
يا هلا يا قلبى ،،

نفس الطريقة ولكن فقط ستعدل على الكود

اقتبـاس ،، body {
background-color: #F3F3F3;
margin: 10px 10px 0 10px;
line-height: 120%;
}
لاحظ ان رقم 10 هو عرض اليمن و اليسار بامكانك التحكم بها كما تشاء ^^

look/images/icons/i1.gif شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
  23-03-2010 02:26 صباحاً   [14]
معلومات الكاتب ▼
انضم في : 22-07-2009
رقم العضوية : 60
المشاركات : 167
الدولة : مصر
الجنس :
قوة السمعة : 196
موقعي : زيارة موقعي
روعة اخي كليسك

رد جديد موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
ارجو تعديل ملحق تعيين صورة خاصة للموضوع بحيث يتوافق مع الاصدار الجديد 3.4 جنرال الحب
4 194 Soliman
خطأ مع كود تويتر عند جلب الموضوع من التغذية .. داخل الموضوع ومع الصورة الخاصة Alashkar
12 315 Soliman
مشكلة الترميز من جديد مع صورة للتوضيح Mr. Galal Hasanin
13 358 kareem
كيفية اظهار صورة من داخل المواضيع مكان الأيقونة Alashkar
6 229 Alashkar
هل يوجد هاك لتعيين صورة لكل قسم أو منتدى؟ Alashkar
2 150 Alashkar

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









الساعة الآن 08:19 PM