О том как настроить оформление блога под себя.
Ёжа:
Доброго дня всем)
Ребят, а можете подсказать, как наворотить отступов внутри поста, чтобы при этом не скочевряжился вид с телефона? Я сделала рамочку поста и захотелось мне, чтобы содержимое поста было ровнёхонько по центру этой рамочки. Падингом поровну отодвинула содержимое от рамки, и всё стало, как хотелось, но в телефоне при этом всё исказилось. Может, как-то это по-другому надо сделать или что-то прикрутить ещё, чтоб и овцы целы, и волки сыты?
Люди добрые, у меня лапки. :)
Подскажите, пожалуйста, можно ли задать, чтоб вместо не тыкнутого лайка была картинка 1, а вместо тыкнутого - картинка 2? Если можно, то как именно?
И если сами картинки примерно 80х80 пикселей - уменьшаются ли они автоматически? Если нет - каким кодом в описании селектора уменьшить до нужного размера (и каков максимальный размер картинки для лайка)?
Подскажите, пожалуйста: с помощью какого селектора можно повлиять на шрифт в комментариях к собственному блогу? И как задать расстояние между абзацами и отступ красной строки?
Почему-то ссылки пишутся основным шрифтом, заданным в блоге, а всё остальное - только с лупой разбирать. :(
Я понимаю, что рыться надо где-то в .ms - но где?
Попробовал тупо скопировать для .ms-text параметры из селектора .bh-text - но, видимо, это была совсем дурацкая идея. :(
Решение от Администратора:
Шрифт для комментариев:
.ms-body, .ms-body * { font-size: 14pt; }
вместо 14 нужное число.
html, body - страница
#canvas - главный столбик
#author-badge - область с кнопками для ленты, дискуссий, почты
#author-badge a - надписи в области(это ссылки)
body, p, div, table, td, th, input.submit, button, li - страница, абзац, блок, таблица, её ячейка и ячейка заголовка, кнопка-подтверждение, кнопка, список. Этими селекторами можно сразу задать основной шрифт сайта.
a, a:link, a:active, a:visited - все ссылки на сайте
a:hover - все ссылки при наведении
.in-state #header a#caption-link - фон надписи БлогХаус (ссылка на главную)
#header a#caption-link - шрифт самой надписи
.corvette.heading, .corvette.heading a - название блога на открытой странице поста
.in-state h1, .in-state h1 a - название блога в общей и заголовки 1 уровня...
.in-state h2, .in-state h2 a - название записей и заголовки 2 уровня, они на странице открытого поста становятся 1 уровнем... Пробуйте может через .bh-post-in h2, .bh-post-in h1
.in-state h1 a:hover, .in-state h2 a:hover - наведение на заголовок
p.blog-author - слово "автор:" под названием блога
p.blog-author a - имя автора под названием блога
.neutral - остальные надписи с панели(написать в блог, черновики, тэги) а также Коментарии, продолжение следует, редактирование...*
a.neutral:hover - наведение на ссылки с этими кнопками
.info - важная информация(колокольчик, шарик(солнце?) на панели автора и кто знает что еще*/
.bh-date - дата в посте в блоге
.ms span.date - дата в комментариях
.bh-text a, .bh-text a:link, .bh-text a:active, .bh-text a:visited - ссылки в в посте
.bh-text a:hover - наведение на ссылки в посте
.ms a, .ms a:link, .ms a:active, .ms a:visited - имя автора в комментарии*
.ms a:hover - наведение на имя автора в комментарии
.bh-post-in - весь пост
.bh-post-in h2, .bh-post-in h1 - его заголовок
.bh-text - текст поста
.bh-tags ul li a - теги под постом
Это только часть того, что обнаружено, но мне её хватило, чтобы более-менее разукрасить блог.
/*Имя блога на странице поста, при этом заголовок, который был h2 становиться h1*/
.corvette.heading, .corvette.heading a {
color: #cccccc;
}
/*Наведение на заголовок*/
.in-state h1 a:hover, .in-state h2 a:hover {
color: #f09050;
}
/*наведение на надписи с панели(написать в блог, черновики, тэги) а также комментарии, продолжение и такое
a.neutral:hover {
color: #ffa500 !important;
}
/*теги под постом*/
.bh-tags ul li a {
color: #f5d9a3;
font-size: 10pt;
}
/*вообще все ссылки*/
a, a:link, a:active, a:visited {
color: #f5d9a3;
border-bottom: 1px solid rgba(218, 193, 103, 0);
}
/*все ссылки при наведении*/
a:hover {
text-decoration: underline;
}
/*имя автора в комментарии*/
.ms a, .ms a:link, .ms a:active, .ms a:visited {
color: #f5d9a3;
}
/*наведение на имя автора в комментарии*/
.ms a:hover {
text-decoration: underline;
}
/*ссылки в посте*/
.bh-text a, .bh-text a:link, .bh-text a:active, .bh-text a:visited {
color: #f5d9a3;
}
/*наведение на ссылки в посте*/
.bh-text a:hover {
text-decoration: underline;
}
/*дата в комментарии*/
.ms span.date {
color: #cab58e;
font-size: 9pt;
}
Комбинируется с основной.
/*вообще все ссылки*/
a, a:link, a:active, a:visited {
color: #c34d53;
border-bottom: 1px solid rgba(218, 193, 103, 0);
}
/*все ссылки при наведении*/
a:hover {
text-decoration: underline;
}
/*убрать домик*/
#header a.d {
display: none;
}
/*фон надписи блогхаус (ссылка на главную)*/
.in-state #header a#caption-link {
background: #2b2b2b;
padding: 10px;
padding-right:25px;
/*Цветовая схема и размер шрифта*/
/* фон для всей страницы*/
html, body {
background:#424242;
}
/*фон для главного столбика с записями*/
#canvas {
background: #303030;
Лучшее
Материалы сайта предназначены для лиц старше 16 лет (16+)