πŸ“ НовыС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ возмоТности форматирования/New Advanced Formatting Features (ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ @steemitblog)

БСгодня ΠΌΡ‹ Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π’Π°ΠΌ нСсколько Π½ΠΎΠ²Ρ‹Ρ… ΠΎΠΏΡ†ΠΈΠΉ для Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ форматирования Π’Π°ΡˆΠΈΡ… статСй.

Π­Ρ‚ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста ΠΈ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ тСкстом изобраТСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ выравнивания изобраТСния ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ (Pull Left)

<div class="pull-left">
 
http://i.imgur.com /5K35fG5.png
<center> **располоТСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ слСва** </center>
</div>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ выравнивания изобраТСния ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ (Pull Right)

располоТСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ справа
<div class="pull-right">
http://i.imgur.com/ goePWl5.png
<center> **располоТСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ справа** </center>
</div>
 

Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ изобраТСния ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ класс pull-right.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ выравнивания тСкста (Text Justify)

НСкоторым ΠΈΠ· нас нравится, ΠΊΠΎΠ³Π΄Π° тСкст выглядит Ρ…ΠΎΡ€ΠΎΡˆΠΎ структурированным, ΠΊΠ°ΠΊ Π² Π³Π°Π·Π΅Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΆΡƒΡ€Π½Π°Π»Π΅, ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½Ρ‹ΠΌ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ страницы. БСйчас это стало Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ благодаря использованию класса text-justify.

<div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
 veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ выравнивания тСкста (Justified Text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Π’Ρ‹Π²ΠΎΠ΄

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ классы pull-left ΠΈΠ»ΠΈ pull-right, Π’Π°ΡˆΠΈ изобраТСния автоматичСски Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ 50% ΡˆΠΈΡ€ΠΈΠ½Ρ‹. ИспользованиС форматирования ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ с Markdown ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½Ρ‹ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, ΠΊΠΎΠ³Π΄Π° ΠΈ это Π½Π΅ срабатываСт, Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ HTML Ρ‚Π΅Π³ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‚ ΡΡ‚ΠΈΠ»ΡŒ тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ хочСтся.

ΠœΠΎΠ½Π΅Ρ‚ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π’Π°Ρˆ Steemit Π±Π»ΠΎΠ³ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ партнёрской ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Amazon

ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΠΈΠΌΡ‡ΠΈΠ²Ρ‹ΠΉ Π±Π»ΠΎΠ³Π³Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΎΡ…ΠΎΠ΄, публикуя Ρ€Π΅Ρ„Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹Π΅ ссылки Π½Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Amazon, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° ссылок. Если Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ€Π΅Ρ„Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹Π΅ ссылки Amazon Π½Π° steemit.com, ΠΌΡ‹ оставляСм Π·Π° собой ΠΏΡ€Π°Π²ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ, ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ встроСнныС изобраТСния ΠΈ/ΠΈΠ»ΠΈ ссылки, Ссли ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡ€Π΅Ρ‡Π°Ρ‚ Π Π°Π±ΠΎΡ‡Π΅ΠΌΡƒ соглашСнию ΠΏΠΎ партнёрской ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ (Associates Program Operating Agreement) ΠΈ ВрСбованиям ΠΊ ссылкам Π² партнСрской ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ (Associates Program Linking Requirements) Amazon.

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ пост ΠΈ Π΅Π³ΠΎ обсуТдСниС Π—Π”Π•Π‘Π¬


Π”Π°Π½Π½Ρ‹ΠΉ пост ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… Π°Π»ΡŒΡ„Π° тСстирования ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° @rusteemitblog, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±ΡƒΠ΄ΡƒΡ‚ публиковатся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‹ Π½Π° русский язык статСй Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Steemit @ned, @dantheman, ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠ³Π° @steemitblog ΠΈ SteemMag @infovore, Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Ρ€Ρƒ-ΠΊΠΎΠΌΠΌΡŒΡŽΠ½ΠΈΡ‚ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΎΠΉ Π½Π΅Ρ€Π°Π²Π½ΠΎΠ΄ΡƒΡˆΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.


ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ осущСствлСн: @uuuhha, всС SBD, собранныС Π΄Π°Π½Π½Ρ‹ΠΌ постом, Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Ρ‹ для Power Up ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊΠ° Π² Ρ€Π°ΠΌΠΊΠ°Ρ… ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Ρ‹ #spreadthepower

ΠšΡ€ΠΈΡ‚ΠΈΠΊΠ°, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ прСдлоТСния ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ΡΡ.


30 second exposure

H2
H3
H4
3 columns
2 columns
1 column
19 Comments