قالب: المدونة الحديثه Modernblog

قالب: المدونة الحديثه Modernblog

قالب: المدونة الحديثه Modernblog
قالب " المدونة الحديثة " أو Modernblog من القوالب الرشيقة والخفيفة ، مقتبس من قالب ووردبريس easy blog ، ويركز على عامل سهولة القراءة. راجعت كود القالب جيداً وانتزعت منه العديد من الأسطر غير المفيدة وأضفت خطوط درويد واسترجعت بعض التنسيقات من التصميم الأصلي ( الوردبريس )، القالب في نظري ممتاز للتدوين الهادئ ، وهذه صورة القالب:

قالب: المدونة الحديثه Modernblog



معاينة وتنزيل القالب



۞ معاينة القالب ۞ تنزيل القالب



تخصيص القائمة وروابط المشاركة

قم باستبدال وتعديل الروابط والمعلومات لكل من عناوين وروابط القائمة العلوية ، وروابط المشاركة ، وكذلك صورة ومعلومات الكاتب التي تظهر أسفل كل موضوع ، وهذه هي الأكواد المطلوب التعديل عليها ابحث في القالب بدلالة كل منها :

كود القائمة العلوية:

<ul class='nav-menu' id='menu-main-menu'>       
  <li><a href='/'>الرئيسية</a></li>
 <li><a href='#'>الوان مخصصة</a></li>
 <li><a href='#'>التصنيفات</a>
<ul class='sub-menu'>
 <li><a href='#'>الأثاث المكتبي</a></li>
 <li><a href='#'>الحديقة</a></li>
 <li><a href='#'>التنظيم والترتيب</a></li>
 <li><a href='#'>أمثله</a></li>
</ul>
</li>
 <li><a href='#'>الخصائص</a>
<ul class='sub-menu'>
 <li><a href='#'>لوحة تحكم</a></li>
 <li><a href='#'>خلفية مخصصة</a></li>
 <li><a href='#'>الوان متناسقة</a></li>
 <li><a href='#'>سرعة تجاوب</a></li>
 <li><a href='#'>أكواد نظيفة</a></li>
</ul>
</li>
 <li><a href='#'>تواصل</a>
<ul class='sub-menu'>
 <li><a href='#'>نموذج المراسلة</a></li>
 <li><a href='#'>صفحة الفيسبوك</a></li>
 <li><a href='#'>الدعم الفني</a></li>
</ul>
</li>
</ul>

ايقونات المشاركة:
<div class='share'>
 <div class='share_item'>
 <a class='twitterIcon' href='#'>تويتر</a> 
 <a class='facebookIcon' href='#'>قيس بوك</a> 
 <a class='googleIcon' href='#'>قوقل</a> 
 <a class='inIcon' href='#'>لينكدن</a> 
 <a class='youtubeIcon' href='#'>يوتيوب</a> 
 <a class='shareIcon' href='#'>شارك</a> 
 <a class='dribbleIcon' href='#'>دريبل</a>
</div>
</div>

معلومات الكاتب:
 <h4>عن &quot;<a href='#' rel='author'>الكاتب</a>&quot;</h4>
 </div>
 <div class='author_post_pic'>
 <img class='avatar avatar-56 photo' height='56' src='رابط صورة الكاتب' width='56'/></div>
 <div class='author_post_desc'>
معلومات عن الكاتب 
 </div>




حقوق القالب 




تحديثات وإصلاحات


  • 12 ديسمبر 2013 : تصحيح تنسيق القائمة الرقمية والنقطية ( شكراً للأخ محمد غراب )
  • 13 ديسمبر 2013 : تصحيح وتحسين طفيفه مع حفنة تنسيقات ( محمد غراب .. شكراً مرة ثانية :) )






تحاياي العاطرة

التعليقات: 45

Mohemed Ahmed 3nan يقول... 10 ديسمبر 2013 في 1:40 م

قالب رائع جزاكم الله خيرا

Jaser Alharbi يقول... 11 ديسمبر 2013 في 7:34 ص

[font="tahoma"][center]

حياك الله أخي محمد ، وأهلاً بك وسهلاً

ب8

[/center][/font]

tqarb يقول... 11 ديسمبر 2013 في 8:31 ص

جزاك الله خيراً اخى جاسر قالب رائع بالفعل وتعريب ممتاز

بي سوفت يقول... 11 ديسمبر 2013 في 6:38 م

الله يجزاك خير و يبارك فيك

محمد غراب - الحساب القديم يقول... 11 ديسمبر 2013 في 8:15 م

قالب رائع ، لقد قمت بتحميله لتحرير بعض الأمور المتعلقة بعرض القائمة الجانبية و تحرير الروابط و اضافة بعد التعديلات الخاصة.
لكن وجدت ان القالب لا يقوم بعرض القائمة النقطية و القائمة الرقمية ، أرجو تصحيح هذا الخلل.

شكراً لك و جزاك الله الجنة.

محمد غراب - الحساب القديم يقول... 11 ديسمبر 2013 في 8:52 م

و ايضاً هناك مشكلة اخري في القالب ، عند استخدامه للتدوين من خلال Windows Live Writer يظهر بشكل سئ للغاية مما يصعب من عملية التدوين !!

Jaser Alharbi يقول... 12 ديسمبر 2013 في 8:57 ص

حياكم الله اخواني، وجزاكم الله خيراً كذلك ج1

أخي محمد غراب: شكراً لتنبيهك وتم تصحيح التنسيق :

[img]http://oi39.tinypic.com/2jb3cc8.jpg[/img]

أما WLW فلم أعد استخدمه ، وعندما كنت استخدمه كنت أعطل جلب شكل القالب الى المحرر لانه يظهر بشكل مشوش للغايه

تحاياي :)

محمد غراب - الحساب القديم يقول... 12 ديسمبر 2013 في 10:29 م

بارك الله فيك ، لقد ركّبت القالب و سوف اعمل بنصيحتك مع WLW.
الآن عندي مشكلتين أرجو ان تساعدني فيهم.
الأولي ، المواضيع التي تظهر بمصغرات الصور غير مضبوطة كيف ما تظهر في المثال الحي للقالب.
الثانية ، أيكونات الشبكات الإجتماعية ما ضبطت معي.

Jaser Alharbi يقول... 13 ديسمبر 2013 في 7:43 ص

السلام عليكم

تم ضبطها واعادة تنسيق بعض الأمور الاخرى .

ايقونات الشبكات الاجتماعية لم أجد فيها مشكلها ، بيد انني وضعت مفتاح ( الفتح في صفحة جديده ) بدلاً من الخروج من المدونة للصفحة الاجتماعيه .

شكراً لك ت1

محمد غراب - الحساب القديم يقول... 14 ديسمبر 2013 في 7:31 م

السلام عليكم ،،
للتو لاحظت انك وضعت شُكر لي :) لقد أسعدني ذلك و أشكر لك تلك اللفتة الطيبة :)
سوف أقوم بتحميل القالب ، و محاولة ضبط القالب المُركّب علي مدونتي.
تظل عندي مشكلة في ظهور أزرار الشبكات الإجتماعية بشكل مشوهة كما ان القائمة ( الرئيسية و و و الخ ) توقفت عن الثبات التلقائي أعلي الشاشة عند تمرير الصفحة للأسفل ، هل من مساعدة :(

Jaser Alharbi يقول... 14 ديسمبر 2013 في 9:42 م

وعليكم السلام

الآن فهمت ت6

أخي محمد مُحول القالب الى بلوقر رجل محترف وهو يضع حماية على حقوقه بحيث تتشوه بعض تنسيقات المدونة ويظهر الخلل في بعضها الآخر ، لاحظ مثلاً ظهور مصغرات المواضيع في أعلى المدونه بدقة ضعيفه ولاحظ ايضا اختفاء زر الصعود للأعلى ...
يمكنني تجاوز هذه الحماية بل جربتها ، على أي حال أعد رفع القالب من جديد واترك حقوق الخواجه ولك أن تكتب حقوق مدونتك مكان عبارة حقوق التعريب ولك أن تحذفها كاملة .. راسلني اذا احتجت أي مساعده في هذا القالب

تحياتي

محمد غراب - الحساب القديم يقول... 14 ديسمبر 2013 في 10:29 م

حبيبي ، الله يرضي عليك و علي والديك.
حذف الحقوق ما احبها و لا اشجع عليها ، حذفت حقوق الخواجة بدون قصد ما انتبهت للـ id بتاع الـ copyright بصراحة.
ضبطه و كل شئ تمام ، الله يجازيك خير ، و اذا تحتاج اي شئ له علاقة بمجال مدونتي او غيره انا في الخدمة و اتشرف بك دائماً.
متابعك المُخلص ،،

Jaser Alharbi يقول... 14 ديسمبر 2013 في 11:10 م

[color="blue"].
نعم هذا هو اللائق بكم أخي محمد ، فتح الله عليك ونفع بك .

كأنك لم تستخدم آخر تحديث ، جربه فضلاً في مدونه تجريبية [/color]

محمد غراب - الحساب القديم يقول... 14 ديسمبر 2013 في 11:42 م

عيوني ، راح اجربه علي مدونة تجريبية ، و سوف افحصه اذا في تحديث او تجديد ارجو لفت نظري لها حتي أنقله للمدونة الرئيسية ، نظراً لأني قمت بعمل تخصيصات كثيرة في القالب لها علاقة بتنسيق صناديق داخل التدوينات و و و الخ

Unknown يقول... 15 ديسمبر 2013 في 8:10 م

فعلا قالب جميل جدا...لكن فيه عيب واحد هو كثرة الصور، الشي الدي قد يجعله ثقيل التحميل

Jaser Alharbi يقول... 15 ديسمبر 2013 في 8:46 م

[center]
القالب ذو اداء جيد جداً رغم كثرة الصور ، وهذا اختبار الصفحة الرئيسية:

[img]http://oi40.tinypic.com/10qz990.jpg[/img]

بالطبع أداء الصفحات افضل ، والحق أنه من الممكن جعله أكثر سرعه بالغاء المصغرات العلوية

حياك الله أخي الكريم [/center]

Unknown يقول... 16 ديسمبر 2013 في 8:54 م

السلام عليكم اخي الكريم لكن اين كود السلايد هذا غير موجود

Jaser Alharbi يقول... 16 ديسمبر 2013 في 9:15 م

وعليكم السلام

أهلاً أحمد ... لا يوجد سلايد في القالب ما تراه هو إضافة " المواضيع الشائعة " بتنسيق خاص ، لتظهر المصغرات يحتاج وقت لتصبح شائعه .

حياك ربي

بي سوفت يقول... 16 ديسمبر 2013 في 10:10 م

الله يبارك فيك قالب جميل و تم التركيب و التعديل
http://www.b-87.com/

Unknown يقول... 17 ديسمبر 2013 في 2:24 م

السلام عليكم اخى الكريم اولا شكرا على القالب ثانيا ارريد طلب منك انا ركبت القالب على مدونتى http://www.th3techno.com/ ولكن ركبت اللوجو والمقاس صغير جدا وبحثت في الاكواد ولم اجد جزالك الله كل خير كيف اغير المقاسات

Jaser Alharbi يقول... 17 ديسمبر 2013 في 10:14 م


@بي سوفت: مبروك إن شاء الله ج7


@أحمد: وعليكم السلام ورحمة الله وبركاته ، تجد تنسيق صورة اللوقو في هذا الكود:

[code]

#header img {
max-height: 40px;
width: auto;
}

