said
11-01-2013, بتوقيت غرينيتش 08:44 AM
الأن نبدأ الدرس مفصل الخاص في ملف : style.Css الخاص في قالب template default القالب template الأساسي لمدونة blog الوورد بريس وهذا الملف هو المتحكم الأساسي في شكل المدونة blog وطريقة عرض المواضيع والألوان و شكل الهيدر header والفوتر أيضاً . نبدأ بالكود code الأول الخاص في هذا الملف وهو كود code :
رمز PHP:
<code style="white-space:nowrap"> <code> /* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #333;
text-align: center;
}
</code> </code>
هذا الكود code هو الخاص في الشكل العام للمدونة blog أو الأستايل style : دعونا نتعرف على كل كود code لوحدة لنفهم ما هي الأوامر التي يقوم بها كل كود code منفصل .
رمز Code:
* font-size: 62.5%; * Resets 1em to 10px ;
هذا الكود code يعني بكل بساطه عن حجم الخط في المدونة blog وهو 62.5% تقريباً مثل حجم الخط 11px وهو خط جميل ومميز لأكثر المدونات .
رمز Code:
* font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
هذا الكود code خاص في نوع الخط كما هو مبين لدينا أنواع كثيرة من الخطوط لاكن خط ‘Lucida Grande’ هو الخط الأساسي للعرض لكل الزوار أما باقي الخطوط تعني أذا لم يتم قرائة الخط الأساسي من قبل جهاز المستخدم يتم الأنتقال إلى الخط الثاني الذي هو Verdana وهكذا يتم فهم الخطوط للمتصفح ولأجهزة الزوار المتصفحين للموقع .
رمز PHP:
<code style="white-space:nowrap"> <code> background: #d5d6d7 url('images/kubrickbgcolor.jpg');
</code> </code>
هذا الكود code يقصد في خلفية المدونة blog أي تستطيع أضافة الصورة لخلفية المدونة blog بدل من الون ولأضافة لون بدل الصورة يكون شكل الكود code كتالي
رمز Code:
* background: #d5d6d7;
هذا يعني بأن خلفية المدونة blog تكون بهذا الون :
رمز Code:
#d5d6d7
رمز Code:
* color: #333;
هذا الكود code خاص في لون الخط الرئيسي للمدونة blog الون الأساسي للمواضيع .
رمز Code:
* text-align: center;
هذا الكود code المقصود منه أن جميع الخطوط الرئيسية للمدونة blog تكون متوسطة وليست على اليمين أو اليسار . وأنا أنصح بعدم أستخدام هذا الكود code بهذه الطريقة .
الأن يتم قفل الكود code بعلامة تنصيصية مثال : }
ونبدأ بكود code أخر . طبعاً هذه الأكود code يتم قرائتها من قبل القالب template المستخدم قالب template : default . وكيفية قرائة هذه الأكواد كتالي : نفتح ملف header.php ونتوجه لسطر رقم 35 و 36
نشاهد هذا الكود code : <body <?php body_class(); ?>>
<div id=”page”>
نشاهد الأمر :id=”page” وهو يطلب من ملف الأستايل style style.Css أوامر ومميزات كود code page .
وهنا نفهم بأن لكل كود code رمز يتم قرائتة في ملف الأستايل style style.Css .
ننهي درس مفصل اليوم .. انتظرونوي في الدرس مفصل القآدم .. !
المصدر
الدرس مفصل الثاني من دوره تعريب قوالب وورد بريس ، تعرف على ملف style.Css ، | مدونة blog ahm (http://ahm-7.blogspot.com/2014/10/stylecss.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
رمز PHP:
<code style="white-space:nowrap"> <code> /* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #333;
text-align: center;
}
</code> </code>
هذا الكود code هو الخاص في الشكل العام للمدونة blog أو الأستايل style : دعونا نتعرف على كل كود code لوحدة لنفهم ما هي الأوامر التي يقوم بها كل كود code منفصل .
رمز Code:
* font-size: 62.5%; * Resets 1em to 10px ;
هذا الكود code يعني بكل بساطه عن حجم الخط في المدونة blog وهو 62.5% تقريباً مثل حجم الخط 11px وهو خط جميل ومميز لأكثر المدونات .
رمز Code:
* font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
هذا الكود code خاص في نوع الخط كما هو مبين لدينا أنواع كثيرة من الخطوط لاكن خط ‘Lucida Grande’ هو الخط الأساسي للعرض لكل الزوار أما باقي الخطوط تعني أذا لم يتم قرائة الخط الأساسي من قبل جهاز المستخدم يتم الأنتقال إلى الخط الثاني الذي هو Verdana وهكذا يتم فهم الخطوط للمتصفح ولأجهزة الزوار المتصفحين للموقع .
رمز PHP:
<code style="white-space:nowrap"> <code> background: #d5d6d7 url('images/kubrickbgcolor.jpg');
</code> </code>
هذا الكود code يقصد في خلفية المدونة blog أي تستطيع أضافة الصورة لخلفية المدونة blog بدل من الون ولأضافة لون بدل الصورة يكون شكل الكود code كتالي
رمز Code:
* background: #d5d6d7;
هذا يعني بأن خلفية المدونة blog تكون بهذا الون :
رمز Code:
#d5d6d7
رمز Code:
* color: #333;
هذا الكود code خاص في لون الخط الرئيسي للمدونة blog الون الأساسي للمواضيع .
رمز Code:
* text-align: center;
هذا الكود code المقصود منه أن جميع الخطوط الرئيسية للمدونة blog تكون متوسطة وليست على اليمين أو اليسار . وأنا أنصح بعدم أستخدام هذا الكود code بهذه الطريقة .
الأن يتم قفل الكود code بعلامة تنصيصية مثال : }
ونبدأ بكود code أخر . طبعاً هذه الأكود code يتم قرائتها من قبل القالب template المستخدم قالب template : default . وكيفية قرائة هذه الأكواد كتالي : نفتح ملف header.php ونتوجه لسطر رقم 35 و 36
نشاهد هذا الكود code : <body <?php body_class(); ?>>
<div id=”page”>
نشاهد الأمر :id=”page” وهو يطلب من ملف الأستايل style style.Css أوامر ومميزات كود code page .
وهنا نفهم بأن لكل كود code رمز يتم قرائتة في ملف الأستايل style style.Css .
ننهي درس مفصل اليوم .. انتظرونوي في الدرس مفصل القآدم .. !
المصدر
الدرس مفصل الثاني من دوره تعريب قوالب وورد بريس ، تعرف على ملف style.Css ، | مدونة blog ahm (http://ahm-7.blogspot.com/2014/10/stylecss.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
