Обновление верстки в закрытых системных кодах (up. 13-2013)
Обновление интернет-магазина и мелкие багфиксы!

Обновление, о котором пойдет речь, порадует в первую очередь тех, кто делает шаблоны или кардинально меняет дизайн своего сайта, и я считаю это обновление большим шагом вперед для системы.

Речь пойдет о правках в верстке, благодаря которым, мы сможем делать для вас более современные и качественные адаптивные шаблоны.

Обновление доступно на всех серверах!

Итак, обо всем по порядку.

1. Переработка структуры меню

Ранее главное меню сайта состояло из списка, внутри каждого элемента которого было огромное количество вложенных блоков <div> и собственно ссылка, а подменю было вынесено в коде отдельным блоком с абсолютным позиционированием и также с лишними блоками. Чтобы стилизовать такое меню, а, особенно, подменю с красивым выпадением, приходилось городить скрипты или своеобразные хаки.

Теперь же главное меню и подменю - это просто вложенные списки со ссылками, стилизовать которые можно гораздо проще и лишь с помощью CSS.
Чтобы заполучить такое меню у себя в шаблоне нужно вместо кода $SMENU_...$ написать код $NMENU_...$ или же в конструкторе шаблонов вместо
<!-- <sblock_menu> -->CONTENT<!-- </sblock_menu> -->
написать
<!-- <sblock_nmenu> -->CONTENT<!-- </sblock_nmenu> -->.

Стилизовать его придется самостоятельно, или дождаться новых шаблонов, где это уже сделано и осталось только использовать.

Старый вариант также будет работать, для обеспечения совместимости со старыми шаблонами. Если меню в конструкторе явно не указано, оно выведется в сайдбаре, чтоб в сайдбаре было новое меню, а не старое, нужно добавить в конфиг (см. п6) правило “nmenu”: 1

рис. Код нового меню в панели управления

рис. Новое меню на сайте

2. При создании шаблона в режиме конструктора появилась возможность создавать свои глобальные блоки

То есть теперь можно при создании шаблона кроме стандартных блоков header, footer, container… создать свой глобальный блок. Для этого нужно в режиме конструктора шаблонов описать участок кода:

<!-- <global_blockname> -->
    тут содержимое блока
<!-- </global_blockname> -->

При создании шаблонов автоматически создается блок $GLOBAL_BLOCKNAME$ и в него помещается его содержимое. Удобно, не правда ли?

3. Классы в деталях материала

Содержимое внутри деталей материала (eDetails) будет обернуто в классы во всех модулях, где есть eDetails, пример:

<span class="e-reads">
    <span class="ed-title">Просмотров:</span>
    <span class="ed-value">8</span>
</span>

Таким образом, в стандартных шаблонах появится возможность стилизовать детали материала красиво и современно, например:

рис. Новое оформление деталей материала

4. Переделана логика вывода материалов в архивах

Раньше материалы в архивах выводились каждый внутри отдельной ячейки таблицы, теперь же все это будет оформлено в виде списка. А значит можно будет реализовать адаптивное отображение материалов в зависимости от ширины экрана.

5. Стилизация аватары пользователя

Аватара на странице пользователя и в комментариях обернута в span с классом user_avatar. Благодаря этому аватар можно стилизовать в стандартных шаблонах системы.

6. Звезды рейтинга

На данный момент в каждом стандартном шаблоне выводятся уже приевшиеся старые звезды. Теперь их можно поменять при создании шаблона все и сразу, для этого нужно указать в конструкторе шаблонов:

<!-- <config> -->
{
    "rstars_b_image" : "/img/path",
    "rstars_b_size" : "30",
    "rstars_s_image" : "/img/path",
    "rstars_s_size" : "15"
}
<!-- </config> -->

где rstars_b_image и rstars_s_image соответственно путь к изображению больших (выводятся на странице материала в модуле Интернет-магазин, фото,..) и малых звезд рейтинга, а rstars_..._size - размеры этих звезд.

Теперь нам осталось разработать новые крутые и современные стандартные шаблоны (а некоторые уже готовы и ждут своего часа), а вам - их дождаться :)

