Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Ламерские вопросы » Буквица в тексте

Буквица в тексте


     02.01.2012    верстка    Все вопросы » Ламерские вопросы    3180

вопрос
Добрый вечер всем, подскажите пожалуйста как реализовать как в "полной" так и в "короткой" новости Заглавную букву большим размером и другим цветом ? Т.е что бы при каждом добавление статьи не нужно было выбирать её размер+ цвет, а это уже было.

Примерно вот так : Данная статься бла бла бла.....

Заранее сем спасибо.

Ответил: ПафНутиЙ


псевдоэлемет :first-letter вам 100% поможет

8 комментариев

shim
Юзер

shim - 28 ноября 2012 14:01 -

А как применить псевдоэлемет :first-letter для всего {short-story},но так чтоб он работал после вставленной картинки??

ПафНутиЙ
Админ

ПафНутиЙ - 28 ноября 2012 14:05 -

Всё что после вставленной картинки завернуть в div или p, а в css прописать чтото типа .short-story p:first-letter {...}

Каков вопрос - таков и ответ. Просто помните об этом.

shim
Юзер

shim - 28 ноября 2012 14:12 -

Реализовано вот так
<div id="sstory">{short-story}</div>
ну и там CSS само собой....
Работает, но вот если первая стоит картинкак тогда нет.
Как "Всё что после вставленной картинки завернуть в div" завернуть в div ???

ПафНутиЙ
Админ

ПафНутиЙ - 28 ноября 2012 14:26 -

<div id="sstory">{short-story}</div>

Встречный вопрос, сколько раз на одной странице можно использовать уникальный ID?
Чтобы завернуть текст в div достаточно ПЕРЕД текстом вставить
<div>
а ПОСЛЕ
</div>
? аналогичным образом вставляются и остальные элементы.
Надеюсь понятно объяснил.

Каков вопрос - таков и ответ. Просто помните об этом.

shim
Юзер

shim - 28 ноября 2012 15:38 -

Ок, тогда вот так:
в shortstory.tpl
<div class="short-storyy">{short-story}</div>

в style.css
.short-storyy:first-letter {color: #ff0000;font: italic 24px"Trebuchet MS", Georgia, Arial, serif;}


Это всё прекрасно работает и в short-story как и указано Первая буква изменяется,НО!!
если перед текстом находится картинка - то вот тут-то и не работает.

И ещё, если картинка была выровнена по левому или правому краю (), то тоже всё работает,но если по центру то увы ((.

drulic
Юзер

drulic - 28 ноября 2012 16:59 -

После начала обертывания должен начинаться текст, а не другие элементы (изображение например)

shim
Юзер

shim - 28 ноября 2012 17:02 -

drulic,
Это всё понятно,в том то и проблема,что нужно чтоб работало после изображения.

shim
Юзер

shim - 11 декабря 2012 17:58 -

возможно всё таки есть решение этого вопроса???

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх