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

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

вопрос

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

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

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

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

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

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

Юзер

shim - 2015-06-2528 ноября 2012 14:01 - #8935

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

Админ

3457

ПафНутиЙ - 2015-06-2528 ноября 2012 14:05 - #8936

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

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

Юзер

shim - 2015-06-2528 ноября 2012 14:12 - #8937

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

Админ

3457

ПафНутиЙ - 2015-06-2528 ноября 2012 14:26 - #8938

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

Встречный вопрос, сколько раз на одной странице можно использовать уникальный ID?
Чтобы завернуть текст в div достаточно ПЕРЕД текстом вставить

<div>

а ПОСЛЕ

</div>

? аналогичным образом вставляются и остальные элементы.
Надеюсь понятно объяснил.

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

Юзер

shim - 2015-06-2528 ноября 2012 15:38 - #8943

Ок, тогда вот так:
в 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 - 2015-06-2528 ноября 2012 16:59 - #8954

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

Юзер

shim - 2015-06-2528 ноября 2012 17:02 - #8955

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

Юзер

shim - 2015-06-2511 декабря 2012 17:58 - #9466

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

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?