طرحت سابقا قالب ووردبريس معرب لإدارة المحتوى Lifestyle وقد لاقى إقبالا حسناً إلا أنني واجهت الكثير ممن يقول أن القالب لا يتوسط الصفحة وكنت أستغرب من هذا القول فكلما جربت القالب كان متوسطا في الصفحة. ولكن عندما استخدمت مقاسا مختلفا للشاشة اتضحت المشكلة، فقد كان القالب مائلا تماما إلى أقصى اليمين. وقد قام الأخ خالد صقر من موقع لا حدود بحل المشكلة ومشاركتنا بها هنا. الحقيقة أنني عجزت عن حلها بنفسي رغم عدة محاولات قمت بها مع أن الحل كان بسيطا جدا. كان الأخ خالد قد وضع الحل على شكل تعليق على الموضوع السابق ولكن اتصلت به واستأذنته أن أضع الحل في موضوع مستقل حتى يتم الاطلاع عليه بشكل أكبر.
التعديل سيكون على ملف الاستايل style.css الموجود داخل مجلد القالب ويمكن تعديله عن طريق المحرر الموجود في لوحة التحكم.
افتح الملف بأحد برامج تحرير النصوص وابحث عن هذا الكود
أنصح باستخدام برنامج notepad++.
body {
background: #E2DDCB;
width: 980px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px 10px 0px;
padding: 0px;
direction:rtl;
}
#wrap {
background: #F7F5EF;
width: 960px;
margin: 10px auto 10px;
padding: 0px;
position: relative;
border: 10px solid #D4CFBB;
}
واستبدله بهذا الكود
body {
background: #E2DDCB;
width: 980px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
position : relative;
margin: auto;
padding: 0px;
direction:rtl;
}
#wrap {
background: #F7F5EF;
width: 960px;
margin: 10px auto 10px;
padding: 0px;
position: relative;
border: 10px solid #D4CFBB;
}
إذا أعجبك هذا الموضوع وباقي مواضيع أذكى سيرف فاشترك في الخلاصات للحصول على الجديد فور إضافته. هذه هي خلاصات المواضيع وهذه هي خلاصات التعليقات.
الأخ الفاضل ابراهيم
السلام عليكم ورحمة الله وبركاته
وكل عام وانت بخير بمناسبة الشهر الفضيل
اشكرك على هذا التنويه الذي ضربت به مثل وقدوة حسنة للجميع بأخلاقك الطيبة
وكما اخبرتك سابقا هي كانت مجرد محاولات لتصحيح الخطأ البسيط وبفضل الله وفقت فيه من خلال المطالعة والبحث
شكرا لك ولك مني كل الود والتقدير على مجهودك الرائع والمتميز
ليس حلا جيدا
لانه بعد فعل هذا ، القالب يسند لجانب واحدة و بشكل مشوه و لا يتوسط الصفحة
نرجو الحل لو سمحتم
القالب فى اكسبلوور لا يتوسط الصفحة نرجو الحل لو سمحتم
أشكرك جزيلا أخي ابراهيم لمتابعه مشاكل القالب
وأتمين منك مستقبلا تحديث الوانه بما يتناسب مع الجديد في الإنترنت وسأقوم من جانبي بعد الإنتهاء من تطويره بعرضه عليك لعلي أكسب من ورائك بعض الحسنات في تدشينه لإخواننا ان شاء الرحمن
واول شيء ارد تنويهك له هو الغاء القائمة العلوية أو المينيو لأنه مشوه حتي انتهي من تظبيطه
ثانيا اتمني ان اكون وفقت قليلا في بعض التطويرات التاليه واتمني مشاهدتك لها فقد قمت سابقا بعرض هذه التطويرات بشكل سريع واتمني ان يوفقني الله في استكمالها
اليكم بعض التطويرات التي قمت بها علي قالبكم المبجل
صوره الرئيسية بعد تظبيط الالوان
http://doctor-egypt.com/
وصورة لصفحات الارشيف لشهر اكتوبر بعد ادراج خاصية ادارة المحتوي
http://doctor-egypt.com/?m=200910
صوره لصفحات إحدي الكلمات دلاليه بالموقع
http://doctor-egypt.com/?tag=%d8%a7%d9%86%d8%aa%d8%b1%d9%86%d8%aa
______________
لم انتهي من التطوير بعد وانما هي البدايه وأتمني ان تقبل عرضها لنقوم بتدشين قالب جديد من تطويري بحقوقكم “أذكي سيرف”
لطالما تعلمت منكم الكثير
أتمني ان اوفي بعض عطائكم وجميلكم علي
دائما اخي الكريم والعظيم في قلبي ادعوا لك بكل الخير
غفر الله لك وهداك وسخر لك كل شيء في الخير
اخوك المخلص / محمد المتولي
السلام عليكم انحلت المشكلة عندي في كل المتصفحات ولكن المشكلة الثانية اني اذا اضفت صحفة جديدة وراح تظهر في القائمة الرئيسية فوق في الهيدر
ان كانت القائمة جانبية راح يصير في سكرول بار تحت ياليت الاطلاع على المثال المرفق
من القائمة الرئيسية في السيرة الذاتية تحتها في قائمة لاحظ السكرول بار تحت ومجرد ما تأشر على الزر سيرة ذاتية راح يختفي السكرول بار
ارجوا المساعدة
http://www.yhallo.com/cms/
بسم الله الرحمن الرحيم
الحل لتوسيط القالب هو كالتالي :
افتح ملف style.css
احذف السطر رقم 21
وهو
width: 980px;
ولكن ستظهر مشكلة اذا كنت تستخدم subcategory او تصنيف فرعي .
سأحاول حل هذه المشكلة في القريب العاجل .
وبالطبع نشكر اذكى سيرف على المجهود الجبار الذي يقوم به , فعلى الاقل يجب علينا ان نحاول مساعدته بما يقوم به وليس فقط الشكوى من المشاكل التي تواجهكم بل حلوها او حاولوا حلها فاذا لم تستطع اطرح المشكلة .
جزاك الله كل خير
السلام عليكم
الحل بسيط جدا و أنا استخدمته
و هو باستبدال العرض 980 بيكسل بـ 100%
كما يلى فى الموضوع تحته خط سطر 3
و الله الموفق
body {02.background:#E2DDCB;03.width:100%px;04.color:#333333;05.font-size:12px;06.font-family:Arial,Tahoma,Verdana;07.margin:0px10px0px;08.padding:0px;09.direction:rtl;10.}مشكور ،
مشكـور
شكرا