Внимание! Форум временно закрыт. Все вопросы вы можете задать на странице MaxSite CMS в Github

Красивый дизайн для плагина "Календарь"

Сборник тем по урокам, подсказкам и описаниям по MaxSite CMS и верстке сайтов.
Аватар пользователя
jimmyjonezz
Модератор
Сообщений: 463
Зарегистрирован: 11 дек 2011, 17:06

Красивый дизайн для плагина "Календарь"

Сообщение jimmyjonezz » 22 сен 2013, 16:09

Я тут уже довольно давно играюсь со стандартными плагинами, пытаюсь их как-то кастомизировать. Сейчас под прицелом плагин "Календарь" (стиль Ion.Calendar). У меня возникла некая трудность с объектом "div class=today". дело в том, что выделение сегодняшнего дня в виде полоски, т.к. я использовал padding для ячеек. Есть у кого размышления по этому поводу - не трогая плагин?

Изображение

Есть предложение внести в плагин следующее изменение:

Код: Выбрать все

{cal_cell_blank}<div class="cell_blank">&nbsp;</div>{/cal_cell_blank}

Оно позволит, задать стиль для пустых ячеек. +кастомизация. Еще, нет дефектов при изменении размера сайдбара.

Стили для плагина (LESS):
 Свернуть/Развернуть спойлер
/*calendar*/
div.calendar table tr.week td {
background: white;
&: hover {
background: white;
color: #757575;
}
}

div.calendar td {
width: 14%;
vertical-align: top;
text-align: center;
padding: 8px 0 8px;
color: #757575;
font-size: 9px;
text-transform: uppercase;
a {
color: red;
}
}

div.calendar div.today, div.calendar div.today-content {
text-align: center;
background: #f4f4f4;
color: #222;
margin: -9px 0px -8px 0px;
padding: 8px 0px;
&: hover {
color: white;
background: #5c93ce;
}
}

div.calendar table td {
border: 1px solid #ebebeb;
&:hover {
background: #5c93ce;
color: #fff;
}
&:hover a {
color: white;
}
div.cell_blank {
margin: -9px 0px -8px 0px;
padding: 8px 0px;
background-image: url('../images/cell_blank.png');
}
}

div.calendar table th {
background: #555;
height: 30px;
color: white;
vertical-align: middle;
a {
color: white;
}
}
stravaganza.ru

Аватар пользователя
searchingman
Модератор
Сообщений: 1392
Зарегистрирован: 28 май 2012, 16:02

Re: Красивый дизайн для плагина "Календарь"

Сообщение searchingman » 22 сен 2013, 17:46

А в чем проблема ?
Что в итоге нужно получить?
Может скриншот приведешь ?

Аватар пользователя
jimmyjonezz
Модератор
Сообщений: 463
Зарегистрирован: 11 дек 2011, 17:06

Re: Красивый дизайн для плагина "Календарь"

Сообщение jimmyjonezz » 23 сен 2013, 18:00

проблема решена - для "div.today" добавить следующее:
margin: -9px 0px -8px 0px;
padding: 8px 0px;

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

Плюс, для более быстрой навигации по архиву добавить списки месяцев и года.
stravaganza.ru

Аватар пользователя
jimmyjonezz
Модератор
Сообщений: 463
Зарегистрирован: 11 дек 2011, 17:06

Re: Красивый дизайн для плагина "Календарь"

Сообщение jimmyjonezz » 28 сен 2013, 14:39

Подскажите, как можно в данный плагин воткнуть, пока один селект (select) с перечнем годов
stravaganza.ru

Аватар пользователя
searchingman
Модератор
Сообщений: 1392
Зарегистрирован: 28 май 2012, 16:02

Re: Красивый дизайн для плагина "Календарь"

Сообщение searchingman » 29 сен 2013, 20:01

jimmyjonezz писал(а):Подскажите, как можно в данный плагин воткнуть, пока один селект (select) с перечнем годов

В плагине "Календарь" нет хуков, поэтому или создавать свой плагин (более предпочтительно) или править существующий.
Сам вывод идет через класс 'CI_Calendar' (функция generate() ). Если хотите переопределить вывод, то нужно создать свой класс от 'CI_Calendar" и расширить нужные методы (ориентировочно так).

ИМХО: Почему бы не обратить свой взор на объект Datepicker ?

Аватар пользователя
jimmyjonezz
Модератор
Сообщений: 463
Зарегистрирован: 11 дек 2011, 17:06

Re: Красивый дизайн для плагина "Календарь"

Сообщение jimmyjonezz » 30 сен 2013, 09:23

ИМХО: Почему бы не обратить свой взор на объект Datepicker ?

А что он? сейчас меня практически все устраивает: выделение ячеек без дат, выделение дней недели и т.д. Единственное, хочется чтобы с помощью списков можно было сразу переходить на нужный месяц или год. + практически полная кастомизация плагина.
stravaganza.ru


Вернуться в «Полезные уроки о MaxSite CMS и верстке»

Кто сейчас на форуме

Пользователь просматривает форум: Bing [Bot]