Здравствуйте, дорогие читатели!
Наверно, многие начинающие вебмастера ломают голову над тем, как выделить код в тексте статьи.
Способов такого выделения много. Это может быть изменение цвета или картинки фона, размера и цвета шрифта. Можно выделить код подсветкой синтаксиса, или различными рамками.
Сегодня я покажу, как выделить код изменением фона. Ему будет дан внешний вид страницы в линеечку из школьного блокнота.
Вот, как это должно выглядеть:
За идею — спасибо автору блога Blogger Tricks & Toolz
Как выделить код в Blogger
1. Заходим в Панель инструментов — Дизайн — Изменить HTML
2. Сохраняем резервную копию шаблона
3. Отмечаем флажком «Расширить шаблоны виджета»
4. С помощью комбинации «Ctrl + F» находим строчку:
]]></b:skin>
5. Вставляем прямо перед ней код, полученный по ссылке
6. Сохраняем шаблон
7. Теперь, перед тем, как опубликовать код, на вкладке встроенного визуального редактора
«Изменить HTML»
надо заключить код в такую конструкцию:
<div class=»bloggertricksandtoolz «>
Здесь ваш текст</div>
Вместо слов «Здесь ваш текст» вставляем любой код, или текст, к которому мы хотим привлечь внимание.
Ура! Мы узнали — как выделить код в тесте. Теперь наши статьи будут ещё привлекательней оформлены, а смысл статей будет легче восприниматься читателями!
Ваш Retliff
Интересно!!Спасибо за пост!!
@Александр Кучин Спасибо Вам! Вы — первый комментатор!-)
Как всегда в тему 🙂 Спасибо. Я так понимаю что фон можно сменить, если закачать свой и в код вставить ссылку на свой?
@Ярослав Рад помочь! Изменить можно, но если Вы вставляете собственные атрибуты в кем-то разработанное решение — это могут посчитать плагиатом!-)
@Retliff Интересное решение и главное легко выполнимое.
На счет плагиата, мне кажется это фобия, если мы создаем продукт и выдаем его в свободное использование, то должны понимать, что многие будут подстраивать его под себя(общий дизайн, структура шаблона и т.д). Если же с постоянной оглядкой на плагиат, что либо разрабатывать, лучше и не выкладывать, а тихо посапывая любоваться своим "детищем", согласитесь Сергей, это путь в никуда.
Еще раз спасибо.
@shurawi Вы, безусловно, имеете право на собственную точку зрения! Но, я считаю, что выдавать плоды чужого творчества и труда за своё — банальное воровство! Не так трудно и совсем безопасно оставить ссылку на первоисточник. Другое дело, если чья-то разработка послужила толчком для вдохновения и была переработана и улучшена!-)