вторник, апреля 05, 2011

Как можно выделить текст в сообщении блога


Если вы хотите придать большей выразительности сообщениям вашего блога, вы можете использовать теги заголовков или помечать отдельные предложения как цитаты, чтобы они выделялись. Еще один способ привлечь внимание к чему-то в вашем сообщении – это сделать “пометку”, как на скриншоте:
Этот тег может быть полезен при построении списков, для добавления подзаголовка к вашему сообщению и т.п.

1.  Для начала заходим в раздел “Изменить HTM” (резервируем шаблон, на всякий случай) и ищем в шаблоне (Ctrl+F) строку:

]]></b:skin>


2. Перед этой строкой вставляем стиль “пометки”:
.note{
background:#E8F1F8 url(http://lh4.ggpht.com/_So-xppeH7x0/TP3uIr_A5kI/AAAAAAAAAn0/I17mlOq2axM/s800/note.png) center no-repeat;
margin:10px 10px 10px 10px; 
width:90%; 
display:block; 
border:1px double #D9E2E9;
background-position:7px 50%; 
padding:10px 10px 10px 45px; 
-moz-border-radius-bottomleft:4px; 
-moz-border-radius-bottomright:4px; 
-moz-border-radius-topleft:4px; 
-moz-border-radius-topright:4px; 
-webkit-border-top-left-radius:4px; 
-webkit-border-top-right-radius:4px; 
-webkit-border-bottom-left-radius:4px; 
-webkit-border-bottom-right-radius:4px; 
font:bold 15px Times New Roman
}



3. Сохраняем шаблон. Пока никаких изменений на блоге не видно, так как в HTML самого сообщения нужно вставить тег.
4. Ищем в сообщении фрагмент текста, который вы ходите выделить и заключаете его в такой тег:
<span class="note">
</span> 

 
Приведу пример:
<b><span class="note">Оказывается, есть более простой способ восстановить настройки любимого браузера – утилита FavBackup. </span></b> 


В результате вы видите то, что на скриншоте в начале этой заметки.

0 отзывов:

Отправить комментарий

Web Analytics