×

توسيط الصور في الووردبريس من خلال ملف style.css

السلام عليكم ورحمة الله وبركاته .. لدي مشكله في توسيط الصور البارزه في الموضوع .. وهذا مثال توضيحي للمشكله : - الصوره في التدوينه تظهر
قديمة 28 - 05 - 2011, 02:37
المشاركة 1
السلام عليكم ورحمة الله وبركاته ..
لدي مشكله في توسيط الصور البارزه في الموضوع ..
وهذا مثال توضيحي للمشكله :


- الصوره في التدوينه تظهر علي اليمين وليس الوسط وأنا أريد توسيطها


توسيط الصور في الووردبريس من خلال ملف style.css

- لا اضيفها من (إدراج صوره)

توسيط الصور في الووردبريس من خلال ملف style.css

- أقوم بإضافتها من (تعيين صوره بارزه) من لوحة تحكم ووردبريس

توسيط الصور في الووردبريس من خلال ملف style.css

- الصوره بعد أن قمت بإضافتها كصوره بارزه في الـ slider والموضوع

توسيط الصور في الووردبريس من خلال ملف style.css

- أختار وسط ورغم ذلك تظهر علي اليمين وليس الوسط

توسيط الصور في الووردبريس من خلال ملف style.css توسيط الصور في الووردبريس من خلال ملف style.css
كانت هناك نفس المشكله في هذا الرابط! وجربت كل الحلول ولم تفلح ..
ما الحل بعد إذنكم , وإذا يلزم إرفاق ملف style.css فشيروا علي بذلك.
المشاهدات 2943 | التعليقات 15
قديمة 28 - 05 - 2011, 02:52
المشاركة 2
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
افتح ملف الـ css

ابحث عن

رمز Code:
.post_columns
ستجد

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #content img, #author .image, #related .column .image a, #comments li .image
اسفل

رمز Code:
display: block;
اضف

رمز Code:
margin-right: 10%;
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 28 - 05 - 2011, 03:03
المشاركة 3
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
افتح ملف الـ css

ابحث عن

رمز Code:
.post_columns
ستجد

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #content img, #author .image, #related .column .image a, #comments li .image
اسفل

رمز Code:
display: block;
اضف

رمز Code:
margin-right: 10%;
جزاكم الله كل خير يا اخي ,,
والله ماعرف اشكرك ازاي
المشكله ديه سببتلي عناء بالغ ..

لكن لو تكرمت .. انا اريد كل الصور تكون في الوسط , وان تكون بمقاس موحد
مثلا هذه الصوره في هذا الموضوع! تأتي إلي اليمين قليلا

اشكرك مره أخري
قديمة 28 - 05 - 2011, 13:11
المشاركة 4
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
اذا كنت تريد تثبيت حجم الصورة سيكون ادق لكافة الصور

نفس الخطوات السابقة احذف التعديل الذى قمت به من قبل واضف التالي

رمز Code:
margin-right: 20%;
width: 300px;
height: 250px;
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 29 - 05 - 2011, 17:20
المشاركة 5
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
اذا كنت تريد تثبيت حجم الصورة سيكون ادق لكافة الصور

نفس الخطوات السابقة احذف التعديل الذى قمت به من قبل واضف التالي

رمز Code:
margin-right: 20%;
width: 300px;
height: 250px;
بعد إذن حضرتك , الصوره يتم إزاحتها الي اليمين بنسبه 20%
ممكن الغي الامر ده , واخليه في الوسط بالظبط ..
يعني هل ينفع اخلي الامر مثلا
margin-center: 0%;
قديمة 30 - 05 - 2011, 12:02
المشاركة 6
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
بعد إذن حضرتك , الصوره يتم إزاحتها الي اليمين بنسبه 20%
ممكن الغي الامر ده , واخليه في الوسط بالظبط ..
يعني هل ينفع اخلي الامر مثلا
margin-center: 0%;
ازاجه الصورة بنسبة 20% وتثبيت حجمها كما هو بالكود سيعطيك توسيط بالظبط

ولا يوجد امر بالـ css اسمة margin-center
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 30 - 05 - 2011, 18:45
المشاركة 7
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
ازاجه الصورة بنسبة 20% وتثبيت حجمها كما هو بالكود سيعطيك توسيط بالظبط

ولا يوجد امر بالـ css اسمة margin-center
ولكن بعد إذنك , بعد اضافه الامر الذي اشرت له المتضمن لتثبيت الحجم ..
فقد تم إزاحه الصور الموجوده علي الرئيسية لذا حذفت الامر فورا
هل يوجد حل اخر؟
قديمة 30 - 05 - 2011, 19:34
المشاركة 8
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
ولكن بعد إذنك , بعد اضافه الامر الذي اشرت له المتضمن لتثبيت الحجم ..
فقد تم إزاحه الصور الموجوده علي الرئيسية لذا حذفت الامر فورا
هل يوجد حل اخر؟
فى الملف الحالى لك رابط اكثر من كلاس بنفس التأثير لذلك تاثرت الصور على الرئيسية ، يمكنك فك الاكواد

ابحث عن

رمز Code:
.post_columns
ستجد

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #content img, #author .image, #related .column .image a, #comments li .image
أستبدلها بـ

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #author .image, #related .column .image a, #comments li .image {
وبعد القوس

رمز Code:
}
ضيف

رمز Code:
#content img{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 31 - 05 - 2011, 16:08
المشاركة 9
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
فى الملف الحالى لك رابط اكثر من كلاس بنفس التأثير لذلك تاثرت الصور على الرئيسية ، يمكنك فك الاكواد

ابحث عن

رمز Code:
.post_columns
ستجد

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #content img, #author .image, #related .column .image a, #comments li .image
أستبدلها بـ

