بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي المركز التعليمي المجاني دعم وتطوير الـ IPB

دعم وتطوير الـ IPB مخصص لكل ما يتعلق بهذا النوع من المنتديات

موضوع مغلق اضف موضوع جديد
 
خيارات الموضوع طريقة العرض
  #1  
قديم 03-05-2011, 02:52 AM
Mr_Design Mr_Design غير متصل
عضو
 
تاريخ التسجيل: Oct 2008
مشاركة: 62
مستوى تقييم العضوية: 16
Mr_Design is on a distinguished road
الافتراضي الدرس الثانى طريقة تصميم ستايل IP.Borad 3

بسم الله الرحمن الرحيم

الدرس الثانى طريقة تصميم ستايل IP.Borad 3

نبدأ بأذن الله سلسلة دروس تصميم الاستايل

----------------------------------------------------------------

الدرس الرابع :-

هو كيفية تغير خلفية عناوين الاقسام الداخلية وتسمى ( Row1 & Row2 )


نقوم بالبحث عن :-

كود:
/* COLORS */
 
 .row1, .row1 td, .post_block.row1 {
 background-color: #fafbfc; /* Very light blue */
 }
 
 .row1 .altrow, .row1.altrow,
 .personal_info, .general_box {
 background-color: #eef3f8; /* Slightly darker than row1 */
 }
 
 .row2, .row2 td, .post_block.row2,
 .message {
 background-color: #f1f4f7; /* Light blue */
 }
 
 .row2 .altrow, .row2.altrow,
 /* ul.post_controls,*/
 ul.topic_moderation {
 background-color: #e4ebf2; /* Slightly darker than row2 */
 }

حيث الشكل التالى يقوم بتوضيح الآمر اكثر :blink:

قبل التعديل




نقوم بتغير fafbfc الى اللون الذى نريدة مثلا CDAA7D
----------------------------------------------------------------
نقوم بتغير eef3f8 الى اللون الذى نريدة مثلا CDB38B
----------------------------------------------------------------
نقوم بتغير f1f4f7 الى اللون الذى نريدة مثلا CDAF95
----------------------------------------------------------------
نقوم بتغير e4ebf2 الى اللون الذى نريدة مثلا CDB79E
----------------------------------------------------------------
ليتعدل شكل الكود السابق الى شكل الكود التالى

دة كود انا معدلة على مزاجى

كود:
/* COLORS */

.row1, .row1 td, .post_block.row1 {
	background-color: #F7F7F7; /* Very light blue */
}

	.row1 .altrow, .row1.altrow,
	.personal_info, .general_box {
		background-color: #F7F7F7; /* Slightly darker than row1 */
	}
	
.row2, .row2 td, .post_block.row2,
.message {
	background-color: #F7F7F7; /* Light blue */
}

	.row2 .altrow, .row2.altrow,
/*	ul.post_controls,*/
	ul.topic_moderation {
		background-color: #F7F7F7; /* Slightly darker than row2 */
	}

بعد التعديل






اما إذا ارت تغير الخلفية الخاصة بهذا القسم الى صورة

فعليك إستبدال :-

كود:
 background: #درجة اللون;


بالكود التالى :-