Чтобы вы могли пощупать, что вас ожидает мы создали сайт с одним из новых адаптивных шаблонов.

Свои отзывы, замечания и предложения по обновлению вы можете оставлять в комментариях к данному посту!

121 комментариев
1 2 »
1 Написал сondor 19 Ноябрь 2013, 17:23
Очень полезные обновки, казалось бы мелочи, но зато какие нужные мелочи.  smile
2 Написал o_Lisovenko 19 Ноябрь 2013, 17:36
По мелочам строится что-то свежее, новое smile
5 Написал сondor 19 Ноябрь 2013, 17:40
сию же минуту спешу испробовать эти новые плюшки))
3 Написал Dukhovnik 19 Ноябрь 2013, 17:38
"Обновление доступно но всех серверах!"
Быть может "на всех"? =)
7 Написал o_Lisovenko 19 Ноябрь 2013, 17:41
Да, исправили, небольшая опечатка, хотели сегодня рассказать об обновлении успеть, и не откладывать на завтра smile
4 Написал TheShadow 19 Ноябрь 2013, 17:39
Цитата
Обновление доступно но всех серверах!

на всех серверах

На тестовом сайте нужно поправить пункт меню "Подменю+" - сейчас перекидывает на
Код
http:///#
8 Написал redhead7 19 Ноябрь 2013, 17:47
Сайт создан в целях ознакомления, такие моменты не критичны  wink , но ок, исправили
avatar
6 Написал ERUDIT 19 Ноябрь 2013, 17:41
Здорово! up
9 Написал Solaris(Olga) 19 Ноябрь 2013, 17:50
Наконец-то! Особенно полезно для меня лично новое меню. Раньше стандартное использовать не было никакого смысла. Приходилось тратить много времени и нервов. Пойду попробую, что ли)
13 Написал o_Lisovenko 19 Ноябрь 2013, 18:21
Удачных проб smile
19 Написал Solaris(Olga) 19 Ноябрь 2013, 19:38
Работает smile Очень удобно на самом деле, спасибо! Теперь очень ждем $NCATEGORIES$!
--
Адаптивный шаблон - супер!)
10 Написал сondor 19 Ноябрь 2013, 17:56
Еще бы неплохо было бы если сделали бы похожий код для вывода категорий к уже имеющемуся $CATEGORIES$, например $UCATEGORIES$ или еще как...   smile  И так же упростить для наилучшего настраивания при помощи css. Существующий же код, выводит названия категорий в ячейках таблицы. В коде использован старый стиль
Код
valign="top"  

border="0" cellspacing="1" cellpadding="0"

ну который совершенно не валиден в html5   sad   и печаль в том что эти фрагменты ручками не убрать из генерируемого кода
11 Написал redhead7 19 Ноябрь 2013, 18:04
Да, такого рода моменты имеют место и не редко и это нам известно, но не все сразу, нужно с чего-то начинать, надеемся, что все это в будущем удастся исправить.
12 Написал сondor 19 Ноябрь 2013, 18:19
Конечно, я понимаю что не все так быстро делается, как это некоторые себе представляют. Но хотелось бы чтобы улучшили некоторые фрагменты, в особенности то что генерируется системными кодами uCoz. Во многих фрагментах использован старый стиль написания: такие атрибуты как align="", valign=" ", border="", width="", height="0" ну и еще многие другие полностью можно прописывать через css. И отказавшись от многого старья, уже можно будет считать, что uCoz является системой создания сайтов которая соответствует стандартам. А пока получается, что если я захочу верстать на html5, то многое попусту не будет соответствовать верстке данной версии языка. Все это конечно может показаться ерундой и глупостями, но все же...
17 Написал amrita 19 Ноябрь 2013, 19:09
Также обратите внимание на то чтобы визуальный редактор формировал новые коды (это касается и стилей, и цветов текста, и таблиц, и т.д.) с переходом на html5 это актуально так как тогда сразу будет задаваться правильный код и не нужно будет все материалы сайта переделывать вручную
36 Написал redhead7 19 Ноябрь 2013, 22:46
визуальный редактор материалов или шаблонов? Виз. редактор материалов планируется обновить, но не факт, что в самом ближайшем будущем.
78 Написал redhead7 21 Ноябрь 2013, 17:40
Кстати, было же в одном из обновлений: "во всех модулях, где есть категории, добавлен код $CATEGORIES_JSON$, выводящий категории в формате JSON, который можно разобрать JS и выводить их в любом виде."
14 Написал onemore 19 Ноябрь 2013, 18:59
побольше системных обновлений!
15 Написал сondor 19 Ноябрь 2013, 19:03
Обновления и так часто происходят, но желательно чтобы это были обновления, направленные на улучшение быстроты и качества построения сайта.
avatar
121 Написал agent2002 12 Февраль 2014, 20:49
Точно!
16 Написал amrita 19 Ноябрь 2013, 19:06
Адаптивность! Ура! Предложения пользователей внедряют (с сайта форума). Немогу не согласится с комментариями пользователей об необходимости внедрения изменений в категории (особенно это касается категорий интернет-магазинов, модуля видео), а также изменениями в связи с утверждением полной спецификации html5 в 2014 году.
28 Написал o_Lisovenko 19 Ноябрь 2013, 21:21
Как уже Андрей писал выше - все постепенно smile
37 Написал redhead7 19 Ноябрь 2013, 22:52
Категории модуля видео с интернет-магазином чем вам так не угодили относительно категорий в других модулях?
18 Написал alex-g 19 Ноябрь 2013, 19:25
Цитата
4. Переделана логика вывода материалов в архивах

