Решил сделать плашечки для блога, потому что надоело рисовать вручную картинку для загрузки и т.д.
Короче, терять время на персональное оформление каждой записи надоело мне и я решил сэкономить!
Вот так выглядит плашечка для «загрузок»:
Делается очень легко, в CSS файле надо добавить:
blockquote.download {
color: #666;
background: #D4FFC6 url('путь до файла с фоновой картинкой') no-repeat center left;
margin: 0;
padding: 5px 10px 3px 50px;
border: 2px solid #c4c4c4;
}
color: #666;
background: #D4FFC6 url('путь до файла с фоновой картинкой') no-repeat center left;
margin: 0;
padding: 5px 10px 3px 50px;
border: 2px solid #c4c4c4;
}
А далее, в редакторе записей просто обрамляете необходимый текст в:
<blockquote class="download">
Ссылки на скачку!
</blockquote>
Ссылки на скачку!
</blockquote>
И получаете:
Ссылки на скачку!
То же самое проделываем для плашек «демка», «дополнительна информация» и т.д.
У меня они просто отличаются цветом фона и рисунком.
пиздец!
это гениально! )))
Чего, правда? :)
ЭТО НЕРЕАЛЬНО!!!11 XD
[...] блог на эту тему. Даже в WordPress есть по-настоящему гениальные функции, которые никто не использует. Именно этот пост натолкнул меня на новую мега-идею [...]
[...] Подглядел идею, как можно красиво оформить такие плюшки силами CSS. [...]
А есть ещё где такие же примеры с кодами для свтавки цитат и просто красивого оформления текста ?
А придумать самим?