Календарь, коменты и метки.

Apr 01, 2016 11:14

Наконец-то собралась написать следующий пост))


/*----------Currents&Tags----------*/

div.asset-tags h4,
span.entryMetadata-label{тут вы можете поменять размер, цвет слова *метки под постом.

Сылки

/*--------CommLine--------*/

ul.asset-meta-list - список ссылок под постом
.asset-meta-list .item - пункт списка с отдельной ссылкой
ul.asset-meta-list li a - ссылка в списке ссылок под постом

Архив/календарь

/*--------CALENDAR--------*/
Календарь на отдельной странице (архив). Пусть туда почти никто никогда не заглядывает (мне так кажется), я его всё равно оформляю. Делаем так же, как календарь в сайдбаре. Только в другом блоке)))


table.yeartable{
margin: 0px auto 0px auto;
width: 700px;    - тут я увеличила размер
}
table.yeartable td.yeardate{
padding: 7px 7px 7px 7px;
box-shadow: 0px 0px 5px 1px #00a600 inset;    - это тень календаря, сами квардратики.

Комменты

/*----ENTRY_IN----*/

div.comment-body - содержимое комментария.Тут указываем семейство шрифта, цвет и размер.

div.comment-inner div.user-icon- юзерпик комментатора.

div.comment-inner div.user-icon{
float:left;
margin:15px;} - В этом коде расположение слева, отступ со всех сторон 15px.

.comment-odd - отдельный коммент, нечётный.
.comment-even - отдельный коммент, чётный.
Эти блоки можно покрасить в разные цвета. Кстати, в коде они не всегда присутствуют. Просто добавьте сами код в этот блок.

Если будете красить в один цвет, в коде можно их объединить:

.comment-even, .comment-odd {
margin: 20px 0px 20px 0px;
background-color: rgba(253, 253, 253, 0.9);   - цвет
border-radius: 25px;
div.comments-nav - ссылки над блоком с комментами
div.comment-links - ссылки под комментом

/*----COMMON----*/  - это в самом конце кода форма для коммента.

#qrform table - таблица с формой для ответа на странице комментов
#postform table - таблица с формой для ответа на отдельной странице

.textbox, textarea, select   -текст в окошках для добавления комментария .
Размер, цвет и семейство шрифтов.
Можно так же поменять цвет и тень блока.Примерный код, меняйте на свой вкус))) :
.textbox, textarea, select{
margin: 3px;
padding: 1px;
background-color: rgba(253, 253, 253, 0.9);
border: 1px solid #2c6b2c;
font-size: 21px;
font-family: Bell Gothic;
color: #000000;
line-height: 2em;
Все метки.На отдельной странице.

/*----TAGS----*/

.lj-view-tags div#alpha-inner ul - список меток
.lj-view-tags div#alpha-inner ul li - отдельный пункт

Тут можно покрасить весь блок. Если хотите указать дополнительно его ширину, лучше использовать !important. Иначе у меня почему-то не действует.

.lj-view-tags #alpha-inner{
background-color: rgba(253, 253, 253, 0.9);
border-radius: 35px;
width: 800px !important;

метки, календарь, дизайн, коменты, подсказки

Previous post Next post
Up