رمز Code:
.post_columns .column .image a, .post_grid li a, .category_list li .image a, .tab li .image a, .flickr div a, .full_posts .image a, #author .image, #related .column .image a, #comments li .image {
وبعد القوس

رمز Code:
}
ضيف

رمز Code:
#content img{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
اتبعت جميع الخطوات , وتم توحيد مقاسات جميع الصور الموجوده في التدوينه , حتي الابتسامات!!!
ولم يتم توسيط الصور .. لا اعرف اين المشكله!
قديمة 31 - 05 - 2011, 18:20
المشاركة 10
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
اتبعت جميع الخطوات , وتم توحيد مقاسات جميع الصور الموجوده في التدوينه , حتي الابتسامات!!!
ولم يتم توسيط الصور .. لا اعرف اين المشكله!
استبدل

رمز Code:
#content img{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
بـ

رمز Code:
#content #one_image_in_content{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
وافتح القوالب بقى بتاعه عرض المقالة

بدور على

رمز Code:
class="attachment-single-large wp-post-image"
استبدلة بـ

رمز Code:
class="attachment-single-large wp-post-image" id="one_image_in_content"
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 01 - 06 - 2011, 17:36
المشاركة 11
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
استبدل

رمز Code:
#content img{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
بـ

رمز Code:
#content #one_image_in_content{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
وافتح القوالب بقى بتاعه عرض المقالة

بدور على

رمز Code:
class="attachment-single-large wp-post-image"
استبدلة بـ

رمز Code:
class="attachment-single-large wp-post-image" id="one_image_in_content"
انا اسف جدا اني تعبتك معايا .. شكرا لحضرتك

انا ضفت الكود ده

رمز Code:
#content #one_image_in_content{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
وبالنسبه لـ
اقتباس
وافتح القوالب بقى بتاعه عرض المقالة

بدور على
انا مافهمتش حضرتك تقصد اي قالب الخاص بعرض المقاله
ممكن توضيح اكتر .. وانا بكرر اسفي بجد
قديمة 01 - 06 - 2011, 21:24
المشاركة 12
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,763
افتراضي
انا اسف جدا اني تعبتك معايا .. شكرا لحضرتك

انا ضفت الكود ده

رمز Code:
#content #one_image_in_content{
padding: 2px;
direction: rtl;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
margin-right: 20%;
width: 300px;
height: 250px;
}
وبالنسبه لـ


انا مافهمتش حضرتك تقصد اي قالب الخاص بعرض المقاله
ممكن توضيح اكتر .. وانا بكرر اسفي بجد
القوالب هي ملفات التصميم themes الموجود ضمن ملفات الورد بريس على موقعك

اى قالب هو المتحكم فى عرض المقال لا اعرف صراحة لانى لا استخدمها لكن اتوقع single.php
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 03 - 06 - 2011, 03:08
المشاركة 13
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
القوالب هي ملفات التصميم themes الموجود ضمن ملفات الورد بريس على موقعك

اى قالب هو المتحكم فى عرض المقال لا اعرف صراحة لانى لا استخدمها لكن اتوقع single.php
صدقني دورت في كل ملفات الثيم ومالقتش الكود ده
قديمة 10 - 06 - 2011, 07:30
المشاركة 14
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
إلي الان لم تحل المشكله
أرجو المساعده من الاخوه الافاضل .. ولا انسي ان اشكر مجهود الاخ Arab4Des
ولكن المشكله مازالت قائمه ..
فأنا اريد توحيد مقاسات الصوره التي يتم إبارزها في أول الموضوع فقط , ولا اريد المساس بمقاسات باقي الصور التي تكون داخل المواضيع نفسها .
اريد توحيد مقاس الصوره بحيث يكون عرضها 600*300
مثـــال
قديمة 18 - 06 - 2011, 02:54
المشاركة 15
Doctorweb
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 08 - 2005
رقم العضوية : 6785
الدولة : مصر
المشاركات: 595
افتراضي
السلام عليكم ورحمة الله ..
انا وجدت هذا الرابط بعد بحث :
Function Reference/the post thumbnail « WordPress Codex
ورغم اني غير خبير في لغه HTML الا انني حاولت في فهم بعض الخطوات والحمد لله لغتي الانجليزيه جيده
لكن لم اصل لحل نهائي لهذه المشكله .. هل ممكن احد الاخوه يساعدني؟؟؟؟؟

وموجود في قالب Function كلاس الـ Thumbnail

رمز PHP:
// Add support for WP 2.9 post thumbnails
if ( function_exists'add_theme_support' ) ) { // Added in 2.9
    
add_theme_support'post-thumbnails' );
    
add_image_size'large'610''true ); // default large size
    
add_image_size'slider-preview'275270true ); // Slider large image
    
add_image_size'slider-thumbnail'8560true ); // Slider thumbnail
    
add_image_size'column-preview'184144true ); // Column size
    
add_image_size'single-large'604272,true ); // Single post/page large
    
add_image_size'related-thumbnail'13094true ); // Single post/page large
    
add_image_size'post-grid'6161true ); // Post grid
    
add_image_size'category-thumbnail'4545true ); // Category list thumbnails
    
add_image_size'archive-preview'109109true ); // Archive list thumbs 
حتي حاولت تغيير مقاس الارتفاع من 272 الي 300 , مانفع

رمز PHP:
add_image_size'single-large'604300true ); // Single post/page large 
التعديل الأخير كان بواسطة Doctorweb; 18 - 06 - 2011 الساعة 04:25
 
اضافة رد
 
العلامات المرجعية

باللغة العربية استفسار بسيط لو سمحتم

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 11:40.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2018
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.