среда, 16 апреля 2008 г.

Как изменить оформление отдельных тегов в blogger.com

Со страницы настроек блога идем по ссылкам «Макет» → «Изменить HTML» и открываем код шаблона. Настоятельно рекомендую сохранить копию, чтобы было с чего восстанавливать при неудачной попытке.
Находим тег <b:skin>, внутри которого идет куча текста в комментарии вида «/* многабукафф */». В списке стилей (CSS), идущего после упомянутого комментария, находим описание стиля для нужного нам тега и редактируем его или, если нет такого, создаем новый.
Как пример приведу описание стилей тегов <PRE> и <CODE>

pre {
color:$sidebarlinkcolor;
padding-top:5px;
padding-bottom:5px;
border-top:1px dotted black;
border-bottom:1px dotted black;
width:100%;
max-height:240px;
display:block;
overflow:auto;
}

code {
color:$sidebarlinkcolor;
}
После внесения необходимых изменений жмем на кнопку «Сохранить шаблон» и любуемся результатом.

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

Рамиль комментирует...

Спасибо, получилось.

f-andrey комментирует...

Любопытно, жалко у меня крайне фигово с дизайнерскими талантами, хотя может и поиздеваюсь как нибудь над дизайном на досуге :)
А еше чего там парится с сохранением там же вроде есть кнопки отменить и вернутся к исходному виду шаблона, а уже надизайненное даже можно сохранить на диск, в принципе возможности интересные

Князь комментирует...

Ну а если ты вдруг основательно изменил шаблон? :) В этом случае возврат к исходному виду после неверной правки шаблона не очень прельщает. Лучше сохранить рабочий вариант, вместо того чтобы потом ползать по коду и искать пропущенный тег.

Рамиль комментирует...

Ну с PRE понятно, а для CODE вроде как только цвет меняется. Что то не понятно.

Князь комментирует...

Ну да, у CODE в моем блоге меняется только цвет :)