استفسار - طريقة تغيير الخلفية

wardeyah · #1 10-18-2007, 09:43 PM

السلام عليكم ورحمة الله وبركاته

سؤالي اليوم هو كيف اغير لون الbackground?

مشكورين والله يعطيكم الف عافيه

معنى الوجود · #2 10-18-2007, 10:44 PM

افتحي مجلد ورد برس

ثم ادخلي المجلد wp-content ثم thimes ثم ( مجلد القالب الذي تريدين تغيير خلفيته ) ثم مجلد images

ستجدين صور كثيرة :

احداها تمثل الخلفية لجسم التدوينة .. في بعض القوالب يكون اسم الصورة bg

أحياناً يكون هناك صورة خلفية أخرى .. عندما يستعرض الزائر تدونية واحدة .. أحياناً يكون اسمها bgwide

هناك صورة ثالثة اسمها bgcolor هذه لخلفية المدونة ككل ( لا علاقة لها بجسم التدونية ) اسمها عندي في القالب bgcolor

عدلي هذه الصور بالفوتشوب للون الذي تريدين مع الحفاظ على الأبعاد ...

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

هذا الكلام الذي في الأعلى يعتمد على نوع القالب ((( ربما لا يتناسب معك ))) .....

لو وضعتي مجلد الصور أو رابط للمدونة .. أفضل ...

hassan alshaikh · #3 10-19-2007, 12:52 AM

اختي عن طريق ملف css

في قائمة body {

اذا تبي تغيرين لون .. فقط

هذا مثال

background: #FFFFFF

FFFFFF << هو عباره عن كود اللون ..

اذا تبين تحطين خلفيه من تصميمك

امسحي كود اللون وحطي بداله :-

url(images/background.jpg)

اللون الاحمر اسم الصوره ونوعها ..

وطبعا ً تضيفين مسارها داخل مجلد الصور

female · #4 02-25-2008, 03:36 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة qaahr

اختي عن طريق ملف css

في قائمة body {

اذا تبي تغيرين لون .. فقط

هذا مثال

background: #FFFFFF

FFFFFF << هو عباره عن كود اللون ..

اذا تبين تحطين خلفيه من تصميمك

امسحي كود اللون وحطي بداله :-

url(images/background.jpg)

اللون الاحمر اسم الصوره ونوعها ..

وطبعا ً تضيفين مسارها داخل مجلد الصور

عفوا في السطر رقم كم ؟

a9laam · #5 02-25-2008, 07:01 PM

أختي femal إبحثي في ملف style.css تجدين
body {

بعد التوصيف مباشرة يعني في العشرة أسطر الاولى.
التغيير:
إبحث عن كود مثل:

[HTML]
background: #xxxxxx url(images/bg.gif)
أو
background-color: #xxxxxx url(images/bg.gif)
background-image: url(images/bg.gif);
أو ما يشبه ذلك
[/HTML]

عوضيه بالكود التالي حيث xxxxxx لون مفترض:

[HTML]
background: #xxxxxx;
[/HTML]

female · #6 02-25-2008, 08:54 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة a9laam

أختي femal إبحثي في ملف style.css تجدين
body {

بعد التوصيف مباشرة يعني في العشرة أسطر الاولى.
التغيير:
إبحث عن كود مثل:

[HTML]
background: #xxxxxx url(images/bg.gif)
أو
background-color: #xxxxxx url(images/bg.gif)
background-image: url(images/bg.gif);
أو ما يشبه ذلك
[/HTML]

عوضيه بالكود التالي حيث xxxxxx لون مفترض:

[HTML]
background: #xxxxxx;
[/HTML]

اشكر لك تعاونك ..
عندما غيرت كود اللون ، لم تكن الخلفية الظاهرة التي تقع خلف إطار
المدونة ، بل تكون في بداية فتح الصفحة ثم يظهر اللون الأساسي للخلفية " الرمادي " - القالب الأفتراضي - !!
لو أحببت أن أغير اللون لصورة ،أنشئ صورة وإسميه kubrickbg.jpg بعرض وطول 20 × 20 ، وأضيفها لمجلد الإيمجي في القالب ، سؤالي ..
إين بالضبط أضع كود الصورة لتكن الخلفية الظاهرة ، ليست الخلفية الباطنة .. ؟
اتمنى ان يكون سؤالي واضح ..

a9laam · #7 02-25-2008, 10:34 PM

أختي أنثى فهمت أنك تتحدثين عن القالب الإفتراضي إذن:

هناك ثلاث خلفيات بصفة عامة:

1.خلفية الصفحة هي كما ذكرت: kubrickbgcolor.jpg يمكن تغييرها من ملف style.css تجدين
[HTML]
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;
}
[/HTML]

يمكنك تغيير الصورة بالفوتوشوب أو غيره أو تغييب الصورة واستخدام كود للون معين كما يلي:

[HTML]
background: #d5d6d7 ;

[/HTML]

2. خلفية المحتوى في الصفحة الرئيسية: kubrickbg-rtl.jpg (أو kubrickbg-ltr.jpg )

3.خلفية المحتوى في الصفحات المستقلة أو المدونات المفردة: kubrickbgwide.jpg

من خلال رأس الصفحة header.php في الكود التالي، هناك شرط لتحديد هل الزائر في صفحة رئيسية بقائمة جانبية أو في صفحات داخلية بدون قائمة جانبية:

كود PHP:


			


<style type="text/css" media="screen">



<?php

// Checks to see whether it needs a sidebar or not

if ( !$withcomments && !is_single() ) {

?>

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }

<?php } else { // No sidebar ?>

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }

<?php } ?>



</style>

التغيير لخلفية الرئيسية يكون هنا:

كود PHP:


			
kubrickbg-<?php bloginfo('text_direction'); ?>.jpg

غيري هذه الجملة بإسم صورتك وضعيها في مجلد images

لفتة: الكود السابق داخل إسم الصورة لتحديد إتجاه الصفحة rtl أو ltr ليكون الإسم في النهاية kubrickbg-rtl.jpg أو kubrickbg-ltr.jpg.

التغيير لخلفية الصفحات يكون هنا:

كود PHP:


			
kubrickbgwide.jpg

غيري هذه الجملة بإسم صورتك وضعيها في مجلد images

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

female · #8 02-26-2008, 01:59 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة a9laam

أختي أنثى فهمت أنك تتحدثين عن القالب الإفتراضي إذن:

هناك ثلاث خلفيات بصفة عامة:

1.خلفية الصفحة هي كما ذكرت: kubrickbgcolor.jpg يمكن تغييرها من ملف style.css تجدين
[HTML]
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;
}
[/HTML]

