Как выделить (оформить) отдельные пункты в посте особым цветом и картинками
- tiaurus
- May 25, 2009
- Комментировать
Часто многие блогеры оформляют особым образом некоторые части своего поста. Особенно стараются выделять важные разделы, касаемые скачивания или демонстрации.
Подглядел идею, как можно красиво оформить такие плюшки силами CSS.
В файле CSS вашей темы WordPress нужно выделить такие места особым образом. Для этого дописываем в нем такой код:
blockquote.download {
color: #666;
background: #D4FFC6 url('путь до файла с картинкой') no-repeat center left;
margin: 0;
padding: 5px 10px 3px 50px;
border: 2px solid #c4c4c4;
}Этот код поможет заключить все, что мы пометим при написании поста, как download, в рамочку с определенным цветом фона и картинкой перед словами (красивую стрелочку вниз видите?).
Чтобы пометить такой текст, нужно при написании поста выделить его, как цитируемый класс class="download"в исходном коде текста:
<blockquote class="download">
Скачать (Или любые другие слова)!
</blockquote>Как вы уже поняли, таких плюшек можно в CSS понавтыкать сколько угодно, со своей картинкой (картинки предварительно заливаются на сайт), а потом просто грамотно пользоваться исходным кодом, дописывая в цитирование название класса.
Все больше слышу в последнее время о приобретении недвижимости за рубежом. Недвижимость в Болгарии -- выгодно и не так дорого, как у нас.
Если вы готовитесь в командировку, то примите на заметку: Новосибирск квартира посуточно.
Несколько интересных предложений для делового Екатеринбурга. Руководителей медицинских учреждений наверняка заинтересует спецодежда Екатеринбург – практичность, индивидуальный стиль, приемлемая цена, соответствие требованиям.
Для тех, кто обеспокоен проблемой безопасности -- системы видеонаблюдения Екатеринбург. Проектирование, интеграция, модернизация и обслуживание.
Предыдущие Плагины Wordpress |
|
Похожие записи |
Самый обычный CSS )
А вот бы это средствами GUI, чтоб в код не лезть… Но всем лень, ведь это “два щелчка”… Э-эх…
А как средствами GUI можно сделать часть поста? Я знаю только один пока что работающий вариент — ставить расширенный редактор, например, TinyMCE. Тогда с его помощью можно и картинки всталять, и фон менять.
У меня TinyMCE почему-то не работает. да и публикую я отнюдь не с админки, а из WLW.
У WLW свой GUI, у админки — свой. А вот приведенный в посте способ работает в любом редакторе.
Можно уменьшить одно телодвижение (добавлять часть поста как цитату с цсс) поработав раз с дополнительными полями. Очень гибконастраиваемая и удобная штука.
А где ещё можно посмотреть образцы оформления статей новостей текста и желательно с примерами кода ?