Не знаю имел ли право перекрашивать… но перекрасил) а в связи с продажей сайта решил поделится шаблоном!
Шаблон перекрашен в черный цвет, все иконки и т.п., немного изменен css (правда осталась загвоздка с цветом текста)
Скрин низа:
Кнопа "наверх" прописана в коде, а картинка в папке images.
В живую (не знаю сколько еще проработает): тут
СКАЧАТЬ
Jestik, у меня эта тема и в блогах доступнаВ блогах почему то эту запись не допустили для всеобщего рассмотрения(хотелось бы узнать почему?)
А как реализована кнопка "Наверх"?
Хм… значит пользователям видно, а гостям нет...)Jestik, у меня эта тема и в блогах доступна
Та где то скрипт нашел..) вставил код в template.php и все. Если надо могу выложить сам кодА как реализована кнопка "Наверх"?
А как реализована кнопка "Наверх"?
Было где-то здесь… Вот код:
<!--up--> <style type="text/css"> .scroll-to-top-button{ background: #666 url(/путь до картинки/картинка наверх) center center no-repeat; width: 40px; height: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; cursor: pointer; padding: 15px; margin: 40px; } </style> <script type="text/javascript"> (function(jq) { jq.autoScroll = function(ops) { ops = ops || {}; ops.styleClass = ops.styleClass || 'scroll-to-top-button'; var t = jq('<div class="'+ops.styleClass+'"></div>'), d = jq(ops.target || document); jq(ops.container || 'body').append(t); t.css({ opacity: 0, position: 'absolute', top: 0, left: 3 }).click(function() { jq('html,body').animate({ scrollTop: 0 }, ops.scrollDuration || 1000); }); d.scroll(function() { var sv = d.scrollTop(); if (sv < 500) { t.clearQueue().fadeOut(ops.hideDuration || 500); return; } t.css('display', '').clearQueue().animate({ top: sv, opacity: 0.8 }, ops.showDuration || 500); }); }; })(jQuery); </script> <script type="text/javascript"> $(document).ready(function() { $.autoScroll({ scrollDuration: 500, showDuration: 600, hideDuration: 300 }); }); </script> <!--/up-->