Вход Регистрация
*
*
» Название:

Уникальный шаблон NEW Spaces DS


» Описание:

Если будете читать внимательно, тогда сами поймете.
Шаблон для dcms-social c оформлением нового дизайна spaces.
Адаптация под все платформы: PC/Tablet/Smart
Кроссбраузерная css верстка.
Удобная html разметка.
Боковое меню с эффектом реалистичности .смех. это я уже от себя добавил, так как на спейсе такой фишки нет. Проще говоря, когда наводишь курсор на ссылки, то появляется эффект волны. Чем-то похож на «shake» - встряхивание. Смотрится красиво и надоедать не будет)) В смартфонах и планшетах с поддержкой css3, будет тоже работать. Советую UC Browser;
Затемнение противоположной стороны сайта, когда открывается боковое меню. Так точно же сделано на spaces. Красиво )) )) )
Вывод дневников в стиле spaces.ru.
Плиточные ссылки на главном меню с эффектом вдавливания.
Дополнительные два блока на главной, с ссылками, которые можно отредактировать под себя. Неплохо смотрится . )) )) )
Круглые аватарки: в боковом меню и верхней панели. Аналог spaces.
Не знаю, как там счётчики выводятся, поэтому сделал по-своему. Тоже нормально.
Под верхней панелью есть строка навигации! Можно быстро попасть на главную, к себе на страницу или посмотреть название текущей страницы. Тоже чем-то похожа на спейсовскую, но не совсем так. + в самом низу сайта она тоже есть.
Ещё есть дополнительная страница в которой можно увидеть все разделы сайта. Аналог spaces. Ссылки в неё можно добавлять через админку, ну и редактировать под себя.
####
Никакие файлы заменять не надо! Просто распаковать в корень и радоваться жизни))


» Выгрузил: * -=(C)DRU987=- (Dev) (24 Авг 2015 в 07:48)
» Скачали: 670 раз(a)
» Последнее скачивание: 19 Марта 2024 в 13:58
» Размер: 383.09 KB
» Рейтинг: (+5/-0)
» Импорт:

» Ссылка на файл:

