اضافة " شريط منزلق من اعلى الصفحة يحوي ازرار من تحديدك " + مثال اضافة رائعه من تعريبي!
https://www.techpointblog.com/2012/09/add-cssjquery-fixed-horizontal-menu.html
السلام عليكم!هل رغبت يوما بشريط منزلق رائعاً وخفيف في مدونتك؟
إذا اليك به اقدم لكم اليوم اضافة رائعه لمدونات بلوجر من المصدر التالي
و هو شريط منزلق يحوي روابط يمكنك اضاقة مكانها روابط تسميات
او مواضيع او صفحات المواقع الاجتماعية...
الان لكيفية التركيب":
اذهب للوحة تكم مدونتك>قالب>تحريرhtml>توسيع القوالب.
و ابحث عن الوسم التالي:
</head>
<link rel="stylesheet"
href="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]Fixed
Fade Out Menu.css"/>
<script type="text/javascript"
src="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop != 0)
$('#nav').stop().animate({'opacity':'0.2'},400);
else
$('#nav').stop().animate({'opacity':'1'},400);
});
$('#nav').hover(
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'1'},400);
}
},
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'0.2'},400);
}
}
);
});
</script>
الان ابحث عن:
<body>
إذا لم تجده فإبحث عن:
<body expr:class='"loading" + data:blog.mobileClass'>
والصق بعد الذي تجده الكود التالي:
<div id="nav"> <ul> <li><a class="top" href="#top"><span></span></a></li> <li><a class="bottom" href="#bottom"><span></span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li><li class="search"> <input type="text"/><input class="searchbutton" type="submit" value=""/> </li> </ul> </div> <div id="top"></div> <div class="desc"></div> <div id="bottom"></div> <div class="scroll"></div>
اخيرا ارجو منك تقدريرا لتعبي مشاركتي بتعليق يجعني على المواصلة في المدونة
ولا تنسى الضغط على ازرار المواقع الاجتماعية ادناه
و يمكنك ايضا الإشتراك في نشرة المدونة
البريدية للتقى كل جديد في المدونة
لإيميلك فقط ادخل ايميلك
في المكان المحدد من
الاضافة التي بالاعلى.
تحياتي.!
حقوق التعريب محفوظة لمدونة : أخبار إلكتروني .
الكاتب :
Salem Shami
مؤسس نقطة تقنية، مهتم بأخبار التقنية و التجارة الإلكترونية،أسعد بالتواصل معك عبر حساباتي في المواقع الإجتماعية أدناه
