كيفية اضافة زر الصعود لأعلي لمدونات بلوجر 2021
لقد قمنا باعداد فيديو بسيط يوضح كيفية اضافة زر الصعود لأعلي لمدونات بلوجر
وشكل السهم جذاب ويعطي مدونتك طابع احترافي ومناسب لجميع القوالب ولن يقوم
بافساد مظهر مدونتك
تابع الشرح لمعرفة كيفية اضافة زر الصعود لأعلي
رابط تحميل الاكواد بالأسفل
اكواد ال CSS
]]></b:skin>____________.scrollToTop {outline: 0;border: 0;font - size: 14 px;cursor: pointer}.scrollToTop svg {display: block}.scrollToTop {position: fixed;z - index: 9999;opacity: 0;pointer - events: none;transition: opacity .3 s,background .3 s,-webkit - transform .3 s;transition: transform .3 s,opacity .3 s,background .3 s;transition: transform .3 s,opacity .3 s,background .3 s,-webkit - transform .3 s; - webkit - transform: translateY(-2e m);transform: translateY(-2e m)}.scrollToTop.visible {pointer - events: all;opacity: 1; - webkit - transform: translateY(0);transform: translateY(0)}.scrollToTop svg {fill: #f00}.scrollToTop {background - color:#000000;box-shadow:0 1px 4px rgba(0,0,0,.5);bottom:1em;right:1em;padding:.5em;border-radius:4px}.scrollToTop:hover{background-color:#000000}
اكواد java
</body>
_______
<button id="scrollToTop" data-upspeed='1000' data-upshow='600' class="scrollToTop">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</button>
<script src='//cdn.jsdelivr.net/gh/imintweb/Js/scrollup.min.js'></script>
تعليقات
إرسال تعليق