С заголовком вроде как и ясно. Нажал клавишу Shift и делу конец. Но с помощью CSS есть возможность сделать первую буковку более интересной.
И даже если случайно напишите её обычным шрифтом, она при публикации автоматически станет заглавной.
1. Заглавная буква для заголовка сообщения.
Код
h2:first-letter {color: #CB941C; font-size:40px ; }
Здесь мы задали цвет #CB941C и размер 40px буквы. Можете поменять на своё усмотрение. Если ещё добавить в код свойство text-shadow:, то у нас появится и тень у буквы. И код будет выглядеть уже так-
h2:first-letter {color: #CB941C; font-size:40px ; text-shadow: 0 0 0.1em #BB1818, 0 0 0.1em #BB1818, 0 0 0.1em #BB6006;}
Цветовые значения тоже устанавливайте свои и размер тени 0 0 0.1em (сверху, справа,снизу, слева).
Заходим в шаблон - изменить и перед строкой ]]></b:skin> вставляем его. У кого ещё нет опыта работы с шаблоном блога, предлагаю прочитать этот пост, о том как найти строку в шаблоне правильно. И сделайте на всякий случай резервную копию. Когда код установлен, жмём клавишу предварительный просмотр и сразу видим результат. Если всё осталось по - прежнему меняйте тег h2 на h1 или h3, о чём говорилось выше.
2. Заглавная буква для названия виджета.
код
h3.post-title:first-letter{color: #CB941C; font-size: }
С цветом и размером мудрим также, как в первом варианте. С тегами h1-h3 тоже. Значение тени text-shadow:, на ваше усмотрение. Забыла ещё сказать, что можно задать жирный текст букве, добавив в код font-weight: bold;.3. Красивая первая буква в сообщении. Как-то вот так она будет выглядеть.

Код, приведённый ниже, вставляем также перед заветной строки ]]></b:skin>. Никуда от неё не денешься.
.post-body:first-letter {
float:left;
color: #CB941C;
line-height:50px;
padding-top:1px;
padding-right:5px;
font-family:Georgia,Arial,times;
font-size:70px;
float:left;
color: #CB941C;
line-height:50px;
padding-top:1px;
padding-right:5px;
font-family:Georgia,Arial,times;
font-size:70px;
Разберём , что можно поменять. #CB941C-цвет буквы, line-height:50px;- в режиме просмотра определитесь с этим значением. Можно ставить и больше и меньше. Georgia, Arial,times - оставляйте как есть или примените свои шрифты. font-size:70px;-размер буквы на ваше усмотрение.
Обращу внимание, что при установке этого кода, результат сразу не будет виден. Как в первых двух. И заглавная буква будет отображаться только при написании нового сообщения и последующих. В старых постах стиль останется прежний.
Вот так, с помощью нескольких строчек CSS, добавленных в шаблон, мы сделали такую красоту. Мелочь, а глаз радует.
И на сегодня ставлю точку в шпаргалке. Что непонятно, пишите, разберёмся.
оформите подписку на новые шпаргалки
Доброго времени суток Вика! У вас столько красивых фишечек! Подскажите пожалуйста, при оформлении Красивая первая буква в сообщении, если вначале устанавливаешь картинку слева, а потом текст, то почему-то эффекта "красивой первой буквы" нет? 1.Можно ли настроить так чтоб в начале картинка была, а потом текст с красивой буквой? 2.И можно ли настроить, чтоб текст выравнивался по всей ширине автоматически? С уважением к вам и к вашему труду!Тата.
ОтветитьУдалитьТата. картинку и заглавную букву не получиться вставить сразу или то или другое. А вот можно ли настроить, чтоб текст выравнивался по всей ширине автоматически? не совсем поняла. Пишите сообщение и располагаете по центру в редакторе. Или что хотите..
ОтветитьУдалитьВика, благодарю за ответ! Все понятно! Подскажите, у вас такой симпатичный в сайтбаре раздел "Последние сообщение" с ротацией, если описание на установку такой красоты? С уважением Тата.
ОтветитьУдалитьTata, Вы у меня уже не первая спрашиваете о нём. Где-то я начинала писать пост об этом . В ближайшие дни опубликую.
ОтветитьУдалитьВика, вот здорово! Он правда очень интересный! Буду благодарна. С уважением Тата.
ОтветитьУдалитькаждый раз,когда я думаю,что шпаргалочки эти прошла вдоль и попереу,всегда нахожу для себя что-то новое,красивое.Прикольно буковка смотрится,спасибо.
ОтветитьУдалитьСпасибо, здесь если с умом подойти можно и правда красиво оформить сообщения.
Удалить