الجمعة، 18 يوليو 2014
السلام عليكم ورحمة الله و بركاته
اليوم أحبابي في الله سوف نرى كيفية تغير شكل ومظهر تعليقات البلوجر ، لقد رأينا في تدوينة سابقة كيفية تميز تعليقات الكاتب عن تعليقات الزوار ، و الأن مع هذه التدوينة ستتمكن من تغير شكل كل التعليقات مما يجعلها جميلة و جذابة كي لا ننسى فهناك بعض القوالب تظهر فيه التعليقات بشكل مشوه وهذا هو الحل و بالقليل من الخبرة في أكواد css يمكنك التعديل عليها على ذوقك ... المهم كي لا أطيل عليكم ننتقل للشرح
اليوم أحبابي في الله سوف نرى كيفية تغير شكل ومظهر تعليقات البلوجر ، لقد رأينا في تدوينة سابقة كيفية تميز تعليقات الكاتب عن تعليقات الزوار ، و الأن مع هذه التدوينة ستتمكن من تغير شكل كل التعليقات مما يجعلها جميلة و جذابة كي لا ننسى فهناك بعض القوالب تظهر فيه التعليقات بشكل مشوه وهذا هو الحل و بالقليل من الخبرة في أكواد css يمكنك التعديل عليها على ذوقك ... المهم كي لا أطيل عليكم ننتقل للشرح
1- نذهب للوحة التحكم بلوجر
2- ثم ننقر على القالب
3- تحرير html
4- ثم نبحث عن هذا الوسم ]]></b:skin>
و ضع هذا الكود فوقه مباشرة
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXB29gXNEu23b28LQbve-KC49vWqjJOK-zoRt7M8KBgnqDnWfWIxAqNkxu5XTADT6YfyeTy0Dro1U5dZskiezI16XvtckOGYp-ySsi2yarOGaYRgny9MWCGASVNS950K0VmTzLZbxmDjs/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}
هذا كل ما في موضوع اليوم دمتم بود وفقكم الله
الاشتراك في:
تعليقات الرسالة (Atom)
مميزة
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله إنشاء الله سنتعلم كيف نعدل الصفحات الثابتة في البلوجر " Blogger Static Pages " وجعلها بعرض المدون...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله وبركاته. يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف ...
-
السلام عليكم و رحمة الله وبركاته. متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website...
-
سلام الله عليكم، نلتقي من جديد في ورشة مدون اليوم أحبابي فالله بعد أن طلب مني بعض الاخوة في الصفحة أنهم يريدون قوالب رمضانية فقمت بج...
-
السلام عليكم ورحمة الله وبركاته أولا أحب أن أعتذر عن الإنقطاع جراء بعض مشاكل مع شركة الإتصال ,,, المهم كأول لقاء مع متابعي ورشة مدون الأ...
-
السلام عليكم و رحمة الله و بركاته، مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المد...
تعليقات الزوار
أرشيف المدونة الإلكترونية
-
▼
2014
(100)
-
▼
يوليو
(21)
- إضافة "هل أعجبك الموضوع؟" أسفل كل تدوينة
- شرح تحميل و تركيب قالب عرب تيك الإحترافي للمدونة ا...
- إضافة صندوق التبادل الإعلاني بتقنية css لمدونة بلوجر
- طريقة إضافة slader show المحترف بشكل صحيح
- تعرف على الفرق بين السمة "dofollow" و "nofollow" و...
- أفضل أكواد الميتا تاج ستجعل مدونتك في الصدارة
- إضافة أخر المواضيع للبلوجر بشكل متحرك
- تغير شكل و مظهر تعليقات بلوجر
- إضافة صندوق الإشترك بالبريد الإلكتروني و المواقع ا...
- إضافة قائمة منسدلة جانبية للصفحات الإجتماعية
- تحميل قالب "APOLLO" المعرب حصريا للوجر
- إضافة زر التمرير نحو الأعلى و الأسفل بتقنية Jquery
- إضافة المشاركات الشائعة بشكل أنيق و جذاب
- كيفية تنسيق قائمة و سحابة التسميات
- تحميل النسخة 2 من قالب "قالب الرائع"
- تحميل قالب بلوجر"Flat Mag" الأكثر إحترافية
- وضع رسالة ترحيبية أسفل القائمة الرئيسية
- تميز تعليقات صاحب المدونة عن تعليقات الزوار
- شرح أداة firebug لتسهيل إستخراج أكواد واجهات المواقع
- إضافة شريط أخر الأخبار لمدونة بلوجر
- إضافة مواضيع ذات صلة تحت كل موضوع
-
▼
يوليو
(21)
تواصل معنا على الفيسبوك
أهم المواضيع
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله إنشاء الله سنتعلم كيف نعدل الصفحات الثابتة في البلوجر " Blogger Static Pages " وجعلها بعرض المدون...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله وبركاته. يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف ...
-
السلام عليكم و رحمة الله وبركاته. متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website...
-
سلام الله عليكم، نلتقي من جديد في ورشة مدون اليوم أحبابي فالله بعد أن طلب مني بعض الاخوة في الصفحة أنهم يريدون قوالب رمضانية فقمت بج...
-
السلام عليكم ورحمة الله وبركاته أولا أحب أن أعتذر عن الإنقطاع جراء بعض مشاكل مع شركة الإتصال ,,, المهم كأول لقاء مع متابعي ورشة مدون الأ...
-
السلام عليكم و رحمة الله و بركاته، مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المد...
ليست هناك تعليقات:
إرسال تعليق
يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r