logo

أهلا وسهلا بك زائرنا الكريم في منتدى دعم 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
المشاركات : 12515
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73596
موقعي : زيارة موقعي
تطبيق احترافي وصحيح 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
المشاركات : 2152
الدولة : مصر Egypt
الجنس :
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5518
موقعي : زيارة موقعي
جـــــــــــزاكــــــــــم الله خــــــيـــــــــــراً،،
[/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
اقتبـاس ،،
شرح مميز كما عودتنـا اخي كلاسيك , بارك الله فيك ..
اذا كان هناك شى مميز حقاًَ فهو تواجدكم ودعمكم
فانا من علية الشكر ، شكر لتواجدك اخى شريف وردك الجميل ،،


رد جديد موضوع جديد
الصفحة 2 من 2 < 1 2 > الأخيرة




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

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









الساعة الآن 09:31 AM