Вот за это большущее спасибо!!! Остальное можно было и своими силами реализовать.
Еще вопрос, второй пункт отличается созданием глобальных блоков только автоматизацией? Потому как их и раньше можно было создавать
29 Написал o_Lisovenko 19 Ноябрь 2013, 21:21
Много можно своими силами, но приятнее когда это уже готово и заложено в функционал системы, не правда ли?)
33 Написал alex-g 19 Ноябрь 2013, 21:59
Так то да. Еще бы сделали вывод категорий не табличкой, а списком. Цены бы вам не было)
43 Написал Kurt 20 Ноябрь 2013, 00:29
за дублирование сообщений в разных ветках будем блокировать. вас слышно и так.
Реакция на такой спам - обратнопропорциональна частоте. Так же поведение лишь вызывает негатив и не желание на него обращать внимание.
49 Написал alex-g 20 Ноябрь 2013, 11:35
Что за негативная реакция на все мои сообщения? Или то, где я пишу спасибо и т.д. не видно? Основной просьбой был бы вывод категорий списком, так как со вторым можно и так разобраться. А вот вывести категории горизонтально или провести какние-то более интересные манипуляции в табличном виде крайне сложно!
59 Написал Kurt 20 Ноябрь 2013, 18:08
Вы написали одно и тоже сообщений в двух разных ветках. Так делать не надо и что с этим будет я пояснил
71 Написал alex-g 21 Ноябрь 2013, 02:08
Сообщения разного характера с наболевшей темой! По крайней мере для меня. И если бы хоть на одно из них ответили, вряд ли я стал бы поторять. Сообщения отредактировал, чтоб никому глаза не мозолило!
85 Написал SOFTOLAB_COM 22 Ноябрь 2013, 17:39
Рерайтинг предложений тоже запрещен wink
38 Написал redhead7 19 Ноябрь 2013, 22:54
Да, атоматизацией на этапе построения шаблона. Благодаря этому в новых стандартных шаблонах можно использовать нестандартные звезды рейтинга.
20 Написал chizh_1986 19 Ноябрь 2013, 19:59
Приятно, что вышли такие обновления. Тем более что я писал о их необходимости в опросе на 8-летие. Приятно когда тебя слышат
30 Написал o_Lisovenko 19 Ноябрь 2013, 21:22
Мы слышим всех, у нас много планов и много ToDo списков.
21 Написал Сестра-Таланта 19 Ноябрь 2013, 20:00
очень здорово!!!
Надеюсь это не последнее обновление и навсегда исчезнут <td><tr>

Очень не хватает доступа к нормальному редактированию  $CATEGORIES$
ставить иконки на категории в описание из адмики ну это такой геморрой, сделайте что бы можно было это делать проще.

