Перекрашеный шаблон News_red

#1 8 мая 2012 в 20:35
В блогах почему то эту запись не допустили для всеобщего рассмотрения(хотелось бы узнать почему?), так что выкладываю здесь


Иллюстрация

Не знаю имел ли право перекрашивать… но перекрасил) а в связи с продажей сайта решил поделится шаблоном!

Шаблон перекрашен в черный цвет, все иконки и т.п., немного изменен css (правда осталась загвоздка с цветом текста)
Скрин низа:
Иллюстрация
Кнопа "наверх" прописана в коде, а картинка в папке images.

В живую (не знаю сколько еще проработает): тут


СКАЧАТЬ
#2 8 мая 2012 в 20:39

В блогах почему то эту запись не допустили для всеобщего рассмотрения(хотелось бы узнать почему?)

Jestik, у меня эта тема и в блогах доступна
#4 8 мая 2012 в 20:54
ТС, отлично!
А как реализована кнопка "Наверх"?
#5 8 мая 2012 в 21:03

Jestik, у меня эта тема и в блогах доступна

SJen
Хм… значит пользователям видно, а гостям нет...)

А как реализована кнопка "Наверх"?

Сергей
Та где то скрипт нашел..) вставил код в template.php и все. Если надо могу выложить сам код
#6 8 мая 2012 в 21:09

А как реализована кнопка "Наверх"?

Сергей

Было где-то здесь… Вот код:

  1. <!--up-->
  2. <style type="text/css">
  3. .scroll-to-top-button{
  4. background: #666 url(/путь до картинки/картинка наверх) center center no-repeat;
  5. width: 40px;
  6. height: 5px;
  7. border-radius: 5px;
  8. -moz-border-radius: 5px;
  9. -webkit-border-radius: 5px;
  10. -o-border-radius: 5px;
  11. cursor: pointer;
  12. padding: 15px;
  13. margin: 40px;
  14.  
  15. }
  16. </style>
  17.  
  18. <script type="text/javascript">
  19. (function(jq) {
  20. jq.autoScroll = function(ops) {
  21. ops = ops || {};
  22. ops.styleClass = ops.styleClass || 'scroll-to-top-button';
  23. var t = jq('<div class="'+ops.styleClass+'"></div>'),
  24. d = jq(ops.target || document);
  25. jq(ops.container || 'body').append(t);
  26.  
  27. t.css({
  28. opacity: 0,
  29. position: 'absolute',
  30. top: 0,
  31. left: 3
  32. }).click(function() {
  33. jq('html,body').animate({
  34. scrollTop: 0
  35. }, ops.scrollDuration || 1000);
  36. });
  37.  
  38. d.scroll(function() {
  39. var sv = d.scrollTop();
  40. if (sv < 500) {
  41. t.clearQueue().fadeOut(ops.hideDuration || 500);
  42. return;
  43. }
  44.  
  45. t.css('display', '').clearQueue().animate({
  46. top: sv,
  47. opacity: 0.8
  48. }, ops.showDuration || 500);
  49. });
  50. };
  51. })(jQuery);
  52. </script>
  53.  
  54. <script type="text/javascript">
  55. $(document).ready(function() {
  56. $.autoScroll({
  57. scrollDuration: 500,
  58. showDuration: 600,
  59. hideDuration: 300
  60. });
  61. });
  62. </script>
  63. <!--/up-->
#7 8 мая 2012 в 21:16
Soulpest, Да… вроде бы он)
#9 4 июля 2012 в 16:58
Только вот меню, я бы сделал чуть длинее и завернул бы их и получилось как будто шаблон в объеме и лента огибает
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.