يمكنك تغيير الصورة بالفوتوشوب أو غيره أو تغييب الصورة واستخدام كود للون معين كما يلي:

[HTML]
background: #d5d6d7 ;

[/HTML]

2. خلفية المحتوى في الصفحة الرئيسية: kubrickbg-rtl.jpg (أو kubrickbg-ltr.jpg )

3.خلفية المحتوى في الصفحات المستقلة أو المدونات المفردة: kubrickbgwide.jpg

من خلال رأس الصفحة header.php في الكود التالي، هناك شرط لتحديد هل الزائر في صفحة رئيسية بقائمة جانبية أو في صفحات داخلية بدون قائمة جانبية:

كود PHP:


			


<style type="text/css" media="screen">



<?php

// Checks to see whether it needs a sidebar or not

if ( !$withcomments && !is_single() ) {

?>

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }

<?php } else { // No sidebar ?>

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }

<?php } ?>



</style>

التغيير لخلفية الرئيسية يكون هنا:

كود PHP:


			
kubrickbg-<?php bloginfo('text_direction'); ?>.jpg

غيري هذه الجملة بإسم صورتك وضعيها في مجلد images

لفتة: الكود السابق داخل إسم الصورة لتحديد إتجاه الصفحة rtl أو ltr ليكون الإسم في النهاية kubrickbg-rtl.jpg أو kubrickbg-ltr.jpg.

التغيير لخلفية الصفحات يكون هنا:

كود PHP:


			
kubrickbgwide.jpg

غيري هذه الجملة بإسم صورتك وضعيها في مجلد images

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

المظلله بالبنفسجي ماهي العبارة بالضبط التي أقوم بتغييرها ؟
لونها إذا تكرمت بهذا اللون

جزاك الله خير

a9laam · #9 02-26-2008, 04:39 PM

