اضافة هيدر داخل المواضيع لمعلومات عن التدوينة

تم الكشف عن مانع الإعلانات

من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock من المتصفح للدخول للمدونة، أو أستخدم متصفح أخر وشكرا لك :)

اضافة هيدر داخل المواضيع لمعلومات عن التدوينة



اضافة هيدر داخل المواضيع لمعلومات عن التدوينة







  1.  قم بالبحث عن الوسم ]]></b:skin> ثم قم بوضع فوقه الكود التالى ( قبله )

 * معلومات عن الموضوع داخل التدوينة 
 * ------------------------------ */
#cover-post{width:1170px;margin-top:70px}
.post-thumb div{height:380px}
.title-cover .post-thumb{height:250px;overflow:hidden;background-color:rgba(28,28,28,0);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);border-radius:10px}
.title-cover .post-thumb img{position:absolute;width:100%;height:250px;background-attachment:fixed;-webkit-filter:blur(2px);background-size:75%;background-position:50% -35%}
.commenterr::before{color:#fff;display:-webkit-inline-box;content:"\f086";font-family:fontawesome;margin:0 0 0 5px;font-size:35px}
.commenterr{text-align:center;color:#fff;font-family:'Mahdi-font';margin:0 0 0 10px}
.timer::before{color:#fff;display:-webkit-inline-box;content:"\f073";font-family:fontawesome;margin:0 0 0 5px;font-size:35px}
.timer{text-align:center;color:#fff;margin:0 0 0 8px}
.writer{margin-bottom:5px;text-align:center;color:#fff;font-size:15px;font-family:'Mahdi-font'}
.writer::before{color:#fff;display:-webkit-inline-box;content:"\f007";font-family:fontawesome;margin:-1px 17px 0 5px;font-size:35px}
.info-imgg{width:100%;position:absolute;text-align:center;margin:0 auto;right:0;left:0;top:0%;height:380px;padding-top:50px;background:rgba(61,74,96,0.57)}
.title-cover{position:relative}
.author-pic{height:70px;width:70px;border-radius:10%;border:3px solid #4b3685;margin:-8px 8px 0 0;float:right}
.c-posts-info a{margin-left:10px;font-size:15px;font-family:'Mahdi-font';color:#fff}
.c-posts-info{margin-bottom:25px}
.breadcrumbs span{color:#fff;font-size:14px;font-family:'Mahdi-font'}
i.fa.fa-angle-left{color:#fff;margin:5px}
.title-cover h3.post-title.entry-title{display:block;color:#ffffff;font-size:23px;font-weight:100;padding:15px 5px;margin:0;margin-bottom:30px;font-family:'Mahdi-font';text-shadow:2px 1px 0 #3d4a60}
.fa-tag:before{color:#fff;font-size:35px}
.fa-file-text-o:before{content:"\f0f6";color:#1DA1F2}
@media screen and (max-width:1280px){/* CSS CODE HERE FOR DESKTOP ---*/}@media screen and (max-width:1024px){/* CSS CODE HERE FOR TABLETS ---*/.title-cover .post-thumb{height:320px}.post-thumb:before{width:100%;height:500px}.title-cover .post-thumb img{width:100%;height:500px}}
@media screen and (max-width:768px){/* CSS CODE HERE FOR SMALL TABLETS ---*/.title-cover .post-thumb{height:320px}.post-thumb:before{width:100%;height:500px}.title-cover .post-thumb img{width:100%;height:500px}}
@media screen and (max-width:640px){/* CSS CODE HERE FOR IPHONE ---*/.title-cover .post-thumb{height:320px}.post-thumb:before{width:100%;height:500px}.title-cover .post-thumb img{width:100%;height:500px}}
@media screen and (max-width:480px){/* CSS CODE HERE FOR SMARTPHONES ---*/.title-cover .post-thumb{height:320px}.post-thumb:before{width:100%;height:500px}.title-cover .post-thumb img{width:100%;height:500px}}
@media screen and (max-width:320px){/* CSS CODE HERE FOR SMALL MOBILES ---*/.title-cover .post-thumb{height:320px}.title-cover .post-thumb img{width:100%;height:500px}.post-thumb:before{width:100%;height:500px}}
div#abdou523{margin-top:40%;animation:bounceIn .8s 1}
@media screen and (max-width:1200px){#cover-post{width:100%}}
@media screen and (max-width:1150px){#cover-post{width:100%}}
@media screen and (max-width:1024px){}@media screen and (max-width:1000px){.post-title{line-height:40px}.post-title a{font-size:15px}#cover-post{width:100%}.c-posts-info{padding:10px}.title-cover .post-thumb{height:500px}}
@media screen and (max-width:900px){.post-body img{width:100%}.post-title{line-height:40px}.post-title a{font-size:15px}#cover-post{width:100%}}
@media screen and (max-width:800px){.post-title{line-height:40px}.post-title a{font-size:12px}#cover-post{width:100%}}
@media screen and (max-width:700px){.posts-thumb{width:100%;float:none;margin-bottom:10px}.posts-thumb img{width:100%}#cover-post{width:100%}}







  1. قم بالحث عن الوسم  <b:includable id='post' var='post'> ثم قم بوضع الكود التالى تحته




مواضيع ذات صلة

مواضيع منوعة

6التعليقات

ِADMIN_VIP

روعة أخى استمر

ِADMIN_VIP

ممكن دورة لأحتراف تعديل وتصميم قوالب بلوجر

مستر سيف للمعلوميات

اخى واجهتنى مشكلة
لكود التانى فيه خطأ
‏حدث خطأ أثناء تحليل XML، في السطر 1949، العمود 74: The reference to entity "max-results" must end with the ';' delimiter. إخفاء الإشعار
ارجو الرد عليا سريعا

عبدو تكنولوجي - Abdou Technologie

ضع هذا الكود في مكان المرحلة الثانية في الشرح
تحميل الكود من هنا

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع