первая буква абзаца

пятница, 29 мая 2020

09:33

все записи пользователя в сообществе SnezhArt

don't keep calm and fuck them all

Доброго времени суток!
Написала код, где есть дополнительный блок с цитатой. Я прописала его через #side h1::after.
Реально ли в этой цитате прописать первую букву с другими характеристиками шрифта и цвета? Если реально, то как это можно провернуть?
Я пробовала через :first-letter к :after, но там не захотел присобачиваться.

превью картинки, где я обвела то место, которое хочу отредактировать:
картинка

дизайн установлен в дневнике

UPD: вопрос успешно решен. спасибо большое смольник !!

@темы: текст

URL

http://video.f1gp.ru/wtc.php3 http://www.the5k.org/ Current music: Pulp Fiction - ... Сегодня на одной из улиц увидела здание с забором метра 4...

На этом летал. Current music: Sarah Brightman - The ... Это вам не дули воробьям крутить! Current music: Aer... http://www.fi.muni.cz/~toms/PopArt/contents.html

Комментарии

29.05.2020 в 11:26

смольник

как нож в масло

Мб попробовать
.paragraph div:first-letter

URL

29.05.2020 в 14:11

SnezhArt

don't keep calm and fuck them all

только сейчас поняла, что перепутала, когда писала пост. я пыталась как раз фёст-леттер к афтер приделывать.

а к параграфу не получится то, что я хочу. я же хочу заглавную не в постах, а в той плашке с цитатой.

URL

29.05.2020 в 18:55

смольник

как нож в масло

SnezhArt, а эта плашка что сие? Эпиграф?

URL

30.05.2020 в 05:36

SnezhArt

don't keep calm and fuck them all

смольник, по факту - нет. для этого мне бы пришлось переносить эпиграф, а мне этого не хотелось, поэтому я просто прописала названию дневника доп элемент через :after

URL

30.05.2020 в 17:09

смольник

как нож в масло

SnezhArt, я так в одном из дизайнов просто отдельно взятый пост выносил и закреплял в углу дневника (в любое другое место), вот там, конечно, проще было бы с буквой.

URL

30.05.2020 в 17:35

SnezhArt

don't keep calm and fuck them all

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

URL

30.05.2020 в 17:56

смольник

как нож в масло

SnezhArt, давайте я дам свой код, а вы разберётесь)

  #post177880630.singlePost {visibility:visible; z-index:2; display: block; position: fixed; bottom: 70px; right: 12px; width: 190px; height: 230px; }
 #post177880630.singlePost .postContent {position: relative; max-height:310px; background-color: rgba(24, 21, 18, 0.7) !important; padding: 2px 1px 2px 1px !important;border: 1px solid #1d1915; -webkit-box-shadow: 0px 0px 15px #372f2f; -moz-box-shadow: 0px 0px 15px #372f2f; box-shadow: 0px 0px 15px #372f2f; }
 #post177880630 .postTitle.header {margin: 0px 10px 10px 10px !important; }
 #JournalComments #post177880630, #JournalDraft #post177880630, #post177880630 .postDate, #post177880630 .postLinksBackg, #post177880630 .postTitle.header span, #post177880630.singlePost .atTag span, #post177880630.singlePost div.paragraph small, #post177880630.singlePost div.paragraph b {display: none !important;}
 #post177880630.singlePost .atTag {margin: 15px 0 0 0 !important; }
 #post177880630 .postActionLinks {margin: 0 -5px 0 0 !important;}
 #post177880630 .upPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 125px !important; }
 #post177880630 .delPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 105px !important; }
 #post177880630 .editPostLink { display: block !important; position: absolute !important; bottom: -40px !important; right: 85px !important; }
 #post177880630 .tonotepadPostLink, #post177880630 .fromnotepadPostLink {display: none !important; }

И привинтить как-то так (опять же из моих настроек)

 #post177880630 .paragraph div:first-letter { text-transform: uppercase; font-style: inherit; font-size: 20px; font-family: "Times New Roman"; font-weight: bold !important; color:#584b4b !important; padding: 2px 2px 5px 20px !important; text-shadow: 1px 1px 2px #000000;}

URL

30.05.2020 в 19:04

SnezhArt

don't keep calm and fuck them all

смольник, спасибо огромное! буду разбираться. не пробовала еще такого)

URL

30.05.2020 в 19:07

смольник

как нож в масло

SnezhArt, разберётесь, тут все понятно. Адрес поста и так далее.

URL

01.06.2020 в 16:01

SnezhArt

don't keep calm and fuck them all

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

URL

01.06.2020 в 16:48

смольник

как нож в масло

SnezhArt, да, вы его прописали в конкретное место, там же зафиксировали. Если хотите, чтоб эта штука была так же, как меню, надо прописывать каким-то образом отдельным аддблоком и привинчивать именно в элементы меню. Но тогда встанет снова проблема с заглавной буквой. Есть вариант привинтить юзерпик заданных размеров, но тогда текст придётся делать картинкой.

URL

01.06.2020 в 17:01

SnezhArt

don't keep calm and fuck them all

смольник, все, поняла. спасибо еще раз большое!

URL

01.06.2020 в 17:18

смольник

как нож в масло

SnezhArt, да не за что)

URL


Запомнить

первая буква абзаца

@CSS — стилизация дневников