المعاينات والمرفقات
من أهم تنسيقات صندوق كتابة المواضيع في بلوجر هو خيار التعداد الرقمي 
فهو يميز النقاط الهامة ويرتبها لكن هذا الخيار بدون تنسيق مميز في بلوجر لكن يمكن اعطائه تنسيق مميز يحسن من مظهره ويزيد من جذبه لإنتباه القارئ سيتم طرح تنسيقين اساسيين وطريقة تلوينهما بحسب رغبتك اكواد التنسيقات تضاف فوق الوسم ]]></b:skin>
فهو يميز النقاط الهامة ويرتبها لكن هذا الخيار بدون تنسيق مميز في بلوجر لكن يمكن اعطائه تنسيق مميز يحسن من مظهره ويزيد من جذبه لإنتباه القارئ سيتم طرح تنسيقين اساسيين وطريقة تلوينهما بحسب رغبتك اكواد التنسيقات تضاف فوق الوسم نبدأ مع التنسيق الأول
.post ol{هذا #0062c4 هو اللون الأزرق عدله باللون المناسب
counter-reset:li;
list-style: none;
*list-style: decimal;
margin-right:0;
padding-right:0
}
.post ol li{
position:relative;
margin:0 15px 20px 0 !important;
padding:4px 10px 4px 5px !important;
list-style:none;
*list-style: decimal;
border-bottom:1px solid #e2e3e2;
background:#f2f2f2;
text-indent:14px;
}
.post ol li:before {
background:#0062c4;
color: #fff;
content: counter(li, decimal);
counter-increment: li;
font: bold 14px serif;
margin: 0 0 10px;
padding: 5px 3px !important;
position: absolute;
right: -9px;
text-align: right;
text-indent: 6px;
top: -5px;
width: 20px;
}
.post ol li:after {
border-color: transparent #0062c4 transparent transparent;
border-style: solid;
border-width: 5px 5px 0 0;
content: "";
height: 0;
position: absolute;
right: 17px;
top: -5px;
width: 0;
}
التنسيق الثاني
.post ol{نفس الشئ هذا #0062c4 هو اللون الازرق استبدله
counter-reset:li;
list-style: none;
*list-style: decimal;
margin-right:0;
padding-right:0
}
.post ol li {
list-style: none outside none;
margin: 0 15px 10px 0 !important;
padding: 4px 10px 4px 5px !important;
position: relative;
text-indent: 14px;
}
.post ol li:before {
background:#0062c4;
border-radius: 2px;
color: #fff;
content: counter(li, decimal);
counter-increment: li;
font: bold 14px serif;
margin: 0 0 10px;
padding: 4px 4px 5px 3px !important;
position: absolute;
right: -9px;
text-align: right;
text-indent: 6px;
width: 20px;
}
أما هذا الرقم 2 هو درجة الإستدارة زده بقدر ما تشاء ويمكنك بجعله 50 ان يصبح مستديراً تماماً
بالتوفيق
الاشتراك في:
تعليقات الرسالة (Atom)
إضافة مميزة من مدون مميز
ردحذفشكراً
أهلا ومرحباً بك اخي الكريم سررت بمرورك =r
حذفشكرا لك اخي عمرو صراحة اضافة جميلة
ردحذفو مهمة =r
شكرا افضل شىء انها تلقائية
ردحذفتشرفت كثيراً بمروركم اخواى الكريمان
ردحذفموفقين بإذن الله
تحياتي
اضافة مميزة جدا ,,, اخي عمرو هل من الممكن ان تشرح لنا طريقة تغيير شكل تعليقات بلوجر ...
ردحذفانظر عندي بالمدونة ليست جميلة ... هل من الممكن ان تساعدني لتغيير الشكل.
http://im78.gulfup.com/dnVcpl.png
تفضل بزيارة مدونتي للمعاينة :
www.th3key.com
شكرااااا عالاضافات الفريدة من نوعها
أنا شرحت أحد أفضل نماذج التعليقات مسبقاً أخي الكريم ستجدها في الموضوع التالي
حذفhttp://cnmu.blogspot.com/2013/04/Blogger-Threaded-Comments.html
استخدم التنسيق الخاص بها ولونه بحسب مظهر مدونتك
تحياتي
الله يبارك أستاذنا الرائع تستحق كل الحب والمتابعة
ردحذفيعطيك العافية اخي موضوع مميز مثل صاحبة
ردحذفهل من الممكن ان توضح لي كيفية استخدمهم عند كتابة موضوع
ردحذفاخي الكريم ظلل الجزء المراد ترقيمة وانت تكتب الموضوع
حذفثم اضغط على ايقونة الترقيم انا موضح شكلها في بداية الموضوع
اخي العزيز
ردحذفتم تركيب الاضافة بدون اخطاء 100%
ولكن لا اعرف ماذا حدث
شاهد الصورة
http://store1.up-00.com/2015-02/1423062957591.png
مع العلم :اني كل ما اركب اي تنسيق في الرسائل مثل مشاركة الموضوع و مواضيع ذات صله لا تعمل اعتقد ان المشكلة في القالب !
فهل من حل ؟
أخي الفاضل احياناً بعضالقوالب تحتاج وانت تضيف تنسيق بها ان تضيفه بشكل معين في جزء مضبوط داخل النمط التنسيقي
حذفيعني يكون مثلا تحت او فوق تنسيقات منطقة المواضيع يصعب تقديم تلك الحلول أخي الكريم لان الأمر يتطلب خدمة دعم فني وعمل على القالب لتحديد المشكلة
لكن انا في تعديلي للقالب لم اواجه اى مشكلة
اوكي مشكور اخي ^_^
حذفموضوع مميز كالعادة، لكن حبذا لو ذكرتَ يا أستاذ عمرو أن بعض القوالب تأتي بها أكواد التعداد الرقمي الخاص بها، وهنا ينبغي على المدون أن يستبدلها، ولا يكتفي بوضع الجديدة فحسب.
ردحذفشكرا على الاضافة اخي الكريم
حذفلكن احيانا يا طيب عندما تكون امور بديهية انسى ذكرها
ولهذا انتم من يذكرنا ويدعمنا دائما تحياتي لك
اخى الفاضل انا حملت قالب من احد المدونات الاجنبيه وكمت بى تعريبه ويوجد مع القالب التعدد الرقمى ولاكن لا يظهر بى شكل واضح يمكنك المعاينه http://magiccombe.blogspot.com/2015/04/blog-post_4.html
ردحذفهل يوجد حل v=
وجدت الترقيم ظاهر لديك في القالب
حذفاسف على الازعاج انا كومت بى اعاده ترقيبه من جديد وتم تشغيله %100
حذفواسف مره تنيا علا الازعاج u=
جزاك الله خيرا تم التركيب بنجاح
ردحذفhttp://www.linartaqe.com/
هذه طريقة لتزينها هل يوجد طريقة لاضافتها وكيف تركيبها
ردحذفأخي التعداد الرقمي هو جزء من صندوقا لمواضيع في بلوجر
حذفابحث عن ايقونته في صندوق المواضيع انا واضح صورة الأيقونة في بداية الموضوع
عند تحديد مجموعة اسطر والضغط على الأيقونة سيتصبح تلقائياً تعداد رقمي
السلام عليكم
ردحذفاخي عند استخدامي للتعداد الرقمي بعد تركيب الكود ظهر لي الارقام في الموضوع حتى رقم 9 فقط وانا كنت كتبت الى رقم 20 وعند المعاينة ظهر لي التعداد الى رقم 9 والباقي رقم 1 , ولا اعرف ما المشكلة
واظن اخي انه لا يظهر ارقام ثنائية لانه توقف عند الرقم 9 ,وعند الرقم 20 كتب 2 فقط ولم يظهر الصفر
ردحذفوعليكم السلام ورحمة الله وبركاته
حذفلم اواجه تلك المشكلة لدي ربما يكو نالخط لديك اكبر مناستيعاب مساحة الترقيم
فيمكنك زيادة عرض مساحة الترقيم
بتعديل هذا الكود
width: 20px;
وزيادة الرقم 20 ليزداد العرض
شكراً جزيلا اخي
ردحذفقمت بزيادة العرض الى 30 بدلاً من 20 ونجحت
جزاك الله كل خير
اضافه جميلة جدا جزاك الله خيرا .
ردحذفالسلام عليكم انا ركبت الاضافة بنجاح ولكن لما اقوم بتظليل مثلا اربعة سطور مع الارقام ١ ٢ ٣ ٤ لا تصلح فكل السطور تحمل نفس الرقم ١ ١ ١ ١ بدلا من ١ ٢ ٣ ٤ .
ردحذفما الحل اخي؟
وعليكم السلام ورحمة الله وبركاته؟
حذفلم افهم قصد بالتظليل ؟ هل تقصد بزر الماوس ان كان هذا قصدك فهذا امر لا تلتف له لانه ليس من اصل العرض
او وضح بصورة فضلا
لقد وجدت حل المشكلة ، لقد فهمت قصدي، اضافة رائعة ، هل من الممكن تقول لي كيف أضيف نفس الخط font style , لانه مختلف عن الخط اللي على مدونتي ، بارك الله فيك ان كان بإمكانك
ردحذفأخي هذا كود الخط عدله بما تريد
حذفfont: bold 14px serif;
bold السماكة يمكنك جعله normal يكون خفيف
14 الحجم
serif اسم الخط استبدله بإسم خطك
اما الخط العام هو ياخذ تلقائيا خط مدونتك
من فضلك أردت أن أعرف الطريقة التي عندما أضغط على العنوان في تنسيق التعداد الرقمي أو النقطي يأخذني مباشرة إلى التفصيل.
ردحذفأنا فعلياً كنت شرحت هذا سابقاً في هذا المفال
حذفhttps://www.cnmu.info/2015/05/jumping-inside-pages-html.html
المشكلة ان محرر بلوجر حالياً أصبح تلقائياً ان وجد رمز # في القالب يضيف عليه رابط لوحة التحكم فيجعل تلك الطريقة لا تعمل داخل المواضيع فقط في الأجزاء الرئيسية للقالب وليس داخل الموضوع