اختر لونك:
وَقُلِ اعْمَلُوا فَسَيَرَى اللَّهُ عَمَلَكُمْ وَرَسُولُهُ وَالْمُؤْمِنُونَ ۖ وَسَتُرَدُّونَ إِلَىٰ عَالِمِ الْغَيْبِ وَالشَّهَادَةِ فَيُنَبِّئُكُم بِمَا كُنتُمْ تَعْمَلُونَ [ التوبة : ( 105 )] كلمة الإدارة

يرجى إختيار القسم المناسب قبل النشر وسيعاقب المخالف بإنذار أول مرة وسيتم حظره إذا تكرر ذلك كلمة الإدارة

يُمنع كتابة مواضيع السحر والشعوذة والروحانيات والابراج بكافة الأشكال والمخالف سيعاقب بحظر مؤقت وإذا تكرر سيكون حظر دائم تنبيه هام جداً



أضف رد جديد
 
LinkBack أدوات الموضوع انواع عرض الموضوع

قديم 11-04-2019, 03:18 PM   #1
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
افتراضي ما هي طريقة إضافة زر العودة الى فوق بشكل جديد ؟

في تدوينة اليوم سوف أشرح لكم طريقة ، لإضافة زر للعودة إلى فوق او للعودة إلى رأس الصفحة ، هذه الإضافة تعمل على ، مدونات بلوجر فقط ، إذا واجهتكم اي مشاكل في اضافتها ، اتركو لي تعليقا فيه شرح للمشكلة، و إن شاء الله أساعدكم ،
أول شيء سنفعله افتحو بلوجر و تابعو الشرح بالترتيب :
1 = أدخلو على لوحة التحكم
2 = إضغطو على تبويب القالب
3 = إضغطو تحرير HTML
4 = إبحث عن الوسم ]]> </ b: skin> و أضف الكوف التالي فوقه .

/ * Back to Top Rocket slide * /
#scrolltop {display: none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px; height:48px;right:25px;background:url(طريقة إضافة العودة بشكل جديد) 50% 0 no-repeat; opacity: 0; -webkit-transition: .6s visibility cubic-bezier (.6, .04, .98, .335), opacity .6s cubic-bezier (.6, .04 ,. 98, .335), - webkit-transform .6s cubic-bezier (.6, .04, .98, .335); - moz-transition: .6s visibility cubic-bezier (.6, .04, .98, .335), opacity .6s cubic-bezier (.6, .04, .98, .335), - moz-transform .6s cubic-bezier (.6, .04, .98, .335); transition: visibility .6s cubic-bezier (.6, .04, .98, .335), opacity .6s cubic-bezier (.6, .04, .98, .335), transform .6s cubic-bezier (.6 ,. 04, .98, .335)}
#rocketmeluncur 50% -48px no-repeat; opacity: .5; -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; transition: transform .2s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0}
#rocketmeluncur: hover {background-position: 50% -62px}
#rocketmeluncur: i hover {background-position: 50% 100%; - webkit-animation: flaming .7s infinite; -moz-animation: flaming .7s infinite; animation: flaming .7s rocketmeluncur.showrocket infinite} # {visibility: visible ; opacity: 1}
# Rocketmeluncur.launchrocket {background-position: 50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
# Rocketmeluncur.launchrocket i {background-position: 50% 100%; - webkit-transform: scale (1.4,3.2); - moz-transform: scale (1.4,3.2); transform: scale (1.4,3.2)}
5 = إبحث عن الوسم </ body> و أضف الكود التالي فوقه .

<A href = "javascript: void (0);" id = "rocketmeluncur" class = "showrocket"> <i> </ i> </a>

<Script type = 'text / javascript'>
// <! [CDATA [
jQuery(window).scroll(function(){jQuery(window).sc rollTop()<50?jQuery("#rocketmeluncur").slideUp(500 ):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.docume ntElement.clientHeight),parseInt(document.body.get BoundingClientRect().top),parseInt(e.clientWidth)) ,r=t.clientWidth;if(1e3>n){var l = parseInt (fetchOffset (e) .left); l = r> l? 2 * lr: l, t.style.left = n + l + "px"} else t.style.left = "auto", t. style.right = '10px'}), jQuery ("# ​​rocketmeluncur"). click (function () {jQuery ('html, body'). animate ({scrollTop: "0px", display: "none"}, { duration: 600, easing: "linear"}); var e = this; this.className + = "launchrocket", setTimeout (function () {e.className = "showrocket"}, 800)});
//]]>
</ Script>
6 = قم بحفض القالب و ألق نضرة على المدونة لتجريب الإضافة الجديدة .
إنتهى ^_^

raheel غير متواجد حالياً   اقتباس
أضف رد جديد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
ضبط إعدادات الشحن (Shipping) لمتجرك الإلكتروني على منصة WooCommerce مهرة النجدية قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 1 22-07-2019 06:58 PM
طريقة عمل سلطة سيزر دايت رفيق الدرب مطبخ وصيدلية رحيل 0 28-01-2019 07:43 AM
طريقة عمل المكرونة بالمشروم رفيق الدرب مطبخ وصيدلية رحيل 0 28-01-2019 07:38 AM
طريقة عمل الكيك بدون فرن رفيق الدرب مطبخ وصيدلية رحيل 0 28-01-2019 07:16 AM
طريقة عمل السجق بالطماطم والبصل رفيق الدرب مطبخ وصيدلية رحيل 0 28-01-2019 07:00 AM


الساعة الآن 11:21 AM

 


Content Relevant URLs by vBSEO ©2010, Crawlability, Inc.