[/code]

غير المقاس 40 بيكسل حسب ما تريد

essaid ouazzouz يقول... 20 ديسمبر 2013 في 6:03 ص

جزاك الله خيرا
صراحة انت مبدع أستاذنا الكبير جاسر
أنا أستخدم الساطع هنا http://essaido.blogspot.com/
وهذا القالب هنا: http://rabeaalquafy.blogspot.com/
أريد رأيك بعد أن تشرح مدونتي الأولى وأريد نصائحك الغالية جدا على قلبي
محبك السعيد وعزوز

Jaser Alharbi يقول... 20 ديسمبر 2013 في 8:55 م

وجزاك الله خير وشكراً على طيب مقالك وحسن ظنك

القالب في رأيي متناسق مع موضوع المدونة وليس لي ملاحظات رئيسية إلا ما يلي:

1. الاحظ استخدام لاقرأ المزيد الرسمية لذل تظهر عبارة "تتمة الموضوع" وهذا تكرار للميزه مع تلك التلقائية، فلا تستخدم فاصل الموضوع اثناء تحرير الرسالة.

2. تستخدم الإعلانات وأرى أنها مزعجه وغير مجديه ، فلعلك تؤجل فكرة الاعلان حتى يتكاثر الزوار وتصبح العملية مجديه.

3. نحن في بلوجر نستخدم الوسوم (التسميات) كأقسام وبالتالي يجب أن نراعي التقليل منها قدر الإمكان فاستخدام أكثر من ثلاث وسوم سيؤدي الى تشوه بيانات الموضوع ( الكاتب - التاريخ - التسميات ... ).

لكن وبشكل عام المدونة أنيقه حقاً ، ويبدو أنها تمسك بكلمات البحث بشكل مقبول جداً ما شاء الله


تحاياي

Ahmad Alhariri يقول... 25 ديسمبر 2013 في 9:30 ص

السلام عليكم,

شكراً لك على هذا الجهد, لكن هل بالإمكان تزويدي بالكود المعدل "للمشاركات الشائعة " فقط.

لأني لم استطع تحديد التعديدلات التي أجريت حتى ظهر كسلايدر.

وشكراً

Jaser Alharbi يقول... 25 ديسمبر 2013 في 11:53 ص

وعليكم السلام ورحمة الله وبركاته

أخي أحمد الإضافة هي الإضافة العادية بدون تعديل ، فقط انتظر بعد نشر المواضيع لفتره ثم ستخرج تباعاً إن شاء الله

