:: احصل علي ارخص رحلات الطيران والفنادق (آخر رد :فهد الشاعرى)       :: دورة الإحتراف في إدارة مخاطر المشاريع|دورات إدارة المشاريع مركزitr (آخر رد :ايمان محمد)       :: دورة الإحتراف في إدارة المشاريع وتطوير المهارات الإدارية والقيادية|دورات إدارة المشار (آخر رد :ايمان محمد)       :: دورة التحضير لشهادة مدير مشاريع معتمد وإكتساب المهارات|دورات إدارة المشاريع مركزitr (آخر رد :ايمان محمد)       :: دورة إستراتيجيات مكافحة غسل الأموال|دورات البنوك و المالية مركزitr (آخر رد :ايمان محمد)       :: دورة وسائل الدفع وآليات الضمان فى التجارة الخارجية وشروط البيوع الدولية incoterms 201 (آخر رد :ايمان محمد)       :: دورة تطبيقات الحوكمة فى القطاع المصرفى Governance|دورات البنوك و المالية مركزITR (آخر رد :ايمان محمد)       :: دورة التحكيم القضائي|دورات القانون والعقود مركزitr (آخر رد :ايمان محمد)       :: دورات تسويق مبيعات خدمة العملاء الاستثمار العقاري وفن البيع والتسويق (آخر رد :AHMEDBBMF)       :: دورة القانون الإداري وتطبيقاته فى منظومات الإدارة الحديثة|دورات القانون والعقود مركزi (آخر رد :ايمان محمد)      
اختر لونك:
وَقُلِ اعْمَلُوا فَسَيَرَى اللَّهُ عَمَلَكُمْ وَرَسُولُهُ وَالْمُؤْمِنُونَ ۖ وَسَتُرَدُّونَ إِلَىٰ عَالِمِ الْغَيْبِ وَالشَّهَادَةِ فَيُنَبِّئُكُم بِمَا كُنتُمْ تَعْمَلُونَ [ التوبة : ( 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


الساعة الآن 02:02 AM

 


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