А так я очень рада что все меняется и скоро ucoz ни у кого не повернется язык назвать гадким словом!
79 Написал redhead7 21 Ноябрь 2013, 17:41
Есть код $CATEGORIES_JSON$, выводящий категории в формате JSON, который можно разобрать с помощью JS и выводить в любом виде.
avatar
22 Написал ilya1983 19 Ноябрь 2013, 20:07
У меня с меню не получилось все плывет дизайн 797
31 Написал o_Lisovenko 19 Ноябрь 2013, 21:23
Что не получилось, ни и хорошо бы скриншот или ссылку на сайт.
avatar
34 Написал ilya1983 19 Ноябрь 2013, 22:06
Было Вконтакте в группе
39 Написал redhead7 19 Ноябрь 2013, 22:56
В шаблоне должны быть стили для нового меню, в старых шаблонах этого естественно нет, в новых будет. К тому же лично для себя на своем сайте вы сами можете стилизовать меню как вам угодно.
23 Написал sergeymitrichev 19 Ноябрь 2013, 20:07
По идее, надо бежать проверять, что из кастомизированного и скриптов перестало работать?) но это отличная новость)
44 Написал Kurt 20 Ноябрь 2013, 00:32
удалось проверить?:)

записывайтесь в бета тестере, проверяйте не на живом сайте, а на клоне на тестовом и ничего на живом никогда не слетит при обновлении
45 Написал o_Lisovenko 20 Ноябрь 2013, 01:38
Данный пользователь у нас есть в бета-тестерах smile Но это обновление для новых шаблонов обошло бета-тестирование. Тест будет, вероятно, уже когда будут сами новые шабоны.
avatar
24 Написал bigdeni 19 Ноябрь 2013, 20:09
Ура!!!! Ура!! Огромное спасибо за такие обновления. Особенно порадовали изменения с менюшкой.
25 Написал Soner 19 Ноябрь 2013, 20:19
Где можно найти код CSS для меню со всеми подпунктами, не получается сделать древовидное меню, можно ли ссылку на демо что на скриншоте?
26 Написал Drinko 19 Ноябрь 2013, 20:29
В конце поста есть ссылка: http://newtemplate.ucoz.ru/
27 Написал Soner 19 Ноябрь 2013, 20:35
Спасибо большое, невнимательный просто..
avatar
32 Написал Flashcard 19 Ноябрь 2013, 21:46
Хорошие новости. Пожалуй не буду искать ничего другого из конструкторов сайтов.
35 Написал KaiLee 19 Ноябрь 2013, 22:38
Ура! Больше не надо громоздить скрипты для нормальной работы выпадающих списков меню.
Давно пора)))
avatar
40 Написал ADM5974 19 Ноябрь 2013, 23:18
За обновление спасибо, ждем от вас еще хороших новостей
41 Написал _CrySiS_ 19 Ноябрь 2013, 23:21
+1, ждем еще больше хороших новостей
46 Написал o_Lisovenko 20 Ноябрь 2013, 01:40
Дальше - больше! Напомню, что недавно мы публиковали в блог инфорграфику наших обновлений, и я уверен что тенденцию обновлений, багфиксов и нововведений мы сохраним и может даже приумножим smile
42 Написал bandjuk 19 Ноябрь 2013, 23:59
За меню реально респект! Молодцы!  up
47 Написал sch779 20 Ноябрь 2013, 01:46
Установите-же, наконец, доктайп для страниц этого блога!
IE11 "сходит с ума" - задает по-умолчанию для этих страниц режим эмуляции IE5 и полностью "рвет" на куски весь каркас страницы!!!
55 Написал redhead7 20 Ноябрь 2013, 13:41
Если в IE11 у вас такого рода проблемы - попробуйте снять эту галочку в настройках браузера "Use Microsoft compatibility lists".
Для блога планировалось поставить доктайп во время редизайна, по вашей просьбе поставили сейчас.
70 Написал sch779 21 Ноябрь 2013, 01:41
Спасибо - теперь все нормально!
Правда, теперь ставится режим "7 (По умолчанию)"?
1-20 21-39
Ваш комментарий