كود:
background:  url(http://www.ipbcity.net/forums/public/style_images/orang/ipbcity.png) repeat-x 50%;
حيث ipbcity = اسم الصورة المختارة

حيث pin = صيغة الصورة حيث يمكن اختلافها كـــ Gif او Jepg

ثم اضغط على Save

----------------------------------------------------------------

الدرس الخامس :-

هو كيفية تغير خلفية شريط الادارة فى الفوتر وتسمى ( filter bar )

الموجودة بة

إقتباس:

* مواضيع اليوم النشطة
* الهيكل الإدارى للمنتدى
* أفضل عشرين مشارك اليوم
* افضل المشاركين كليا فى المنتدى



نقوم بالبحث عن :-

كود:
/* Filter & moderation bars */
 .filter_bar {
 background-color: #1d3652;
حيث الشكل التالى يقوم بتوضيح الآمر اكثر :blink:

قبل التعديل




نقوم بتغير 1d3652 الى اللون الذى نريدة مثلا C73F17

ليتعدل شكل الكود السابق الى شكل الكود التالى

كود:
/* Filter & moderation bars */
 .filter_bar {
 background-color: #C73F17;
بعد التعديل



اما إذا ارت تغير الخلفية الخاصة بهذا القسم الى صورة

فعليك إستبدال :-

background: #قيمة اللون;


بالكود التالى :-

كود:
background:  url(http://www.ipbcity.net/forums/public/style_images/orang/ipbcity.png) repeat-x 50%;
حيث ipbcity = اسم الصورة المختارة

حيث pin = صيغة الصورة حيث يمكن اختلافها كـــ Gif او Jepg

ثم اضغط على Save


----------------------------------------------------------------

الدرس السادس :-

هو كيفية تغير خلفية الآحصائيات وتسمى ( general box )

نقوم بالبحث عن :-

كود:
/* General block */
 .general_box {
 background-color: #eef3f8;
حيث الشكل التالى يقوم بتوضيح الآمر اكثر :blink:

قبل التعديل




نقوم بتغير eef3f8 الى اللون الذى نريدة مثلا CDB79E

ليتعدل شكل الكود السابق الى شكل الكود التالى


كود:
/* General block */
 .general_box {
 background-color: #CDB79E;
بعد التعديل



اما إذا ارت تغير الخلفية الخاصة بهذا القسم الى صورة

فعليك إستبدال :-

background: #قيمة اللون;


بالكود التالى :-


كود:
background:  url(http://www.ipbcity.net/forums/public/style_images/orang/ipbcity.png) repeat-x 50%;
حيث ipbcity = اسم الصورة المختارة

حيث pin = صيغة الصورة حيث يمكن اختلافها كـــ Gif او Jepg

ثم اضغط على Save

----------------------------------------------------------------

الدرس السابع :-



هو كيفية تغير خلفية شريط الفوتر من الاسفل ويوجد بة قوائم اللغة

والاستايل والوقت والتاريخ واخر زيارة لك ويسمى ( footer utilities bar )

نقوم بالبحث عن :-

كود:
 background: #192b40 url(http://www.ipbcity.net/public/style_images/test2-images/gradient_bg.png) repeat-x 50%;
حيث الشكل التالى يقوم بتوضيح الآمر اكثر :blink:

قبل التعديل




نقوم بتغير 192b40 الى اللون الذى نريدة مثلا C73F17

ليتعدل شكل الكود السابق الى شكل الكود التالى

كود:
 background: #C73F17 url(http://www.ipbcity.net/public/style_images/test2-images/gradient_bg.png) repeat-x 50%;
بعد التعديل



اما إذا ارت تغير الخلفية الخاصة بهذا القسم الى صورة

فعليك إستبدال :-

background: #قيمة اللون;


بالكود التالى :-


كود:
background:  url(http://www.ipbcity.net/forums/public/style_images/orang/ipbcity.png) repeat-x 50%;
حيث ipbcity = اسم الصورة المختارة

حيث pin = صيغة الصورة حيث يمكن اختلافها كـــ Gif او Jepg

ثم اضغط على Save

----------------------------------------------------------------

الدرس الثامن :-

لتغير حواف الجدول المحيط بالاحصائيات

نبحث عن :-


كود:
"border: 1px solid #d5dde5;"
وايضا

كود:
"border-bottom: 4px solid #d5dde5"
الموجودين فى كلاس :-

كود:
/* General block */
 .general_box {
 background-color: #eef3f8;
 border: 1px solid #d5dde5;
 border-bottom: 4px solid #d5dde5
ومن ثم نقوم بتغير d5dde5 الى C76114

ثم اضغط على Save

وبهذا أعزائى الآعضاء نكون انتهينا من تعديل عناوين الآقسام الصغرى

-----------------------------------------------------------

وبكدة يكون انتهى درسنا اليوم بخصوص ال3 اقسام الللى تم شرحهم

الى لقاء أخر باذن الله فى تكملة الدروس والكمال لله عز وجل






التوقيع
شركة مدينة الآى بى

WwW.ipbcity.net

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



خيارات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة موضوع جديد
لا يمكنك الرد على المواضيع
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

كود vB متاح
كود [IMG] متاح
كود HTML مغلق
إنتقل إلى

مواضيع مشابهة
الموضوع الكاتب القسم مشاركة آخر مشاركة
الدرس الآول طريقة تصميم ستايل IP.Borad 3 Mr_Design دعم وتطوير الـ IPB 1 03-05-2011 02:22 AM
[الدرس الثانى ] شرح عمل قاعده بيانات للمنتدى Mr.KEMOo قسم المنتديات 2 19-04-2011 06:33 AM
الدرس الثانى من دورة دعم ايجى تعريب المنتدى + شرح انشاء الاقسام و المنتديات عمدة قسم المنتديات 2 26-09-2010 08:02 PM
الدرس الثانى(شرح كامل بالصور لكيفية رفع ملفات النسخة وتسطيبها و عمل قاعدة بيانات مرتب kalmna دعم وتطوير الـ IPB 5 11-03-2009 06:57 PM
الدرس الثانى : ماهى المواقع الموجودة على الشبكة وكيف وممما تتكون ؟ عم مصر تطويرالمواقع 0 13-03-2007 10:00 AM


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 04:57 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية