إظهار الرسائل ذات التسميات قوالب بلوقر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات قوالب بلوقر. إظهار كافة الرسائل
قالب مدونة الرافدين الجديد
الجمعة، 7 مايو 2010
قوالب بلوقر
14 تعليق
بعد عناء طويل تم بعونه تعالى تصميم قالب مدونتي بلونه الازرق و كان سابقا ذو لون بني ثم انتقلت الى اللون الاحمر و اخيرا استقر اختياري على اللون الازرق , حيث تم تصميمه انطلاقا من احد قوالب بلوقر التقليدية التي تكون موجودة اصلا مع سكربت بلوقر و بالاستعانة ببعض ستايلات لقوالب الووردبريس حصلت في النهاية على هذا القالب
اما بالنسبة للقالب الذي تم التعديل عليه ليصبح بهذا الشكل موضح في الصورة التالية ذو اللون الاخضر :
مميزات القالب :
- سريع جدا في التصفح حبث تم اختصار الستايل css .
- يعمل بكفائة على جميع المتصفحات و بضمنها اكسبلورر السادس
- مناسب لعرض الفيديو
- مناسب لعرض الاعلانات بعرض 125 px
- ثلاثة اعمدة في الفوتر
- الهيدر متحرك اي يمكن اضافة صورة الهيدر من خلال اضافة اداة و يمكن اضافة كود لهيدر فلاشي .
قالب بثلاثة اعمدة و بثلاثة الوان .
الاثنين، 8 مارس 2010
قوالب بلوقر
16 تعليق
هذا القالب هو سادس قالب على التوالي من القوالب التي صممتها و هو بثلاثة اعمدة و بثلاثة الوان هادئة و متناسقة و هذه صورة من القالب :
و تم اضافة المواضيع المتعلقة الى القالب و تنسيقها بشكل يلائم الوان القالب كما في الصورة :
و كذلك تنسيق التعليقات يالوان مناسبة :
للتخميل من هنا
و تم اضافة المواضيع المتعلقة الى القالب و تنسيقها بشكل يلائم الوان القالب كما في الصورة :
و كذلك تنسيق التعليقات يالوان مناسبة :
و ارجو ان لا يستخدم القالب بما يخالف ديننا الاسلامي الحنيفللمشاهدة من هنا
و عدم حذف الحقوق فهي امانة .
للتخميل من هنا
قالب بني يشبه مدونة رشيد لمدونات بلوقر (تحديث) .
الاثنين، 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
قوالب بلوقر
أضف تعليق
هذا القالب هو خامس قالب اضعه في مدونتي و هو قالب مدونتي الخاص و هو قالب احترافي متكامل و متوافق مع جميع المتصفحات .. و بسبب حاجة بعض الاخوة اليه وضعته هنا مجانا في مدونتي و لا اريد بالمقابل سوى الدعاء و عدم حذف الحقوق و ان شاء الله يستفيد منه الجميع .مثال على القالب هو كما في مدونتي و هذا مثال آخر هنا
و هذه صورة من القالب:
للتحميل .. اضغط هنا لانه تم تحويل رابط الموضوع .
ثالث قالب من تصميمي احترافي بلون ازرق بثلاثة اعمدة و متوافق مع جميع المتصفحات.
هذا القالب تم تصميمه قبل فترة و هو الان متاح في منتدى عرب بلوقر و لكن هنا في هذا الموضوع سارفق نفس القالب و لكن بشكل و تصميم و تنسيق اكثر جمالا مما كان عليه في السابق .. لذا سارفق هذا القالب هنا و سيتم تطويره باستمرار حتى يصبح قالب احترافيا 100% . للمشاهدة من هنا .
و هذه صورة من القالب :
للتحميل من هنا
بانتظار تعليقاتكم و مقترحاتكم
و هذه صورة من القالب :
للتحميل من هنا
بانتظار تعليقاتكم و مقترحاتكم
طريقة تصدير القالب الذي تم تصميمه بواسطة برنامج ارتستير Artisteer
الثلاثاء، 12 يناير 2010
قوالب بلوقر
9 تعليق
عد ان تعرفنا على برنامج ارتستير وكيفية التعامل معه بشكل اساسي في هذا الموضوع السابق .. علما انه لم يكن شرحا مفصلا لان الامر يحتاج الى وقت طويل لشرح هذا البرنامج بالكامل , مع هذا يبقى الامر يعتمد على من يستخدم البرنامج و ذلك باستمرار العمل عليه لفترة قليلة حتى يتم اتقانه .
الان نواصل الشرح :
عند تصدير القالب نضغط ctrl + E فتظهر لنا الواجهة التالية :
ستظهر لنا هذه الواجهة :
و الان نعود الى هذه الواجهة :
و نضغط publish و انتظر قليلا حتى ينتهي التحميل
و بعدها اذهب الى القالب من لوحة تحكم المدونة و قم بتعريبه و الامر سهل جدا سيتم شرحه في الموضوع التالي.
طريقة تعريب القالب
الان نواصل الشرح :
عند تصدير القالب نضغط ctrl + E فتظهر لنا الواجهة التالية :
- في الحقل الاول نكتب الايميل في كوكل مع @gmail.com او بدونه لا يؤثر
- و في الحقل الثاني كلمة السر
- و في الحقل الثالث توجد قائمة منسدلة انتظر قليلا و ستظهر في هذه القائمة جميع المدونات التي تم اضافتها في حساب كوكل الذي ادخلته اعلاه .
- اختر المدونة التي تريد اضافة هذا القالب اليها ثم اضغط publish .و لكن قبل ان نضغط على publish هناك خطوات مهمة و ضرورية يجب اتباعها و هي كالتالي:
اضغط على options كما في الصورة التالية :
- في الحقل الاول هل تريد ان يظهر اعلان كوكل (البنر الاعلاني) في اعلى الصفحة .. حيث يتم اضافة كود الى القالب تلقائيا بمجرد ان تختار NO .
- في الحقل الثاني هل تريد ان تظهر عبارة الصفحة الرئيسية في القائمة العليا كما في الصورة التالية :
- الحقل الثالث ماذا تريد ان تسمي الصفحة الرئيسية مثلا سميها الرئيسية
- و الحقل الرابع الى اين تريد رفع صور القالب و لديك مجموعة خيارات و يفضل الى كوكل picasa .
و الان نعود الى هذه الواجهة :
و نضغط publish و انتظر قليلا حتى ينتهي التحميل
و بعدها اذهب الى القالب من لوحة تحكم المدونة و قم بتعريبه و الامر سهل جدا سيتم شرحه في الموضوع التالي.
طريقة تعريب القالب
الاشتراك في:
الرسائل (Atom)