Комментарии
* Tera (25 Авг 2015 в 13:39)
Блин давненько ничего подобного не видел, +однозначно!
| жалоба
* arhmobi (24 Авг 2015 в 21:27)
А Spaces работать не будет и дизайн тоже ? ?
| жалоба
* HELL (24 Авг 2015 в 15:42)
-=(C)DRU987=-, на скрине и на сайте lowka.ru видно, что все работает, только идекс лучше такой:

  1. <!--
  2. Sidebar Touch {Spaces.ru}
  3. Author: SofoklesAjax
  4. For: Dcms Social
  5. Contacts: vk.com/sophoclesajax
  6. --!>
  7.  
  8.  
  9.  
  10. <script type="text/javascript" src="http://spaces.ru/js/Sidebar_Touch.js?r=988p"></script></div>
  11. <div class="main_space" id="siteContent">
  12. <div id="location_header"></div>
  13. <div id="top_notif_place" class="top_notif_place oh"></div>
  14. <div id="main_content"><div id="index_page">
  15. <a href="/online.php" class="list-link list-link_online">
  16. <span class="ico ico_user_online"></span>Сейчас онлайн:
  17. <?=mysql_result(mysql_query("SELECT COUNT(*) FROM `user` WHERE `date_last` > ".(time()-600).""), 0)?> и <?=mysql_result(mysql_query("SELECT COUNT(*) FROM `guests` WHERE `date_last` > ".(time()-600)." AND `pereh` > '0'"), 0)?> гостей
  18. </a>
  19. <div class="widgets-wrap"> <div>
  20. <div class="search suggest_parent">
  21. <form action="/user/users.php?go" method="post"> <input type="hidden" name="link_id" value="792622">
  22. <input type="hidden" name="sid" value="">
  23. <input type="hidden" name="from" value="main_top">
  24. <input type="hidden" name="CK" value="1">
  25. <input type="text" class="search__input search_suggest" autocomplete="off" name="usearch" placeholder="Поиск по сайту" value="">
  26. <input type="submit" class="search__btn" value="Найти" name="cfms"> </form>
  27. <script type="text/javascript">require('search_suggests');</script>
  28. <div class="suggest__list"></div> </div> </div> </div> <!-- start NEW version -->
  29.  
  30.  
  31. <!-- Выводим плитки главного меню --!>
  32.  
  33.  
  34.  
  35. <div class="tile-menu">
  36. <div class="tile-menu__wrap">
  37. <a href="/obmen/" class="tile-menu__link"> <div class="tile-menu__pic tile-menu__pic_files"></div>
  38. <div class="tile-menu__title">Файлы</div> </a> </div>
  39. <div class="tile-menu__wrap">
  40. <a href="/user/music/" class="tile-menu__link">
  41. <div class="tile-menu__pic tile-menu__pic_music"></div>
  42. <div class="tile-menu__title">Музыка</div> </a> </div>
  43. <div class="tile-menu__wrap"> <a href="/plugins/notes/" class="tile-menu__link">
  44. <div class="tile-menu__pic tile-menu__pic_blogs"></div>
  45. <div class="tile-menu__title">Блоги</div> </a> </div>
  46. <div class="tile-menu__wrap">
  47. <a href="/user/users.php" class="tile-menu__link">
  48. <div class="tile-menu__pic tile-menu__pic_users"></div>
  49. <div class="tile-menu__title">Обитатели</div> </a> </div>
  50. <div class="tile-menu__wrap">
  51. <a href="/guest/" class="tile-menu__link">
  52. <div class="tile-menu__pic tile-menu__pic_comm"></div>
  53. <div class="tile-menu__title">Гостевая</div> </a> </div>
  54. <div class="tile-menu__wrap"> <a href="/user/love/" class="tile-menu__link">
  55. <div class="tile-menu__pic tile-menu__pic_dating"></div> <div class="tile-menu__title">Знакомства</div> </a> </div>
  56. <div class="tile-menu__wrap"> <a href="/chat/" class="tile-menu__link">
  57. <div class="tile-menu__pic tile-menu__pic_chat"></div> <div class="tile-menu__title">Чат</div> </a> </div>
  58. <div class="tile-menu__wrap"> <a href="/forum/" class="tile-menu__link">
  59. <div class="tile-menu__pic tile-menu__pic_ads"></div>
  60. <div class="tile-menu__title">Форум</div> </a> </div>
  61. <div class="tile-menu__wrap"> <a href="/user/liders/" class="tile-menu__link">
  62. <div class="tile-menu__pic tile-menu__pic_online-games"></div> <div class="tile-menu__title">Лидеры</div> </a> </div> </div>
  63.  
  64.  
  65.  
  66. <div class="widgets-group"> <div class="b-title b-title_first"> <a class="b-title__link" href="/plugins/notes/"> Недавние публикации <span class="b-title__all">Все <span class="ico ico_arrow"></span></span> </a> </div>
  67.  
  68.  
  69. <?
  70. $q=mysql_query("SELECT * FROM `notes` ORDER BY `time` DESC LIMIT 3");
  71. if(mysql_num_rows($q)==0){
  72. ?><div class="list-link blog-item_short">Записей нет</div>
  73. <div class="cl"></div> </div> <div class="cl"></div> </div> </div> <div class="cl"></div> </a>
  74. <?php
  75. }else{
  76.  
  77.  
  78. while($post=mysql_fetch_assoc($q)){
  79.  
  80. echo '<a href="/plugins/notes/list.php?id='.$post['id'].'" class="list-link blog-item_short"> <div class="oh"> <span class="right"> <span class="blog-item__time">'.vremja($post['time']).'</span> </span> <div class="blog-item__author no-break">
  81. <img class="online_status_ico">
  82. '.group($user['id']).' </img>
  83. ' . $user['nick'] . '
  84. </div>
  85. <div class="blog-item__title">'.text($post['name']).'</div> </div> <div> <div> <div class="blog-item__subject"> <div> '.$note_text =$post['msg'].' </div> </div> <div class="blog-item__attaches"> <div> </div>
  86. <div class="blog-toolbar">
  87.  
  88.  
  89. <span class=" left"> <span>Комментарии:</span> </span> <span class="right"> <span class="ico ico_com"></span> <span class="m">'. $count_comm =mysql_result(mysql_query("SELECT COUNT(`id`) FROM `notes_komm` WHERE `id_notes`='".$post['id']."'"),0).'</span> </span> </div>
  90.  
  91. <div class="cl"></div> </div>
  92. <div class="cl"></div> </div>
  93. </div> <div class="cl"></div></a> ';
  94. ?>
  95.  
  96. <?
  97. }
  98. ?></div><?
  99. }
  100.  
  101. ?>
  102.  
  103. <!-- Просто блок с разными ссылками. Редактируем под себя --!>
  104.  
  105.  
  106. <!-- Здесь размещаем рекламные ссылки, но
  107. можно и что-то другое. --!>
  108.  
  109. <center>
  110. <a class="list-link no-break" href="/?t=wap"> <!-- лайт - значит легкая. В нашем случае это папка default --!>
  111. <span class="ico ico_mobiles"></span> Лайт версия</a>
  112.  
  113.  
  114. </center>
  115.  
  116.  
  117.  
  118.  
  119. <div class="horiz-menu horiz-menu_bottom">
  120. <table cellspacing="0" cellpadding="0" class="horiz-menu__wrapper" width="100%"> <tbody><tr width="100%"><td width="25%" class="horiz-menu__col">
  121.  
  122. <!--
  123. Нижняя часть сайта.
  124. Редактируем под себя
  125. --!>
  126.  
  127. <a href="/plugins/rules/" class="horiz-menu__link">О сайте</a> </td>
  128. <td width="25%" class="horiz-menu__col">
  129.  
  130. <a href="/plugins/rules/" class="horiz-menu__link">Правила</a> </td>
  131. <td width="25%" class="horiz-menu__col">
  132.  
  133. <a href="/mail.php?id1" class="horiz-menu__link">Помощь</a> </td>
  134. <td width="25%" class="horiz-menu__col">
  135.  
  136. <a href="/null" class="horiz-menu__link">Контакты</a> </td> </tr> </tbody></table> </div> </div></div> </div> <div id="page_ads"></div>
  137.  
  138.  
  139. <!--
  140. Smileee =)) ))
  141. --!>

| жалоба
* -=(C)DRU987=- (Dev) (24 Авг 2015 в 15:05)
HELL, графика есть в архиве? а то криворукий лепит минус с комментом что нет графики
| жалоба
* HELL (24 Авг 2015 в 14:54)
В принцепи супер, но ноги главной..Ужс изображение
| жалоба
* HELL (24 Авг 2015 в 10:43)
Тестил кто-то?
| жалоба
Комментировать файлы можно с уровня Продвинутый
«Назад
1, 2
Онлайн: 1
Реклама