Как в нее попасть?

В верхнем правом углу выбираем историю - дальше таблицу стилей. Открывается текстовое пространство для вашего кода.

Что важно, здесь используется немного другой синтаксис. Те команды, которые вы использовали в абзацах здесь работать не будут.

• Вся история tw-story {Все, что вы кодом здесь распишете, влияет на текст/фон/картинки внутри абзацев}

• Весь абзац tw-passage {Все то, что вы кодом здесь распишете, влияет на текст внутри абзацев}

• Ссылки tw-link {Все то, что вы кодом здесь распишете, влияет навсе ссылки внутри абзацев}

• Все абзацы, у которых есть какой-либо тэг tw-story [tags~=«тэг нужного параграфа»]{Все то, что вы кодом здесь распишете, влияет на текст, внутри выбранных абзацев}

Поменять цвет текста: color: #000000; - цвет задаете в формате hex

Поменять шрифт текста: font-family: Arial; - название шрифта, на который предварительно указали ссылку

Поменять размер: font-size: 20px;

Поменять цвет фона: background-color: #000000

Добавление изображения в текст: img src=«ссылка URL на изображение»> Добавление изображения с указанным размером: img src =«ссылка URL на изображение» width=100 height=100>

Когда нашли картинку: скопируйте URL нужной вам картинки.

Если вы хотите использовать свою, простой способ – выложить картинку и скопировать URL.

==> Этот текст будет справа =><= Этот по середине <== Этот будет слева ===><= Здесь будут колонки размером 3/4 слева, 1/4 справа =><===== Здесь колонки 1/6 слева, 5/6 справа.

tw-story{padding:0px;} - редактируем историю

img {padding:0px; float:left; width:50%;} - указываем, где будет картинка

p {float:left; padding:50px; width:50%; font-family: Roboto; font-size: 22px; } - указываем, где будет текст параграфа

Картинки добавляются в Stylesheet

Вы можете ограничить максимальный размер картинок в вашей истории.

Для этого в таблице стилей пишем:

img { max-width: 800px; max-height: 800px; }

Чтобы поставить картинку на весь фон, пишем background-image:url(cсылка URL);

Чтобы растянуть картинку на весь фон (если не тайловое изображение), пишем background-size: cover;

Получается так tw-story[tags~="тэг нужного параграфа"] { background-image:url(cсылка URL); background-size: cover; } img {padding:0px; width:50%;}

p {background-color: black; float:left; padding: 50px; width:50%; font-family: Roboto; font-size: 22px; color: #000000}

Padding – отступ от края.

Вы можете установить размер отступа в пикселях или процентах. Два числа – первое от верхнего края, второе от левого. Одно число – одинаково для обоих краев.

p {padding: 10% 15%;}

Width – отступ от края. Если Если не сделать этот отступ, фон текста закончится сразу после последнего знака текста. Вы можете установить размер отступа в пикселях или процентах.

p {width:50%;}

Фон текста можно сделать частично прозрачным. Обычно мы используем HEX цвета, чтобы обозначить цвет.

К примеру, черный HEX #000000

Но вы можете использовать RGBa, чтобы добавить прозрачность. Тогда полупрозрачный черный будет выглядеть так: rgba(0,0,0,0.5)

• Непрозрачный черный фон: background-color: black;
• Полупрозрачный черный фон: background-color: rgba(0,0,0,0.5);