Елена (e_ledi) wrote,
Елена
e_ledi

Category:

Календарь, коменты и метки. Перепост от Dizain-ot-tani.

пост отсюда


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



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 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;
Tags: Дизайн
Subscribe

promo e_ledi january 14, 2019 15:12 4
Buy for 20 tokens
САЙТ О РУССКОМ ЯЗЫКЕ @Язык — это большое народное сокровище. Его нельзя не уважать, как нельзя не уважать родной народ@ Иван Мележ, писатель. Приветствуем вас на страницах сайта о русском языке Язык — это первоэлемент культуры каждого человека и всего общества в целом. В современной…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic
  • 0 comments