Ahmad Alhariri يقول... 25 ديسمبر 2013 في 11:57 ص

اقصد أخي ما هو الجزء المعدل داخل القالب حتى ظهرت المشاركات بشكل اوتوماتيكي على شكل عارض صور ؟

Jaser Alharbi يقول... 26 ديسمبر 2013 في 1:28 م


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

أم أنك تواجه خلل في ذات القالب ؟

Ahmad Alhariri يقول... 26 ديسمبر 2013 في 1:31 م

بالضبط أخي جاسر, اريد تطبيق فقط جزئية "عارض الصور" الموجود بالقالب هذا حصراً على قوالب أخرى.

لدي أكواد كثيرة لعارض صور, لكن اريد عارض الصور الموجود في قالبك هذا فقط.

وشكراً

Jaser Alharbi يقول... 26 ديسمبر 2013 في 1:42 م

.

حسناً إن شاء الله سأنشر طريقة اضافتها وقبلها اقدم غضافه مسانده لتصحيح مقاس المصغرات

تحاياي

essaid ouazzouz يقول... 30 ديسمبر 2013 في 10:06 م

السلام عليكم
لقد نصحت أخي فأحسنت جزاك الله خيرا على تعليماتك الطيبة

غير معرف يقول... 21 يناير 2014 في 10:53 ص

السلام عليكم اخي جاسر .. كيف الحال .. بالنسبة للمواضيع ذات صله.. لماذ تظهر في القالب بهذه الصيغة : No related article available

كل حصري يقول... 10 مارس 2014 في 9:42 م

شكرا لك على القالب
تم التركيب ت4 ت4

http://abodoua.blogspot.com

Unknown يقول... 3 أبريل 2014 في 10:02 م

قالب جميل اخي
http://www.armenia-template.com/

Unknown يقول... 14 أبريل 2014 في 2:59 ص

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

mahmoud يقول... 5 مايو 2014 في 12:16 م

مشكور كتير اخى جاسر وقالب كتير جميل لكن كيف اعدل على توقيعك
جاسر الحربي محرر مدونة البلوقر ، مهتم بتبسيط الأمور المعقدة ، أبحث أتعلم أتقن أشارك المعلومة وهكذا تتم الفائدة لي أولاً ثم لغيري !
===============
لانى اجده فى كل مشاركة لدى بالمدونة هنا
http://paintermahmoud.blogspot.com/2012/10/blog-post_7.html

mahmoud يقول... 5 مايو 2014 في 12:33 م

سؤال اخر اخى جاسر لعدم خبرتى بالاكواد
وهو كيفية زيادة عدد المشاركات بالصفحة الاولى حيث ان عدد المشاركات 3 فقط !
http://paintermahmoud.blogspot.com/

محمد احمد يقول... 15 يونيو 2014 في 8:00 ص
أزال المؤلف هذا التعليق.
Fethi belkacemi يقول... 12 يوليو 2014 في 2:50 م

السلام عليكم أخي أطلب منك شرح على كيفية إضافة أقسام داخل أقسام

وشكرا

WH graphice يقول... 18 يناير 2015 في 5:47 م

شكراً جزيلاً لك اخي الكريم مواضيعك قيمه نتمنى ان تشرفونا بطلتكم الى مدونتنا المتواضعة عرب للمعلوميات برامج شروحات ملحقات فوتوشوب مصادر مفتوحهhttp://arabinfoormatic.blogspot.com نسعد بزيارتكم

Unknown يقول... 12 مايو 2015 في 10:48 م

السلام عليكم
ابطال ترافيان
http://trv-sa.com/ts5/register.php?ref=34

Unknown يقول... 14 مايو 2015 في 2:12 م

السلام عليكم
ابطال ترافيان
http://trv-sa.com/ts5/register.php?ref=60

Anna beauty يقول... 10 يوليو 2015 في 2:28 ص


الله يجزاك خير و يبارك فيك

progduzero

mahmoud يقول... 6 أبريل 2016 في 11:14 ص

اخى جاسر كيف زيادة عدد المشاركات بالصفحة الاولى مع العلم انى سويت عدد 10 او 5 فى كل مره من داخل تحرير رسائل المدونة ومن داخل اعداد المشاركات ولكن يظهر موضوع واحد فقط اتمنى الرد اليك نظرة ع المدونة
http://paintermahmoud.blogspot.com/

Jaser Alharbi يقول... 7 أبريل 2016 في 7:44 ص

السلام عليكم

المدونه تظهر لي بعدد ثماني مشاركات وليست واحدة ! هل ما زلت تعاني من المشكلة

nina يقول... 14 مايو 2016 في 11:24 م

ياريت لو في المزيد من قوالب بلوجر

إرسال تعليق