
09-07-2014
|
 |
ناقل الأخبار
|
|
تاريخ التسجيل: 11 - 2 - 10
المشاركات: 691,205
|
|
اضافة النسبة المئوية لمدونات بلوجر - من تكنوليبي
السلام عليكم ورحمة الله و بركاته
اليوم نقدم لكم اضافة رائعة جدا و تزيد من جمال مدونتك و هي النسبة المئوية بجانب شريط التمرير

طريقة التركيب
اذهب الى قالب ثم تحرير HTML ثم ابحث عن
رمز PHP:
]]>
ثم ضع الكود التالى فوقه مباشرة
رمز PHP:
#Scroll{
Display:None;
Position:Fixed;
Top:0;
Left:20px;
Z-Index:500;
Padding:3px8px;
Background-Color:#2187e7;
Color:#Fff;
Border-Radius:3px;
}
#Scroll:After{
Content:””;
Position:Absolute;
Top:50%;
Left:-8px;
Height:0;
Width:0;
Margin-Top:-4px;
Border:4pxsolidtransparent;
Border-Left-Color:#2187e7;
}
2- ثم قم بالبحث على
وضع أسفله هذا الكود
رمز PHP:
3- قم بالبحث على وسم
رمز PHP:
وضع الكود التالى قبله مباشرة
رمز PHP:
/*Var ScrollTimer = Null;
$(Window).Scroll(Function() {
Var ViewportHeight = $(This).Height(),
ScrollbarHeight = ViewportHeight / $(Document).Height() * ViewportHeight,
Progress = $(This).ScrollTop() / ($(Document).Height() - ViewportHeight),
Distance = Progress * (ViewportHeight - ScrollbarHeight) + ScrollbarHeight / 2 - $('#Scroll').Height() / 2;
$('#Scroll')
.Css('top', Distance)
.Text(' (' + Math.Round(Progress * 100) + '%)')
.FadeIn(100);
If (ScrollTimer !== Null) {
ClearTimeout(ScrollTimer);
}
ScrollTimer = SetTimeout(Function() {
$('#Scroll').FadeOut();
}, 1500);
});
منقول من مدونة تكنوليبي
تكنوليبي
أكثر...
|