أختي femal كل هذه الجملة
kubrickbg-<?php bloginfo('text_direction'); ?>.jpg

تغيرينها بإسم صورة تضعينها في مجلد images:
نفترض أن إسم الصورة للخلفية هي indexbg.gif
وصورة لخلفية التدوينات هي pagebg.gif
يصبح الكود بالكامل كما يلي:
داخلية بدون قائمة جانبية:

كود PHP:


			
 

<style type="text/css" media="screen">

 

<?php

// Checks to see whether it needs a sidebar or not

if ( !$withcomments && !is_single() ) {

?>

 // التغيير على الرئيسية في السطر الموالي

#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/indexbg.gif") repeat-y top; border: none; }

<?php } else { // No sidebar ?>

 // التغيير على الصفحات في السطر الموالي

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/ pagebg.gif") repeat-y top; border: none; }

<?php } ?>

 

</style>

يمكن في حال تعذر ذلك أن ترفقي الصورة وأعدل لك على القالب الإفتراضي ثم أرفعه لك.

female · #10 02-26-2008, 05:21 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة a9laam

أختي femal كل هذه الجملة
kubrickbg-<?php bloginfo('text_direction'); ?>.jpg

تغيرينها بإسم صورة تضعينها في مجلد images:
نفترض أن إسم الصورة للخلفية هي indexbg.gif
وصورة لخلفية التدوينات هي pagebg.gif
يصبح الكود بالكامل كما يلي:
داخلية بدون قائمة جانبية:

كود PHP:


			
 
<style type="text/css" media="screen">
 
<?php
// Checks to see whether it needs a sidebar or not
if ( !$withcomments && !is_single() ) {
?>
 // التغيير على الرئيسية في السطر الموالي
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/indexbg.gif") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 // التغيير على الصفحات في السطر الموالي
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/ pagebg.gif") repeat-y top; border: none; }
<?php } ?>
 
</style>

يمكن في حال تعذر ذلك أن ترفقي الصورة وأعدل لك على القالب الإفتراضي ثم أرفعه لك.

حاولت أكثر من مره ، وفي كل مره يتم تغيير خلفية التدوينات

طيب ممكن أغيرها بلون مو صورة ..
وكود اللون : f5f5dc

a9laam · #11 02-26-2008, 07:50 PM

قومي بتغيير الكود التالي
[HTML]
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
[/HTML]
بالكود التالي
[HTML]
#page { background: #f5f5dc ; }
[/HTML]

female · #12 02-27-2008, 12:10 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة a9laam

قومي بتغيير الكود التالي
[HTML]
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
[/HTML]
بالكود التالي
[HTML]
#page { background: #f5f5dc ; }
[/HTML]

لقد قمت بتغيير الون في صورة kubrickbgcolor.jpg
وانتهت المشكلة شكرا لتعاونك معي و جزاك الله خير

a9laam · #13 02-27-2008, 04:58 PM

لا شكر على واجب أختي أنثى
ذكرت لك الامر في أول ردودي
يبدو أنك لم تنتبهي عليه
ظننتك تتحدثي عن لون خلفية التدوينات في الرئيسية وليس الخلفية ككل

female · #14 02-27-2008, 08:16 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة a9laam

لا شكر على واجب أختي أنثى
ذكرت لك الامر في أول ردودي
يبدو أنك لم تنتبهي عليه
ظننتك تتحدثي عن لون خلفية التدوينات في الرئيسية وليس الخلفية ككل

عفوا ..
العتب على النظر

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تغيير الخلفية و تركيب صورة الهيدر ..!	ღ عالـمٌ آخـر ღ	قوالب ووردبريس - عام	9	06-04-2009 06:39 PM
ممكن طريقة تغيير لون الخلفية ؟	without sugar	مدونات ووردبريس المجانية	1	02-23-2009 10:46 PM
[استفسار]: طريقة تغيير الخلفية إلى صورة كبيرة	قرنبيطة	قوالب ووردبريس - عام	5	08-06-2008 08:44 PM
[استفسار] تغيير مكان الخلفية اللونية	gumidou	قوالب ووردبريس - عام	2	02-08-2008 03:47 PM
[استفسار] عن تغيير لون الخلفية العامة	الفهد	الدعم الفني المتقدّم	2	09-28-2007 08:42 AM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)