السلام عليكم ورحمة الله تعالى وبركاته معكم موسى ترخاش 🙌 من موسى للمعلوميات 🚀في موضوع جديد حول إضافة تنبيه فوق القائمة العلوية ينزل مع السكرول بار + زر إغلاق مع هده الإضافة قررت ان افرحكم بقالب رائع من تصميمنا ولكم مجانا فقط شرط واحد للحصول على القالب ستجده بالاسفل ننتقل للشرح الان
1 - اولا ندخل للمدونة ثم القالب ثم تحرير html
2 - تبحث عن
2 - تضيف الكود التالي فوق
3 - تضيف الكود التالي وهو المسؤل عن إخفاء الإضافة عند الضغط على X فوق
1 - اولا ندخل للمدونة ثم القالب ثم تحرير html
2 - تبحث عن
.th9Moussa-bar {
width: 88%;
padding: 6px;
text-align: center;
background: #161616;
font-weight: 300;
font-size: 19px;
color: #fff;
line-height: 30px;
font-family: Moussa-font;
}
body{margin-top:-50px;}
.th9Moussa-bar span{font-size:17px;font-weight:400;margin-left:35px;background:#fff;padding:5px;border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.th9Moussa-bar span a{color:#E64C3A;}
.th9Moussa-bar i {
margin-top: 5px;
float: right;
padding-right: 40px;
cursor:pointer;
}
.toggleclose{top:-75px!important;}
.togglebody{margin-top:0!important;}
2 - تضيف الكود التالي فوق
.th9Moussa-bar{z-index:99999;top:0;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;position:fixed}
body{margin-top:40px ;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;}
@media screen and (max-width:560px) {
body{margin-top:70px!important;}
}
@media only screen and (max-width:479px){
body{margin-top:100px!important;}
}
3 - تضيف الكود التالي وهو المسؤل عن إخفاء الإضافة عند الضغط على X فوق
//
jQuery(document).ready(function(){
jQuery( '.th9Moussa-bar i' ).click(function() {
jQuery( '.th9Moussa-bar' ).toggleClass( 'toggleclose' );
jQuery( 'body' ).toggleClass( 'togglebody' );
jQuery( '.th9Moussa-bar i' ).toggleClass( 'fa-times' );
jQuery( '.th9Moussa-bar i' ).toggleClass( 'fa-arrow-down' );
});
jQuery('.postpageads1').insertAfter('.separator');
});
//]]>
اخر كود يوضع فوق
الان بعدما إنتهينا من شرح الإضافة
ننتقل الان لشرح الحصول على القالب الموجود في المعاينة اسفل