Существенное дополнение к P.S. and UPD!Ситуация аналогична прописыванию буквицы в предыдущем посте. Код для нижеследующего будет работать только в вашем дневнике.
Чтобы не происходило замены картинок для P.S. and UPD на значки маркированного списка, через теги которого реализована предлагаемая ниже фишка, код для этих картинок прописывается добавлением блочного CSS-элемента непосредственно в пост:
-- Дальше --
P.S.
UPD
Продолжение предыдущего поста: PS, UPD, (с), ударение, "сдвинутый" текст.
-- ДЕТАЛЬНЕЕ --
-- PS, UPD --
В записях моего дневника вы видели картинки для PS, UPD, как ниже:
- Пио́н (лат. Paeónia) — род травянистых многолетников и листопадных кустарников. Пионы цветут в конце весны
- Своим латинским названием он обязан легендарному врачу Пеану (или Пеону, или Пэану), излечивавшему богов и людей от ран, полученных в сражениях. Латинское название растения встречается у Теофраста
Вам уже видна разница в оформлении PS в этом посте и в предыдущем. В этом посте всё прописано в основной код. Таким образом, меняя дизайн, и, соответственно, картинки для PS, UPD, - они автоматически изменяться сразу во всём дневнике.
Раньше эту задачку я решала вставкой картинки в пост и прописыванием для неё дополнительных свойств. Теперь же эта функция реализована иначе. Пришлось перебрать много вариантов и наиболее оптимальным, как мне кажется, оказался тот, что описан тут - Как вместо символа маркера использовать картинку? - во втором примере.
Что делаем:
1. Картинки. Заливаем их в БИ.
2. В CSS-код вписываем строки:
в котором
новыми селекторами прописано следующее:
-- Идентификатором #imgPS - позиционирование элемента типа "список" от левого поля записи, а вообще говоря, для блока списка в селекторе ul.
-- Классификатором .imgPS - сама картинка и её свойства для элемента типа li.
-- Аналогичным образом действуем для UPD.
3. Переходим в настройки по адресу
Настраиваемые кнопки. Добавляем новую кнопку, даём ей очевидное имя PS, указываем адрес картинки и прописываем значение:
-- © , А́ - ударение --
Тут всё намного проще. Знак копирайта и ударение тоже прописываем в кнопки. Делаем следующее:
1. Картинки для кнопок:
,
.
2. В настройках
Настраиваемые кнопки добавляем новую кнопку, даём ей соответствующее имя, указываем адрес картинки и прописываем значение:
для копирайта -
для ударения -
NB! Уберите все пробелы из кода! Просто пришлось пойти на такой шаг, чтобы все знаки отображались в коде.
А дальше разверните свою фантазию и она подскажет вам, в быстром доступе к чему вы остро нуждаетесь )
-- Смещённый текстовый блок --
Ну, это уже очень очевидно, даже пример приводить не буду. Сразу к описанию:
1. Картинка для кнопки, например, такая
.
2. В настройках
Настраиваемые кнопки добавляем новую кнопку, даём ей имя
(у меня - "цитатка"), указываем адрес картинки из БИ и прописываем значение:
@настроение:
Оставить что-то, надеюсь, полезное.
@темы:
без подтекста,
CSS,
деперсонализировано!,
CSS-примеры
-
-
17.03.2013 в 19:47-
-
17.03.2013 в 19:55-
-
17.03.2013 в 20:04-
-
17.03.2013 в 20:18У меня CSS еще не подключен,
Если что - обращайся )) Помогу )