Шаблон "Vintage" v.3
Привет, меня зовут Анатолий и я хочу представить Вам шаблон «Vintage», который я разработал для LiveStreet CMS.
Некоторое время назад я набрел на учебник Designmodo по созданию красивого винтажного меню на основе CSS3, код которого можно свободно использовать и мне пришла идея, что неплохо было бы сделать шаблон в таком стиле — и работа началась. Признаться, задача была довольно сложной и приходилось по много раз переделывать элементы сайта. Времени было убито нереально много, но всё же, с упорством, шаблон был сделан.
====================================================================================
дополнительные — network, serebro, night-2, spirit
====================================================================================
Темы можно переключать на демо-сайте, для этого нужно навести мышку на название темы вверху посередине экрана и выбрать нужную.
====================================================================================
Топик-плитка: на всех страницах, только на главной, отключить
Pinstyle (masonry): на главной, отключить
Края плитки: марки, рваные, закругленные, зимние, острые, отключить
проработаны также и для слайдера, для черного — прямые и марки.
2 режима: social — обычный, аватары в шапке топика, news — миниатюры в шапке топика, активны публикации в блоке «прямой эфир»
Лого: текстовое, изображение
Фотосет: обычный, увеличенный
Сайдбар: слева, справа
СЛАЙДЕР (расширенная адаптация, разрешено автором vOFFka): слайдер на всех страницах, слайдер только на главной
Выпадающее меню: большое, маленькое, отключить
====================================================================================
Некоторое время назад я набрел на учебник Designmodo по созданию красивого винтажного меню на основе CSS3, код которого можно свободно использовать и мне пришла идея, что неплохо было бы сделать шаблон в таком стиле — и работа началась. Признаться, задача была довольно сложной и приходилось по много раз переделывать элементы сайта. Времени было убито нереально много, но всё же, с упорством, шаблон был сделан.
====================================================================================
ПЕРЕЙДЕМ К ОСОБЕННОСТЯМ ШАБЛОНА:
- Уникальный дизайн
- Хорошо отображается на разных размерах экрана, (посмотреть)
- Декоративные шрифты
- Проработаны все страницы и элементы
- Настройка вида топика, сайдбара, тем, новостного или социального режима
- Фиксированное меню, группировка пунктов меню, выпадающее меню (большое и маленькое)
- Оптимизированный (локальная загрузка сжатых шрифтов и д.р)
- Сохранена основная программная структура шаблонов LS
- Расширенная адаптация плагина «Слайдер»
ТЕМЫ:
vintage — основная // beige — бежевая // night — темная // roboto — темно-серая // energy — бирюзовая // dark — чернаядополнительные — network, serebro, night-2, spirit
====================================================================================
ДЕМО-САЙТ:
- Логин: demo
- Пароль: 12345
- http://angelsmedia.org/demo/vintage
Темы можно переключать на демо-сайте, для этого нужно навести мышку на название темы вверху посередине экрана и выбрать нужную.
====================================================================================
НАСТРОЙКИ:
Топик-плитка: на всех страницах, только на главной, отключить
Pinstyle (masonry): на главной, отключить
Края плитки: марки, рваные, закругленные, зимние, острые, отключить
проработаны также и для слайдера, для черного — прямые и марки.
2 режима: social — обычный, аватары в шапке топика, news — миниатюры в шапке топика, активны публикации в блоке «прямой эфир»
Лого: текстовое, изображение
Фотосет: обычный, увеличенный
Сайдбар: слева, справа
СЛАЙДЕР (расширенная адаптация, разрешено автором vOFFka): слайдер на всех страницах, слайдер только на главной
Выпадающее меню: большое, маленькое, отключить
====================================================================================
282 комментария
а с какими плагинами дружит он ??
Меню навигация притормаживает при наведении и иногда самовольно закрывается. ФФ 22.
имхо, не нужно выводить в качестве основного бонуса/достижения простую хтмл5 анимацию прокручивания изображения два раза — код в одну строку. это ведь не достижение, а простой тех. прием. лучше бы указали что список блогов выводится аватарками — это более интересно в концепции шаблона для лс.
кнопка «войти» авторизации реагирует не также как и кнопка голосования в топике-опросе, хотя внешне они выглядят похожими и ожидаемая реакция от «войти» — прогнутся.
Навигация и правда тормозит, рывком открывается подменю при наведении на пункт «навигация» chrome 27, macos 10.8
angelsmedia , ты принимаешь заказы?
Есть некоторые мелочи в юзабилити, но не столь важные, я думаю. Вот например: зачем дробить блоки с тегами, внизу и справа, а также формы авторизации?) Ещё очень хорошо бы смотрелось фиксированное меню в стиле данного шаблона.
Однозначно найдет свою аудиторию ;)
Однозначно +.
Осталось только «мелочь всякую» по замечания поправить.
Например, поле ввода поискового запроса не видно. Не сразу понял куда буквы вводить. Поиск осуществляется сразу по клику на иконку. Неудобно — навел на иконку, кликнул в поле, опять в иконку или энтер. Лучше, если — кликнув на иконку появилось поле с курсором, опять в иконку или энтер. Пример — этот сайт.
Если используется выпадающее меню, то можно и навигацию второго и следующих уровней в него поместить. Меньше кликать для достижения результата придется.
1. Увеличить шрифт в меню
2. Убрать эти плавные выплывания меню, тормознуто, да и не нужно
3. Адаптировать под AltoCMS
Обожаю спокойные тона (привет Fortune)
несколько раз встречал подобную проблему на сайтах — ничего кроме раздражения, к сожалению, она не вызывала.
Нужно зайти в свой профиль в каталоге LiveStreet в раздел «мои покупки», нажать «скачать» по нужному расширению, получить ссылку на е-мейл. В письме будет ссылка на последнею версию шаблона.
И рекомендация: кнопки голосования за топики и комментарии находятся в разных направлениях — плюс за топик слева от счетчика, минус — справа. У комментариев — наоборот. Несмотря на всю крутость шаблона это серьезный просчет юзабилити. Пользователи не смогут привыкнуть никогда.
Из недочетов: выпадающее меню скрывается при попытке навести на него, когда мышка оказывается в пустом пространстве между ним и основным меню, если наводить не очень быстро. Firefox 22.0.
— Добавлена совместимость с плагином Flow и autoopenid, загружена демо-версия.
— Добавлена новая тема — Roboto серого цвета.
— Так как не все используют миниатюры в шапке топика, был добавлен альтернативный вид топика с аватаром автора вверху.
— Произошли усовершенствования в структуре подключаемых тем.
— Добавлен баннер в шапку сайта.
— Некоторые исправления.
wils где конкретно rss выдает ошибку?
А не могли бы вы на демо сайт установить форум? Пожалуйста :)
Вырезали или забыли прикрутить?
с плагином Viewcount
Проверял при отключении плагина, rss в блоге работает ( на обоих шаблонах!
адаптация не пройдена у плагина Viewcount для шаблона Vintage, и Synio
Основные бесплатные плагины были адаптированы. Если есть потребность в адаптации какого-то платного или бесплатного плагина под шаблон отправляйте запрос на angelsmedia@yandex.ru или в лс.
Точно сказать не могу, пробовал экспериментировать в этом направлении. Потом совместил результат со скином night и получился roboto (который сейчас есть на демо).
Следующий скин будет примерно такой. Называется brand. Задумка в том, чтобы сделать что-то похожее на твиттер и позволить участникам настраивать фон своей страницы с помощью плагина brand.
Если не сделаете светлый шаблик, придется нанимать человека к будет насиловать шаблон подгоняя под нужные цвета.
Не отображается юзеры ;(
Так же лучше бы если бы сделать конвертик в разы больше
Адаптация шаблона под ширину экрана.Группировка не влезающих пунктов меню.Фиксированное меню.Новый аватар блога.Адаптация под плагин DAO, который позволяет создавать дополнительные разделы для сайта, вроде видео-каталога и календаря событий. (50%)
Совместимость с Альто. (50%)
Новый вид топика. (50%)
Важно: Больше не нужно копировать файл loader.gif в папку /images/ теперь он автоматически подгружается из активного стиля шаблона. Логотипы также переместились в папку дополнительной темы. Например: \vintage\themes\roboto\logo.png, \vintage\themes\biege\logo.png. Там же исходники лого.
Некоторые изменения:
— Теперь шаблон адаптируется под размер экрана.
— Обновлены комментарии.
— Обновлены темы.
— Теперь меню фиксируется вверху экрана.
— Пункты меню автоматически сортируются.
— Добавлен новый вид топика.
— Изменился вид топика, теперь в настройках шаблона можно выбрать режим сайта, в зависимости от этого в топике будут отображаться миниатюры или аватары, на отображение маленького топика и «прямой эфир» это тоже влияет.
— Размер превью в фотосете настраивается в настройках шаблона.
— Обновлен редактор.
— В теме Night изменился цвет и скорее всего она будет обновлена еще раз позже.
— Тема brand пока плохо работает с разной шириной экрана, поэтому она пока задерживается либо будет переделана.
Если будут какие-то вопросы можем обсудить здесь, в лс, или по е-мейл. Темы night и brand скорее всего будут обновлены позже.
При обновлении изображений в блоке «случайные картинки» они разъезжаются.
До
i60.fastpic.ru/big/2013/0913/2c/e7e260bac51a8c80170fabeeefdaba2c.jpg
После
i60.fastpic.ru/big/2013/0913/74/e761ebd46edc79f5609aecf9fe11b074.jpg
в \www\config\config.php (Настройки вывода блоков).
Строка 431, примерно.
Было:
Стало:
Адаптация плагинов не входит в стоимость шаблона и, при их наличии, является добровольным поощрением разработчика покупателю.
О сегодняшних адаптациях к шаблону:
На данный момент адаптированы самые важные популярные платные и бесплатные плагины. Эта работа делалась своими силами и временем, чтобы поддержать своего пользователя и шаблон.
Мое предложение разработчикам платных плагинов:
Затраты времени автора шаблона на правку совсем небольшие — он знает где и какой именно класс дописать, чтобы пофиксить небольшие визуальные баги, разработчики плагинов не знают каждый новый шаблон и им нужно будет изучить половину шаблона, чтобы понять что же нужно исправить.
1. Как можно на шаблоне винтаж заменить кнопки голосования на хэндз-ап/доун, как в беже? Сейчас там стрелочки вверх/вниз.
2. У меня совершенно спорадический баг: дополнительнаый пункт меню исчезает время от времени. Перезагрузка страницы помогает вернуть, но смотрится довольно странно. Я не уверен, что здесь вина шаблона, но может быть автор имеет какие-то соображения на этот счет?
А по поводу стрелочек и пальцев — что можно сдлеать?
1. Активировать synio, посмотреть как будет грузиться.
2. Перезалить шаблон, почистить кеш.
Может с этой ошибкой и не к Вам? Но про долгую загрузку может подскажите?
Подскажите что делать, хороший шаблон, хочу его использовать.
— Размеры для превью топиков (main preview) прописаны в конфог шаблона (больше не нужно настраивать плагин).
— Совместимость с плагинами серии «DAO» (для получения адаптации нужно писать на angelsmedia@yandex.ru).
— Увеличены размеры логотипов.
— Новые настройки для топика-плитки.
— Улучшения кнопки «поделиться».
— Обновлена страница коллективного блога.
— Улучшения на странице активности.
— Улучшения на «стене».
— Новый стиль шаблона — «Energy».
*Плагины «DAO + Компании» и «События» установлены на демо-сайт. Плагины платные. Остальные плагины, установленные на демо-сайте бесплатные, адаптации от них на яндекс-диске (ссылка в шаблоне).
Обновленная страница блога и скин тут — angelsmedia.org/demo/vintage/blog/renaissance/.
Настройки краев плитки: 1 марки, 2 рваные, 3 закругленные, 4 зимние, 5 острые, 0 отключить.
Например, заходим по ссылке cooltext.com/Logo-Design-Chrome-One вводим текст, выбираем цвет #aaa186.
Biege:
cooltext.com/Logo-Design?LogoID=903932140
angelsmedia.org/demo/vintage/uploads/img/biege.png
Roboto:
cooltext.com/Logo-Design?LogoID=903929274&Gradient1=Frost+Blue+01
angelsmedia.org/demo/vintage/uploads/img/roboto.png
Energy:
cooltext.com/Logo-Design?LogoID=903935493
angelsmedia.org/demo/vintage/uploads/img/energy.png
Night:
cooltext.com/Logo-Design?LogoID=903939407
angelsmedia.org/demo/vintage/uploads/img/night.png
Выравниваем лого в настройках генератора или в css:
Если менять по высоте, то придется изменять значение "160" \vintage\js\template.js в самом конце для нормальной фиксации плавающей панели.
Еще можно баннер в шапке вставить в файл /vintage/settings/banner.tpl.
code.xidx.org
counter.yadro.ru
top-fwz1.mail.ru
codata.ru
advombat.ru
Причем последний занимает 8(!) секунд загрузки.
Он у нас как шаринг-машина работает :)
Начинаю подозревать, что подтормаживает шаблон у здесь из-за этого, потому как реально иногда минутой.
Прошу прощения за панику.
Точно не могу сказать когда выйдет. Если есть какие-то пожелания, можете писать на е-мейл или в лс.
www.techrepublic.com/blog/web-designer/css3-filter-effects-grayscale-invert-sepia-and-more/
Можн ли лицезреть скрин нового стиля, авсь он темный :3
Локальные фонты — круть. Если еще прикрутите все элементы дизайна в пожатый пнг спрайт, и найдете способ склеить и заминифаить css/js — точно будет топовый шаблон для LS ;)
Делается как я понял это не сложно scriptsite.ru/article/show/11/
я вместо правда свои нарисовал, вместо соц сетей друзья ресурса)
в самом конце \vintage\css\blocks.css, это будет анимация внутри круга.
Или добавляем код:
это будет кручение аватара.
Да… слайдер и мини-лист плагина ДАО лучше вместе не использовать.
А вот то, что убрали вращающиеся аватары — просто замечательно!
+ в следующей версии будет добавлена небольшая настройка.
.topic .topic-share { display: none; position: absolute; margin-top: -52px; width: 100%; }
#share42 { display: inline-block; padding: 6px 0 0 2px; background: #FFF; border-radius: 4px;}
#share42 a { opacity: 0.5; }
#share42:hover a { opacity: 0.7; }
#share42 a:hover { opacity: 1; }
#share42 a { background-image: url(../images/share42.png)!important; }
2) Сделать резервную копию старого шаблона.
3) Настроить новый шаблон.
4) Загрузить на хостинг и очистить кеш.
+ Некоторые адаптации плагинов на яндекс-диске также обновились, там написано какие.
Считаю, что только новый шрифт портит впечатления от шаблона.
— сравнить файлы специальной программой, например этой (бесплатна)
— либо, если вы рассчитываете на обновления все индивидуальные изменения делать не в самом шаблоне, а в пределах тем (папка themes) — создаете (копируете) собственную тему и делаете с ней что хотите
p.s.: сам обжегся на этом (не с этим шаблоном), теперь при каждом обновлении сравниваю файлы araxis-ом :)
И ещё вопрос, часть текста отображается кварозябрами.
Где то нарушена кодировка, но где?
Почти весь сайт отображается нормально, но часть текста идёт квакозябрами.
В частности грешит здесь: xn--80adancmc3bzi.xn--p1ai/people/ в полях пользователей,
в блогах кнопка «присоедениться к блогу» и на всех страницах внизу где описание и поле регистрации, ну и так ещё в нескольких местах по мелочи!
А он оказывается на другую страницу на хостинге спрятался!
но автор не сделал исправление в течении довольно таки большого промежутка времени.
думаю, любой может сделать фикс и отправить в каталог этот плагин под немного другим именем (например, «viewcount (Исправленный)»)
во всяком случае пока известно лишь об одной ошибке того плагина
Fatal error: Uncaught exception 'Exception' with message 'Can not find the template: actions/ActionAdmin/plugins.tpl' in /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php:330 Stack trace: #0 [internal function]: ModuleViewer->Display('actions/ActionA...') #1 /.../tvdomen.ru/engine/classes/Engine.class.php(558): call_user_func_array(Array, Array) #2 /.../tvdomen.ru/engine/classes/Router.class.php(439): Engine->_CallModule('Viewer_Display', Array) #3 /.../tvdomen.ru/engine/classes/Router.class.php(137): Router->__call('Viewer_Display', Array) #4 /.../tvdomen.ru/engine/classes/Router.class.php(137): Router->Viewer_Display('actions/ActionA...') #5 /.../tvdomen.ru/engine/classes/Router.class.php(127): Router->Shutdown(false) #6 /.../tvdomen.ru/index.php(34): Router->Exec() #7 {main} thrown in /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php on line 330
На главной потом выдает:
Fatal error: Uncaught exception 'Exception' with message 'Can not find the block`s template: tags' in /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php:588 Stack trace: #0 /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php(489): ModuleViewer->DefineTypeBlock('tags', NULL) #1 /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php(708): ModuleViewer->AddBlock('panel_tags', 'tags', Array, 50) #2 /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php(1445): ModuleViewer->BuildBlocks() #3 /.../tvdomen.ru/engine/classes/Engine.class.php(355): ModuleViewer->Shutdown() #4 /.../tvdomen.ru/engine/classes/Engine.class.php(266): Engine->ShutdownModules() #5 /.../tvdomen.ru/engine/classes/Router.class.php(136): Engine->Shutdown() #6 /.../tvdomen.ru/engine/classes/Router.class.php(127): Router->Shutdown(false) #7 /.../tvdomen.ru/index.php(34): Router->Exec() in /.../tvdomen.ru/engine/modules/viewer/Viewer.class.php on line 588
Версия админпанели 2.0.392. Самое непонятное, что если в пустой файл plugins.dat заново прописать единственный плагин aceadminpanel — то сайт открывается и нормально работает. Никто не сталкивался? Что за ошибка?
Почему то пытается создать в папке compiled что то связанное с шаблоном prestige… Хотя шаблон удален и удалены все его плагины…
Что то наверное от Prestige осталось или прописалось где то, надо все снести и заново установить.
[URL=http://fastpic.ru/][IMG]http://i57.fastpic.ru/big/2013/1229/5b/391d50e09adb6843ca1fb66ecb022a5b.jpg[/IMG][/URL]
это нельзя никак выровнять? И хочется чтобы пагинатор был как по дефолту.
-30px можно заменить на 3px
В смысле?
но есть и ложка дегтя
5 блоков на странице id=«container»
Очень важен данный вопрос!) подскажите пожалуйста.
Мыло обманщика: angeismedia@yandex.ru (буква L заменена на I)
Текст:
(я никакой не Владимир :D)
Люди спрашивали по е-мейл что за шаблон, есть ли скриншоты.
Жаль что шрифты те декоративные убрали. А есть возможность их как-то прикрутить к новым версиям?