Информация
Что это?
Это небольшой html-шаблон, который познакомит с версткой и CSS стилем, используемым в JohnCMS.
В шаблоне используется дефолтный дизайн JohnCMS, на основе которого можно научиться создавать свои стили.
В шаблоне используется дефолтный дизайн JohnCMS, на основе которого можно научиться создавать свои стили.
Как с этим работать?
Шаблон состоит из двух файлов: index.html и подключаемый style.css
Для удобства в CSS файл добавлены комментарии - поймет любой новичок.
Далее по ссылкам ниже будут открываться страницы, используемые в движке. При редактировании CSS стиля остается только обновлять index.html в браузере, чтобы увидеть ВАШИ изменения.
Для удобства в CSS файл добавлены комментарии - поймет любой новичок.
Далее по ссылкам ниже будут открываться страницы, используемые в движке. При редактировании CSS стиля остается только обновлять index.html в браузере, чтобы увидеть ВАШИ изменения.
CSS фрагмент на примере данного блока (.menu)
Код данного блока в style.css:
Если нужно прописать для блока меню другой стиль ссылок, дописываем в style.css (значения для примера):
.menu a:link, .menu a:visited {
color:#000;
}
.menu a:hover {
color:#fff;
text-decoration: none;
}
.menu {
background-color: #eeecd9;
border: 1px solid white;
margin: 0;
padding: 4px;
}
background-color: #eeecd9;
border: 1px solid white;
margin: 0;
padding: 4px;
}
Если нужно прописать для блока меню другой стиль ссылок, дописываем в style.css (значения для примера):
.menu a:link, .menu a:visited {
color:#000;
}
.menu a:hover {
color:#fff;
text-decoration: none;
}
Ссылки на страницы
Архив новостей
Текст новости. Текст новости.
Текст новости. Текст новости. Текст новости. Текст новости.
Текст какой-то новости.
Бла бла бла бла бла. Вот такая новость.
С новым годом крч
Встретимся в полночь.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Новости ресурса
Новость такая-то
Автор: Админ (13.02.2015 / 18:01)Текст новости. Текст новости.
Текст новости. Текст новости. Текст новости. Текст новости.
Еще какая-то новость
Автор: Админ (13.02.2015 / 16:38)Текст какой-то новости.
Бла бла бла бла бла. Вот такая новость.
С новым годом!
Автор: Админ (31.12.2014 / 00:14)С новым годом крч
Встретимся в полночь.
Lorem ipsum
Автор: Админша (30.12.2014 / 23:55)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Всего: 4
Гостевая
Гостевая
Гостевая | Админ-клуб
Комментарии
![]() |
![]() |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
greply-test: (04.02.2015 / 19:33)
Сам такой иди отсюда
Сам такой иди отсюда
Браузер: Mozilla/5.0 (Windows NT) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/05677664 Safari/537.39 OPR/266
![]() |
![]() |
Нет, господа. Удобно - это когда сидишь себе у камина с дымящейся чашкой кофе и рюмкой коньяка и заходит дворецкий и говорит
"Сэр, прибыл старший управляющий с отчётом. Изволите принять?". И ты такой: "Благодарю Берримор, проводите в кабинет, я буду через 10 минут".
Вот это удобно, а всё остальное - суета.
Браузер: Mozilla/5.0 (Windows NT) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/05677664 Safari/537.39 OPR/266
![]() |
![]() |
Не, удобно - это когда зашёл в свой гараж, сел в тёплую сухую машину и поехал.
Браузер: AppleWebKit/537.36 (KHTML, like Gecko) Chrome/05677664 Safari/537.39 OPR/266
![]() |
![]() |
Не, ещё на это платную стоянку идти. Удобно - это когда понадобилось куда поехать по делам, спустился во двор, сел в машину и поехал. И ни на какую стоянку не надо тащится.
Браузер: Chrome/05677664 Safari/537.39 OPR/266
![]() |
![]() |
Здасте. К вам можно?
reply-test: (12.02.2015 / 19:33)
Ку-ку, киса, ты с какова района?
Ку-ку, киса, ты с какова района?
Браузер: AppleWebKit/537.36 (KHTML, like Gecko) Chrome/05677664 Safari/537.39 OPR/266
Всего: 1212
Страница темы форума