Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Ламерские вопросы » Буквица в тексте

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

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

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

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

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

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

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

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

shim
Юзер

shim - -

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

ПафНутиЙ - -

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

shim - -

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

ПафНутиЙ - - 

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

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

shim - -

Ок, тогда вот так:
в 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 - -

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

shim - -

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

shim - -

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

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

 17.06.2012 Best-Torrent  Ламерские вопросы
 20.09.2013 romandym  Общие вопросы, Общие вопросы по PHP, Ламерские вопросы
 14.10.2013 Antony_Hapkins  Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы
 13.11.2013 artem_gerus  Ламерские вопросы
 04.03.2014 whitewolf12  Общие вопросы по PHP, Модули, Ламерские вопросы
 21.07.2014 Tesak  Общие вопросы, Ламерские вопросы
 27.11.2014 sa22-91  Ламерские вопросы
 23.12.2014 prpobed5  Общие вопросы по вёрстке, Ламерские вопросы
 16.02.2015 FormatX  Вопросы КЭПу
 25.06.2015 serg91100  Хаки, Ламерские вопросы
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Так сайт не работает вообще. Браузер выдает такое

    Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
    Попробуйте удалить файлы cookie.

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
наверх