السبت، فبراير 27، 2010

تعريب قوالب بلوقر لبرنامج ارتستير (Artisteer) .

هناك 25 تعليقًا:
نظرا للصدى الواسع الذي حاز عليه برنامج ارتستير في تصميم قوالب الكثير من المجلات و برامج ادارة المحتوى و من ضمنها مدونات بلوقر ساضع هنا في هذا الموضوع طريقة تعريب قوالب بلوقر بالتفصيل لان بعض الاخوة يعاني من طريقة التعريب .

قبل البدء هذه روابط تتعلق بالبرنامج:
شرح و تحميل البرنامج مع الكراك
طريقة تصدير القالب

طريقة تعريب قوالب بلوقر لبرنامج ارتستير تتم على مرحلتين ( يجب تطبيق كلا المرحلتين للحصول على قالب معرب ) :
المرحلة الاولى :
و هي اثناء تصميم القالب حيث يمكن تحويل جزء كبير من القالب من اليسار الى اليمين و ساقوم بشرحها هنا بالتفصيل :
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;
}
مع تغير الالوان حسب ما يلائم شكل المدونة .
ليصبح كما في الصورة:









انتهى الموضوع.
انتظر منكم المقترحات و الاستفسارات .

الخميس، يناير 14، 2010

قالب بني بثلاثة اعمدة متوافق مع المتصفحات (قالب مدونتي الخاص) .

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

مثال على القالب هو كما في مدونتي و هذا مثال آخر هنا
و هذه صورة من القالب:



للتحميل .. اضغط هنا لانه تم تحويل رابط الموضوع .

الأربعاء، يناير 13، 2010

ثالث قالب من تصميمي احترافي بلون ازرق بثلاثة اعمدة و متوافق مع جميع المتصفحات.

هناك 29 تعليقًا:
هذا القالب تم تصميمه قبل فترة و هو الان متاح في منتدى عرب بلوقر و لكن هنا في هذا الموضوع سارفق نفس القالب و لكن بشكل و تصميم و تنسيق اكثر جمالا مما كان عليه في السابق .. لذا سارفق هذا القالب هنا و سيتم تطويره باستمرار حتى يصبح قالب احترافيا 100% . للمشاهدة من هنا .
و هذه صورة من القالب :


للتحميل من هنا

بانتظار تعليقاتكم و مقترحاتكم


طريقة تصدير القالب الذي تم تصميمه بواسطة برنامج ارتستير Artisteer

هناك 27 تعليقًا:
عد ان تعرفنا على برنامج ارتستير وكيفية التعامل معه بشكل اساسي في هذا الموضوع السابق .. علما انه لم يكن شرحا مفصلا لان الامر يحتاج الى وقت طويل لشرح هذا البرنامج بالكامل , مع هذا يبقى الامر يعتمد على من يستخدم البرنامج و ذلك باستمرار العمل عليه لفترة قليلة حتى يتم اتقانه .
الان نواصل الشرح :
عند تصدير القالب نضغط ctrl + E فتظهر لنا الواجهة التالية :



  1. في الحقل الاول نكتب الايميل في كوكل مع @gmail.com او بدونه لا يؤثر
  2. و في الحقل الثاني كلمة السر
  3. و في الحقل الثالث توجد قائمة منسدلة انتظر قليلا و ستظهر في هذه القائمة جميع المدونات التي تم اضافتها في حساب كوكل الذي ادخلته اعلاه .
  4. اختر المدونة التي تريد اضافة هذا القالب اليها ثم اضغط publish .و لكن قبل ان نضغط على publish هناك خطوات مهمة و ضرورية يجب اتباعها و هي كالتالي:
اضغط على options كما في الصورة التالية :






ستظهر لنا هذه الواجهة :




  • في الحقل الاول هل تريد ان يظهر اعلان كوكل (البنر الاعلاني) في اعلى الصفحة .. حيث يتم اضافة كود الى القالب تلقائيا بمجرد ان تختار NO .
  • في الحقل الثاني هل تريد ان تظهر عبارة الصفحة الرئيسية في القائمة العليا كما في الصورة التالية :




  • الحقل الثالث ماذا تريد ان تسمي الصفحة الرئيسية مثلا سميها الرئيسية
  • و الحقل الرابع الى اين تريد رفع صور القالب و لديك مجموعة خيارات و يفضل الى كوكل picasa .
و بعدها نضغط على ok .
و الان نعود الى هذه الواجهة :



و نضغط publish و انتظر قليلا حتى ينتهي التحميل



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

الثلاثاء، يناير 12، 2010

ثالث قالب من تصميمي بلون اخضر و بعمودين (قالب اسلامي) .

هناك 10 تعليقات:
تم بعونه تعالى الانتهاء من تصميم قالب بلون اخضر,متوافق مع جميع المتصفحات و بعمودين .. و لعل هذه الخطوة الاولى للانتقال بالتصميم من ثلاثة اعمدة الى عمودين .. و تم اضافة هاك مصغرات الصور في عرض التدوينات .
للمشاهدة من هنا .
و هذه صورة من القالب :



و للتحميل من هنا