Сразу оговорюсь - это не МК, и даже не полноценное руководство. Это всего лишь перевод и крошечное творческое переосмысление инструкции, изложенной на английском языке в блоге HELP BLOGGER (автору которого я выражаю бесконечную благодарность).
Пытаясь присобачить к своему блогу нумерацию комментариев, я испробовала несколько вариантов, добытых в интернете, но они почему-то не заработали. Поскольку и в пользовании компом, и особенно в блоговодстве, я махровый иждивенец, а не сознательный пользователь, то все мои опыты на эту тему были похожи, я думаю, на то как питекантроп мог бы конструировать космический корабль - детали есть, инструкцию написали, но собрать он не может, потому что он всё-таки питекантроп, а не Королёв... )))
Именно по этой причине я не могу сказать, почему не работали те варианты или заработал этот.
Если всё нижесказанное имеет хоть какую-то практическую ценность, буду рада и даже удивлена. )))
Итак.
Если вставить в блог в определенное место несколько строк некоего кода (на мой взгляд это шифровка Штирлица))), то комментарии будут нумероваться в облачках (как фразы персонажей в комиксах), начиная с номера 1. Если на какой-либо комментарий есть ответ (или несколько ответов), им рядом с цифрой будет присваиваться еще и буква, и таким образом общий порядок нумерации не нарушается.
Дальше нужно найти то самое место, куда вставляется код. Если новый интерфейс блога, ищем слева в меню "Шаблон", дальше ищем кнопку "Изменить HTML", нажимаем "Приступить", заходим, ставим галочку в окошке "Расширить шаблоны виджета". Если интерфейс старый, ищем вкладку "Дизайн", в ней сверху вкладку "Изменить HTML", ставим галочку в окошке "Расширить шаблоны виджета". Все встреченные мной инструкции в один голос рекомендовали перед опытами с кодом, сохранить резервную копию того, что уже есть.
Далее в инструкции было указано, что с помощью поиска Ctrl+F, нужно найти вот эту строку:
]]></b:skin>
И прямо НАД найденной строкой вставляем следующее:
.comment-thread ol {Почему-то просмотреть, как выглядят внесенные изменения, у меня не вышло. Пришлось сохранить изменения и открыть блог в другом окне (вкладке). Искомые облачка с номерами были на месте.
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding-left:10px;
padding-top:3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAV6ul3GeuJF6XStWKauM93QFpe3Ip8WcrTSCgLYw019LSOrWL31wMp44v6UZ8xFdjG0_bXVuHp5erkWmctK13d98m3FXoorIQrdYO0WK3SjiHQXBktcDNnYxmUEaOhLXRNlqnrKTFn5u/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}
Если оформление номеров в облачках не нравится и хочется только цифры, нужно удалить строки красного и синего цвета.
Дальше, я попробовала менять значение px в строках font-size: 22px; и font-size: 18px; и удалось уменьшить сами номера до подходящего размера.
Вот собственно и всё шаманство. Возможно, для сведущего человека в блоге-источнике этого сокровенного знания найдется еще какая-нибудь полезная информация. Лично для меня всё проделанное - уже предел мечтаний. )))
Спасибо, пригодится)))
ОтветитьУдалитьСпасибо! надо попробовать :)
ОтветитьУдалитьПолучилось! :))
УдалитьСпасибо большущее!!! Очень пригодилось!
ОтветитьУдалитьВоспользовалась! Получилось! Спасибо!
ОтветитьУдалитьОгромное спасибо за подробное описание и именно простым языком, а не на языке Штирлица))
ОтветитьУдалить