قالب بني يشبه مدونة رشيد لمدونات بلوقر (تحديث) .
الاثنين، 1 مارس 2010
قوالب بلوقر
76 تعليق
هذا القالب هو خامس قالب اضعه في مدونتي و هو قالب مدونتي الخاص و هو قالب احترافي متكامل و متوافق مع جميع المتصفحات .. و بسبب حاجة بعض الاخوة اليه وضعته هنا مجانا في مدونتي و لا اريد بالمقابل سوى الدعاء و عدم حذف الحقوق و ان شاء الله يستفيد منه الجميع .
مثال على القالب من هنا
ادخل على لوحة التحكم ثم تخطيط ثم تحرير HTML و بعدها اضغط ctrl+f و ابحث عن هذا الرابط الذي يمثل رابط صورة الهيدر في القالب و استبدله برابط لهيدر جديد انت تصممه او يمكنك استخدام قالب فوتوشوب لنفس الهيدر حمله من هنا وغير اسم و شعار مدونتك .
و هذه صور من القالب:
للتحميل اضغط هنا.
مثال على القالب من هنا
ملاحظة : نظرا للصدى الواسع الذي حاز عليه هذا القالب تم بعونه تعالى اجراء بعض التعديلات على القالب ليصبح قالبا متميزا و احترافيا .. حيث تم:اما بالنسبة للهيدر فيمكن تغيره بسهولة :
- ادراج ارقام الصفحات مع القالب و تنسيقها بشكل يتناسب مع الوان القالب .
- اضافة خاصية اقرا المزيد و هي تعمل بدون مشاكل حيث يمكن كتابة التدوينة و استخدام اقرا المزيد الموجودة مع محرر بلوقر الحديث او كتابة هذا الكود <!--more-->
- تنسيق التعليقات بشكل مميز حيث تم اضافة الصورة بجانب التعليق لكل زائر يضبف تعليقه و تميز تعليق صاحب المدونة عن تعليق الزائر .و ادراج ارقام تسلسية بجانب التعليقات .
- اضافة المواضيع المرتبطة او ما تسمى (اخترنا لكم) و تنسيقها مع الوان القالب .
ادخل على لوحة التحكم ثم تخطيط ثم تحرير HTML و بعدها اضغط ctrl+f و ابحث عن هذا الرابط الذي يمثل رابط صورة الهيدر في القالب و استبدله برابط لهيدر جديد انت تصممه او يمكنك استخدام قالب فوتوشوب لنفس الهيدر حمله من هنا وغير اسم و شعار مدونتك .
و هذه صور من القالب:
للتحميل اضغط هنا.
تعريب قوالب بلوقر لبرنامج ارتستير (Artisteer) .
الجمعة، 26 فبراير 2010
قوالب بلوقر
6 تعليق
نظرا للصدى الواسع الذي حاز عليه برنامج ارتستير في تصميم قوالب الكثير من المجلات و برامج ادارة المحتوى و من ضمنها مدونات بلوقر ساضع هنا في هذا الموضوع طريقة تعريب قوالب بلوقر بالتفصيل لان بعض الاخوة يعاني من طريقة التعريب .قبل البدء هذه روابط تتعلق بالبرنامج:
شرح و تحميل البرنامج مع الكراك
طريقة تصدير القالب
طريقة تعريب قوالب بلوقر لبرنامج ارتستير تتم على مرحلتين ( يجب تطبيق كلا المرحلتين للحصول على قالب معرب ) :
المرحلة الاولى :
و هي اثناء تصميم القالب حيث يمكن تحويل جزء كبير من القالب من اليسار الى اليمين و ساقوم بشرحها هنا بالتفصيل :
1- بالنسبة للتدوينة ( الموضوع ) فيمكن تحويلها كما في الصورة.. نختار مقالات من القائمة العليا ثم نحدد اتجاه النص الى اليمين.
2- عنوان التدوينة : تحويل عنوان التدوينة من اليمين الى اليسار كما في الصورة التالية .. نختار من البرنامج مقالات ثم عنوان ثم نص ثم اصطفاف و نختار يمين .
3- القوائم الجانبية و في البرنامج تسمى كتل .. بالنسبة لمحتوى القوائم الجانبية فنختار كتل ثم من حرف A نختار اصطفاف ثم يمين و الصزرة التالية توضح الامر اكثر .
4- عناوين القوائم الجانبية ( اي مثلا عندما نكتب التصنيفات او مدونات اتابعها ) .. طربقة تحويلها : نختار كتل ثم عنوان ثم نص ثم اصطفاف ثم يمين . كما في الصورة .
5- و اخيرا الفوتر فيمكن تحويل النص الى اليمين من الحاشية ثم محاذاة ثم نختار اتجاه النص اليمين كما في الصورة التالية .
المرحلة الثانية :و هي بعد تصدير القالب و رفعه الى المدونة اي ان الامر يتعلق بالتعديل على الكود :
من لوحة تحكم المدونة نختار تخطيط ثم تحرير HTML ..
التعديل على القالب يبدا من بداية القالب /* begin Page */
و ينتهي بـ

و الان اضغط ctrl + f و ابحث عن كلمة float .. اينما تجد بجانبها left استبدلها ب right
اي انه عندما تجد float: left استبدلها بـ float: right .
بشرط ان لا تتعدى هذا الكود

اي لا تغير ما بعده اي تحته .
و الان اعد البحث عن text-align .. اينما تجد بجانبها left استبدلها ب right
اي انه عندما تجد text-align:left استبدلها بـ text-align:right .
و بهذا انتهينا من تعريب القالب .. يبقى امر بسيط و مهم في نفس الوقت و هو بعض التعديلات على القالب ليصبح قالبا متكاملا ..
و هو الخلفية و الاطار للتعليقات لانه في قوالب يلوقر تظهر التعليقات بدون تحديد كما في الصورة :

لذا يجب ان نضيف كود بسيط جدا الى القالب و هو كما يلي :
قبل هذا الكود مباشرة

نضيف هذا الكود
.comment-body
{
background: #302217;
border: 1px dashed #BA8736;
padding: 5px;
}
مع تغير الالوان حسب ما يلائم شكل المدونة .
ليصبح كما في الصورة:

انتهى الموضوع.
و الان اضغط ctrl + f و ابحث عن كلمة float .. اينما تجد بجانبها left استبدلها ب right
اي انه عندما تجد float: left استبدلها بـ float: right .
بشرط ان لا تتعدى هذا الكود

اي لا تغير ما بعده اي تحته .
و الان اعد البحث عن text-align .. اينما تجد بجانبها left استبدلها ب right
اي انه عندما تجد text-align:left استبدلها بـ text-align:right .
و بهذا انتهينا من تعريب القالب .. يبقى امر بسيط و مهم في نفس الوقت و هو بعض التعديلات على القالب ليصبح قالبا متكاملا ..
و هو الخلفية و الاطار للتعليقات لانه في قوالب يلوقر تظهر التعليقات بدون تحديد كما في الصورة :
لذا يجب ان نضيف كود بسيط جدا الى القالب و هو كما يلي :
قبل هذا الكود مباشرة
نضيف هذا الكود
.comment-body
{
background: #302217;
border: 1px dashed #BA8736;
padding: 5px;
}
مع تغير الالوان حسب ما يلائم شكل المدونة .
ليصبح كما في الصورة:
انتظر منكم المقترحات و الاستفسارات .
قالب بني بثلاثة اعمدة متوافق مع المتصفحات (قالب مدونتي الخاص) .
الأربعاء، 13 يناير 2010
قوالب بلوقر
أضف تعليق
هذا القالب هو خامس قالب اضعه في مدونتي و هو قالب مدونتي الخاص و هو قالب احترافي متكامل و متوافق مع جميع المتصفحات .. و بسبب حاجة بعض الاخوة اليه وضعته هنا مجانا في مدونتي و لا اريد بالمقابل سوى الدعاء و عدم حذف الحقوق و ان شاء الله يستفيد منه الجميع .مثال على القالب هو كما في مدونتي و هذا مثال آخر هنا
و هذه صورة من القالب:

للتحميل .. اضغط هنا لانه تم تحويل رابط الموضوع .
الاشتراك في:
الرسائل (Atom)



