Проверка текста, покупка и продажа статей.

Вывести в шаблоне комментарии.

Автор: VSN

Лист комментариев:

<?php comments_template(); ?>

Форма комментариев:

<?php comment_form(); ?>

.CSS файл:

/* comment */

.commentform {
width: 99%;
word-wrap: break-word;
}

.commentlist {
width: 99%;
word-wrap: break-word;
}

ol.commentlist {
background: #d9e3ec;
border-radius: 4px;
border: 1px solid #c4ddbe;
background: linear-gradient(
#fff1cc, transparent 1px
),
linear-gradient(
90deg,
#c4ddbe, transparent 1px
);
background-size: 10px 10px;
background-position: center center;
border: 1px solid #c4ddbe;
}
}

textarea#comment {
background: #d9e3ec;
border-radius: 4px;
border: 1px solid steelblue;
width: 99%;
}

img.avatar {
border-radius: 50%;
max-width: 40px;
max-height: 40px;
}

.large {
max-width: 600px;
}

.small {
max-width: 300px;
}

#unique {
max-width: 1024px;
}

.content-area img {
width: 100%;
height: auto;
}

blockquote {
border-left-style: dashed;
border-left-color: #b9cfa3;
color: #4e4e4e;
padding: 1%;
width: auto;
height: 170px;
overflow: auto;
background: linear-gradient(
steelblue, transparent 1px
),
linear-gradient(
90deg,
steelblue, transparent 1px
);
background-size: 10px 10px;
background-position: center center;
border: 2px solid steelblue;
}

Эта строчка вроде бы лишняя, не помню, надо посмотреть, относится ли к коммеyтариям.

.content-area img {
width: 100%;
height: auto;
}

Форма комментариев .CSS

/* comment form */

#respond {
background-color: silver;
padding: 2% 2%;
box-shadow: 0 0 7px grey;
border-radius: 3px;
}

#respond input {
background-color: white;
padding: 2% 2%;
border-radius: 6px;
width: 100%;
}

#respond textarea {
background-color: white;
padding: 2% 2%;
box-shadow: 0 0 7px grey;
border-radius: 6px;
width: 100%;
}

Предыдущая:

Следущая:

Метки: ,

Похожие записи:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *