Css ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΡŽΡ‰ΠΈΠΉΡΡ тСкст: Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ тСкста Π½Π° чистом CSS

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π½Π° CSS для вашСго Π²Π΅Π±-сайта?

В этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π²Ρ‹Β ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ тСкст вашСго Π²Π΅Π±-сайта Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΌ ΠΈΒ Π±ΠΎΠ»Π΅Π΅ интСрСсным, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ эффСкты ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки на чистом CSS.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π²Β Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ тСкст раскрываСтся постСпСнно, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ он пСчатаСтся Π½Π°Β Π²Π°ΡˆΠΈΡ… Π³Π»Π°Π·Π°Ρ….

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ эффСктов ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΠΊΒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌ тСкста ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ посСтитСлСй вашСго Π²Π΅Π±-сайта ΠΈΒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ их интСрСс ΠΊΒ Π΄Π°Π»ΡŒΠ½Π΅ΠΉΡˆΠ΅ΠΌΡƒ Ρ‡Ρ‚Π΅Π½ΠΈΡŽ. Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ созданиС ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц, элСмСнтов ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊΒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Π±-сайтов и дСмонстрации ΠΊΠΎΠ΄Π°.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

  1. Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎ
  2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-страницы для нашСго эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста
  3. Бтилизация ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° для тСкста ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки
  4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ раскрытия тСкста
  5. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ шагов для достиТСния эффСкта ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки
  6. Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° шагов для Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста
  7. Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° шагов для Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ³ΠΎ эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста
  8. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ и стилизация Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора
  9. Настройка ΠΊΠΎΠ΄Π° для эффСкта ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ Π½Π°Π±ΠΎΡ€Π° тСкста
  10. ОбъСдинСниС элСмСнтов Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ тСкста ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки
  11. Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π½Π°Π±ΠΎΡ€Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ
  12. Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π²Π²ΠΎΠ΄Π° API
  13. Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π½Π°Π±ΠΎΡ€Π° Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°
  14. Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎ

Π•Π³ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΈ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ понадобится для понимания этого ΡƒΡ€ΠΎΠΊΠ°, β€” это Π±Π°Π·ΠΎΠ²Ρ‹Π΅ знания CSS ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ CSS.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки:

  • Анимация ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ наш тСкстовый элСмСнт, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΡ‚Β 0Β Π΄ΠΎΒ 100%, шаг за шагом, ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ steps()Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ CSS.
  • Анимация мигания Π±ΡƒΠ΄Π΅Ρ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ курсор, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Β«ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π΅Ρ‚Β» тСкст.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-страницы для нашСго эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста

Π”Π°Π²Π°ΠΉΡ‚Π΅ сначала создадим Π²Π΅Π±-страницу для дСмонстрации нашСй ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки. ΠžΠ½Β Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ

ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для тСкста нашСй ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки с классом typed-out:

<!doctype html>
<html>
  <head>
    <title>Typewriter effect</title>
    <style>
      body{
        background: navajowhite;
        background-size: cover;
        font-family: 'Trebuchet MS', sans-serif; 
      }
  </style>
  </head>
  <body>
    <div>
      <div>Web Developer</div>
    </div>
  </body>
</html>

Бтилизация ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° для тСкста ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° у нас Π΅ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-страницы, Π΄Π°Π²Π°ΠΉΡ‚Π΅ стилизуСм Π΅Π΅

ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Β«Ρ‚ΠΈΠΏΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎΒ» класса:

. typed-out {
  overflow: hidden;
  border-right: .15em solid orange;
  font-size: 1.6rem;
  width: 0;
}

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Ρ€Π°Π±ΠΎΡ‚Π°Π», ΠΌΡ‹Β Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

  • Β«overflow: hidden;Β«ΠΈ aΒ Β«width: 0;Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ тСкстовоС содСрТимоС нС отобраТаСтся Π΄ΠΎΒ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° нС начнСтся эффСкт Π½Π°Π±ΠΎΡ€Π° тСкста.
  • Β«border-right:.15em solid orange;Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ курсор ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки.

ΠŸΠ΅Ρ€Π΅Π΄ созданиСм эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ курсор на послСднСй Π±ΡƒΠΊΠ²Π΅ typed-outэлСмСнта послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½Β Π±Ρ‹Π» ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½, ΠΊΠ°ΠΊ Π½Π°Β ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинкС (ΠΈΠ»ΠΈ на самом Π΄Π΅Π»Π΅ тСкстовый процСссор), мы создадим ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для typed-outэлСмСнта ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ display: inline-block;:

.container {
  display: inline-block;
}

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ раскрытия тСкста

Анимация ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ эффСкт тСкста Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π΅ΠΌΠΎΠ³ΠΎ typed-outэлСмСнта, Π±ΡƒΠΊΠ²Π° Π·Π°Β Π±ΡƒΠΊΠ²ΠΎΠΉ.

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ @keyframesΠΏΡ€Π°Π²ΠΈΠ»ΠΎΠΌ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ CSS:

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, вся эта анимация мСняСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнта ΠΎΡ‚Β 0Β Π΄ΠΎΒ 100%.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹Β Π²ΠΊΠ»ΡŽΡ‡ΠΈΠΌ эту Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ в наш typed-outкласс и установим Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΅Π΅Β Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, forwardsΡ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ тСкстовый элСмСнт нС вСрнСтся ΠΊΒ Π½Π΅ΠΌΡƒ width: 0послС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ:

.typed-out{
    overflow: hidden;
    border-right: .15em solid orange;
    white-space: nowrap;
    font-size: 1.6rem;
    width: 0;
    animation: typing 1s forwards;
}

Наш тСкстовый элСмСнт просто откроСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ шагом слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ:

body{
  background: navajowhite;
  background-size: cover;
  font-family: 'Trebuchet MS', sans-serif; 
}
.container{
  display: inline-block;
}
.typed-out{
  overflow: hidden;
  border-right: .
15em solid orange; white-space: nowrap; animation: typing 1s forwards; font-size: 1.6rem; width: 0; } @keyframes typing { from { width: 0 } to { width: 100% } }

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ шагов для достиТСния эффСкта ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки

Пока Ρ‡Ρ‚ΠΎ наш тСкст раскрываСтся, Π½ΠΎΒ ΠΏΠ»Π°Π²Π½ΠΎ, нС раскрывая тСкст ΠΏΠΎΒ Π±ΡƒΠΊΠ²Π°ΠΌ. Π­Ρ‚ΠΎ Π½Π°Ρ‡Π°Π»ΠΎ, Π½ΠΎ, ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, это Π½Π΅Β Ρ‚ΠΎ, ΠΊΠ°ΠΊ выглядит эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки.

Π§Ρ‚ΠΎΠ±Ρ‹ эта анимация ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π° наш тСкстовый элСмСнт Π±ΡƒΠΊΠ²Π° Π·Π°Β Π±ΡƒΠΊΠ²ΠΎΠΉ ΠΈΠ»ΠΈ поэтапно, ΠΊΠ°ΠΊ Π½Π°Β ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинкС, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ typingΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΡƒΡŽ typed-outклассом, на шаги, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° выглядСла Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΎΠ½Π° пСчатаСтся. Π—Π΄Π΅ΡΡŒ Π½Π°Β steps()ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ функция CSS:

.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  font-size: 1.6rem;
  width: 0;
  animation: 
    typing 1s steps(20, end) forwards;
}

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΌΡ‹Β Ρ€Π°Π·Π΄Π΅Π»ΠΈΠ»ΠΈ typingΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π½Π°Β 20 шагов ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ steps()Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ CSS. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΌΡ‹Β Π²ΠΈΠ΄ΠΈΠΌ сСйчас:

Π’ΠΎΡ‚ наш ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ΄:

<html>
  <head>
    <title>Typewriter effect</title>
  </head>
  <style>body{
      background: navajowhite;
      background-size: cover;
      font-family: 'Trebuchet MS', sans-serif; 
    }
    .container{
      display: inline-block;
    }
    .typed-out{
      overflow: hidden;
      border-right: .15em solid orange;
      white-space: nowrap;
      animation: 
      typing 1s steps(20, end) forwards;
      font-size: 1.6rem;
      width: 0;
    }
    @keyframes typing {
      from { width: 0 }
      to { width: 100% }
    }</style>
<body>
<h2>I'm Matt, I'm a</h2>
<div>
  <div>Web Developer</div>
</div>
</body>
</html>

Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° шагов для Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ тСкста, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ шаги ΠΈΒ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π°Π±ΠΎΡ€Π° тСкста:

body{
  background: navajowhite;
  background-size: cover;
  font-family: 'Trebuchet MS', sans-serif; 
}
. container{
  display: inline-block;
}
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  animation: typing 2.5s steps(50, end) forwards;
  font-size: 1.6rem;
  width: 0;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° шагов для Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ³ΠΎ эффСкта Π½Π°Π±ΠΎΡ€Π° тСкста

А чтобы Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ тСкста, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ шаги ΠΈΒ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π°Π±ΠΎΡ€Π° тСкста:

body{
  background: navajowhite;
  background-size: cover;
  font-family: 'Trebuchet MS', sans-serif; 
}
.container{
  display: inline-block;
}
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  animation: typing 0.4s steps(8, end) forwards;
  font-size: 1.6rem;
  width: 0;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ и стилизация Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора

ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… мСханичСских ΠΏΠΈΡˆΡƒΡ‰ΠΈΡ… машинок Π½Π΅Β Π±Ρ‹Π»ΠΎ ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора, но стало Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠ΅ΠΉ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ соврСмСнный эффСкт ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Β / тСкстового процСссора.

Анимация ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π°Π±Ρ€Π°Π½Π½Ρ‹ΠΉ тСкст Π½Π°Β Ρ„ΠΎΠ½Π΅ статичСских тСкстовых элСмСнтов.

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ курсора к нашСй Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки, мы сначала создадим blinkΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ:

@keyframes blink {
  from { border-color: transparent }
  to { border-color: orange; }
}

Π’Π½ΡƒΡ‚Ρ€ΠΈ нашСй Π²Π΅Π±-страницы эта анимация ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ Ρ†Π²Π΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ typed-outэлСмСнта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ в качСствС курсора для эффСкта ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки, с прозрачного Π½Π°Β ΠΎΡ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΉ.

ΠœΡ‹Β Π²ΠΊΠ»ΡŽΡ‡ΠΈΠΌ эту Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π²Β typed-outΠΏΡ€Π°Π²ΠΈΠ»Π° класса и установим Π΅Π³ΠΎ свойство направлСния Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, infiniteΡ‡Ρ‚ΠΎΠ±Ρ‹ курсор исчСзал и появлялся снова и снова.8s:

.typed-out{
    overflow: hidden;
    border-right: .15em solid orange;
    white-space: nowrap;
    font-size: 1.6rem;
    width: 0;
    animation: 
      typing 1s steps(20, end) forwards,
      blink .8s infinite;
}
body{
  background: navajowhite;
  background-size: cover;
  font-family: 'Trebuchet MS', sans-serif; 
}
. container{
  display: inline-block;
}
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  animation: typing 1s steps(20, end) forwards, blinking .8s infinite;
  font-size: 1.6rem;
  width: 0;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blinking {
  from { border-color: transparent }
  to { border-color: orange; }
}

Настройка ΠΊΠΎΠ΄Π° для эффСкта ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ Π½Π°Π±ΠΎΡ€Π° тСкста

ΠœΡ‹Β ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ курсор Ρ‚ΠΎΠ½ΡŒΡˆΠ΅ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»Ρ‰Π΅, настроив Π΅Π³ΠΎ border-right:.15em solid orange;свойство, ΠΈΠ»ΠΈ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ курсора, ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Π΅ΠΌΡƒ радиус Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ частоту Π΅Π³ΠΎ эффСкта мигания ΠΈΒ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

body{
      background: navajowhite;
      background-size: cover;
      font-family: 'Trebuchet MS', sans-serif; 
    }
    .container{
        display: inline-block;
    }
    . typed-out{
        overflow: hidden;
        border-right: .30em solid orange;
        border-radius: 4px;
        white-space: nowrap;
        animation: 
          typing 1s steps(20, end) forwards,
          blinking 1.2s infinite;
        font-size: 1.6rem;
        width: 0;
    }
    @keyframes typing {
      from { width: 0 }
      to { width: 100% }
    }
    @keyframes blinking {
      from { border-color: transparent }
      to { border-color: green; }
    }

Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с этими свойствами в дСмонстрации CodePen ΠΈΒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅Ρ‰Π΅ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ!

ОбъСдинСниС элСмСнтов Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ тСкста ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Β Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π²Β CSS, ΠΌΠ½Π΅ ΠΏΠΎΡ€Π° ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ практичСскиС ΠΈΒ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ использования этого эффСкта ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π½Π°Π±ΠΎΡ€Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ вашС Π²Π΅Π±-Ρ€Π΅Π·ΡŽΠΌΠ΅Β / Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сайт ΠΈΒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ.

Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с этой дСмонстрациСй ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π½Π°Β CodePen.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π²Π²ΠΎΠ΄Π° API

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы API.

Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с этой дСмонстрациСй API Π½Π°Β CodePen.

ВСроятно, Ρ‡Ρ‚ΠΎ Π²Β ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚ вашСго ΠΏΡƒΡ‚ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Ρ‹Β Π½Π°Ρ‚ΠΎΠ»ΠΊΠ½ΡƒΠ»ΠΈΡΡŒ Π½Π°Β Ρ†Π΅Π»Π΅Π²ΡƒΡŽ страницу поставщика API ΠΈΒ ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ Ρ‚Π°ΠΊΠΎΠΉ Π±Π»ΠΎΠΊ ΠΊΠΎΠ΄Π°, Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΡ…Β API. Π―Β Π»ΠΈΡ‡Π½ΠΎ ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ практичная ΠΈΒ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ рСализация эффСкта ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки, ΠΈΒ ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° выглядит Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, Ρ‡Π΅ΠΌ статичСский кусок ΠΊΠΎΠ΄Π°.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π½Π°Π±ΠΎΡ€Π° Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы SaaSΒ / ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с этой дСмонстрациСй страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° SaaS Π½Π°Β CodePen.

Π―Β ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ», Ρ‡Ρ‚ΠΎ эффСкты ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π²Π½ΡƒΡ‚Ρ€ΠΈ SaaS ΠΈΠ»ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ и интСрСсны для посСтитСлСй, ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ…Β ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΈΠ»ΠΈ услуги. ΠŸΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ² ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π°Β Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π²Π΅Π±-сСрвисов ΠΈΒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, я могу ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΒ ΠΎΠΏΡ‹Ρ‚Ρƒ, Ρ‡Ρ‚ΠΎ эффСкты Π½Π°Π±ΠΎΡ€Π° тСкста Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ интСрСс к вашим Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ страницам. НапСчатанный тСкст, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ «Начни сСгодня», ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠΌΠΏΡƒΠ»ΡŒΡ тСксту ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊΒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

В этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹Β ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ, насколько просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS для создания Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Β«ΠΏΠΈΡˆΡƒΡ‰Π΅Π³ΠΎΒ» тСкста. Π­Ρ‚ΠΎΡ‚ эффСкт Π½Π°Π±ΠΎΡ€Π° тСкста ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ интСрСс и восхищСниС вашим Π²Π΅Π±-страницам.

Π₯отя, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, стоит Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ мягким ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ с нСбольшими частями нСкритичСского тСкста, просто Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΡ. ΠΠΎΒ Π±ΡƒΠ΄ΡŒΡ‚Π΅ остороТны, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅Β ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π°Β Π½Π΅Π³ΠΎ слишком сильно, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ использованиС ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ограничСния. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ протСстируйтС тСкст Π½Π°Β ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинкС Π½Π°Β Ρ€Π°Π·Π½Ρ‹Ρ… устройствах и с разными Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ области просмотра, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ в зависимости ΠΎΡ‚Β ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹. Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π°Π±ΠΎΡ‚ΡŒΡ‚Π΅ΡΡŒ ΠΎΒ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ Π½Π°Β Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΠΈΒ Π²Β ΠΈΠ΄Π΅Π°Π»Π΅ запуститС нСсколько тСстов на удобство использования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ вы нС услоТняСтС Тизнь своим ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ. Π’ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ с чистым CSS, Π½Π΅Β ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ вы долТнысдСлай это. Если эффСкт ΠΏΠΈΡˆΡƒΡ‰Π΅ΠΉ машинки Π²Π°ΠΆΠ΅Π½ для вас ΠΈΒ Π²Ρ‹Β Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, хотя бы посмотритС Π½Π°Β Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ JavaScript.

Π’Β Π»ΡŽΠ±ΠΎΠΌ случаС, я надСюсь, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ эта ΡΡ‚Π°Ρ‚ΡŒΡ, ΠΈΒ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° заставила вас Π·Π°Π΄ΡƒΠΌΠ°Ρ‚ΡŒΡΡ ΠΎΒ Π΄Ρ€ΡƒΠ³ΠΈΡ… интСрСсных Π²Π΅Ρ‰Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΡ‚ΠΊΠΈ интСрСса ΠΈΒ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΡ на свои Π²Π΅Π±-страницы.

Бписок обновлСний и измСнСний UniShop2

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 2.0.1.0

  • ΠžΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ «ΠΆΠΈΠ²ΠΎΠΉ» поиск
  • Новый Π²ΠΈΠ΄ Π±Π»ΠΎΠΊΠ° «ΡΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²ΠΊΠΈ» Π² катСгориях, поискС ΠΈ Ρ‚.Π΄
  • Новый Π²ΠΈΠ΄ ΠΏΠΎΠΏΠ°ΠΏ просмотра ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚ΠΎΠ²Π°Ρ€Π° Π½Π° страницС Ρ‚ΠΎΠ²Π°Ρ€Π°
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 2. 0.0.0

  • Π‘Π°Π½Π½Π΅Ρ€Ρ‹ Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню, HTML ΠΈ изобраТСния
  • Новый Π²ΠΈΠ΄ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ ΠΊΠΎΡ€Π·ΠΈΠ½Ρ‹
  • Новый Π²ΠΈΠ΄ ΠΊΠΎΡ€Π·ΠΈΠ½Ρ‹ одностраничного Π·Π°ΠΊΠ°Π·Π°
  • Новый Π²ΠΈΠ΄ Ρ‚Π°Π±ΠΎΠ² (Π²ΠΊΠ»Π°Π΄ΠΎΠΊ)
  • Показ/скрытиС ΠΌΠΎΠ΄Π΅Π»ΠΈ Π² модулях, катСгориях, поискС ΠΈ Ρ‚Π΄
  • Показ/скрытиС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° мСню Π½Π° смартфонах
  • Показ/скрытиС Π±Π»ΠΎΠΊΠ° Π²Ρ‹Π±ΠΎΡ€Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ для поиска
  • Новый Π±Π»ΠΎΠΊ адрСса Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 1.9.6.1

  • БтилистичСскиС измСнСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 1.9.6.0

  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π° Π΄Π²ΡƒΡ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² Π² шапкС (всС ΠΏΡ€ΠΎΡˆΠ»Ρ‹Π΅ настройки ΠΈ ΠΎΠΏΡ†ΠΈΠΈ сохранСны)
  • Π’Ρ‹Π±ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ² для ΠΏΠΎΠΊΠ°Π·Π° Π½Π° страницС ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ²
  • НовыС возмоТности модуля «Π‘Ρ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ» — ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²Π΅Π½Π½Ρ‹Π΅ стилистичСскиС измСнСния
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 1. 9.5.0

  • Показ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню
  • Показ/скрытиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π½Π° страницС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ
  • Π‘ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС Π›Πš покупатСля
  • Новый Π²ΠΈΠ΄ отобраТСния новостСй Π½Π° страницС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новости
  • Настройки для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню Π² ΠΏΠ°Π½Π΅Π»ΠΈ управлСния разнСсСны ΠΏΠΎ Ρ€Π°Π·Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ
  • Π’ ΠΏΠ°Π½Π΅Π»ΠΈ управлСния Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ выводится ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅, Ссли Π΅ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ шаблонов 
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 1.9.4.0

  • НовыС стили ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню для дСсктопа ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств
  • Новая Π²ΠΊΠ»Π°Π΄ΠΊΠ° Ρ„Π°ΠΉΠ»ΠΎΠ² для скачивания (инструкций ΠΈ Ρ‚.Π΄.) Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • Маска для поля Π²Π²ΠΎΠ΄Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎΡΠ·Ρ‹Ρ‡Π½ΠΎΡΡ‚ΡŒ — для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ языка ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ свою маску
  • Настройка располоТСния тСкста описания ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ влияСт ΠΈ Π½Π° страницу Π±Ρ€Π΅Π½Π΄Π°
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ Π΄Π»ΠΈΠ½Π½ΠΎΠ³ΠΎ описания ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΈ Π±Ρ€Π΅Π½Π΄ΠΎΠ² (спойлСр)
  • Π’ одностраничноС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ списка Π²Ρ‹Π±ΠΎΡ€Π° страны
  • Π’Ρ‚ΠΎΡ€ΠΎΠΉ Π²ΠΈΠ΄ отобраТСния модуля «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ», ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΅Π³ΠΎ настройках
  • Новая вСрстка модуля новостСй
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

Π˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΡΒ Π²Β Π²Π΅Ρ€ΡΠΈΠΈΒ 1. 9.3.0

  • Π’ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π΅ мСню для смартфонов ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ 2 Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡƒΠ½ΠΊΡ‚Π° — сравнСниС ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ
  • Для смартфонов ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ отобраТСния ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню Π²Π½ΠΈΠ·Ρƒ экрана
  • Π’ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ отобраТСния количСства Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ отобраТСния количСства Ρ‚ΠΎΠ²Π°Ρ€Π° числом
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, Π½Π° Π²Ρ‹Π±ΠΎΡ€ 4 популярных ΡˆΡ€ΠΈΡ„Ρ‚Π°
  • ИзмСнСно ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π½Π° ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ…
  • Π’ катСгориях, поискС ΠΈ Ρ‚Π΄ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π²Ρ‚ΠΎΡ€ΠΎΠΉ Π²ΠΈΠ΄ отобраТСния Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ²
  • Π’ катСгориях, поискС ΠΈ Ρ‚Π΄ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ‹Π±ΠΎΡ€Π° отобраТСния Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для дСсктопа ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.9.2.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° информационная полоса Π² шапкС
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ скриптов с Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ
  • Π Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ страниц ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚Π° покупатСля
  • Иконка яндСкс-Π΄Π΅Π½Π΅Π³ Π·Π°ΠΌΠ΅Π½Π΅Π½Π° Π½Π° юмонСй ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° «ΠΌΠΈΡ€»
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ… ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΈ исправлСний

ИзмСнСния Π² вСрсии 1. 9.1.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ своСй настраиваСмой страницы рСгистрации
  • Новый ΡΡ‚ΠΈΠ»ΡŒ отобраТСния Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню Π½Π° смартфонах
  • Новый ΡΡ‚ΠΈΠ»ΡŒ страницы Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈΠ· Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ сравнСния Π±Π΅Π· ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы
  • НовыС стили для Ρ„ΠΎΡ€ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ, рСгистрации, ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ…
  • Π§Π°ΡΡ‚ΡŒ стилСй ΠΈΠ· основного Ρ„Π°ΠΉΠ»Π° stylesheet.css разнСсСна ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ„Π°ΠΉΠ»Π°ΠΌ
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ… ΠΏΡ€Π°Π²ΠΎΠΊ, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.9.0.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄Π° стСны ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ
  • Π’ ΠΌΠΎΠ΄ΡƒΠ»Π΅ 5Π²1 Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΈΠ· Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Π’ΠΎΠ²Π°Ρ€Ρ‹ ΡΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ Π΄Π°Ρ‚Π΅ добавлСния
  • Π’ ΡˆΠ°ΠΏΠΊΡƒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ 2 ΠΊΠ½ΠΎΠΏΠΊΠΈ — сравнСниС ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ количСства Ρ‚ΠΎΠ²Π°Ρ€Π°
  • Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ сравнСния/Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Ρƒ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΌΠ΅Π½ΡΡŽΡ‚ Ρ†Π²Π΅Ρ‚, Ссли Ρ‚ΠΎΠ²Π°Ρ€ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ сравнСниС/Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌ ΠΊΠ»ΠΈΠΊΠ΅ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ Π΅Π³ΠΎ ΠΈΠ· сравнСния/Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ
  • ΠŸΠΎΡ‡Ρ‚ΠΈ всСм изобраТСниям Ρ‚ΠΎΠ²Π°Ρ€Π° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ width ΠΈ height для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ «ΡΠΌΠ΅Ρ‰Π΅Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅Ρ‚Π°»
  • Ну ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±Π΅Ρ‰Π°Π»ΠΈ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ «ΡΠΎΠ·Π΄Π°Π½ΠΈΡ» PWA. ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ страница настроСк Π² ΠΏΠ°Π½Π΅Π»ΠΈ шаблона

ИзмСнСния Π² вСрсии 1.8.0.0

  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ количСства Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΅Π³ΠΎ минимального количСства ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Π²Π²ΠΎΠ΄ Ρ‚ΠΎΠΆΠ΅ доступСн
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ задания количСства столбцов для Π΄ΠΎΠΏ-ссылок Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню
  • Показ ΠΈ ΠΌΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° послСдних ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • Показ поля «priceValidUntil» Π² ΠΌΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ для Π°ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π°Π΄Π°Π½Π° Π΄Π°Ρ‚Π° окончания Π°ΠΊΡ†ΠΈΠΈ
  • ИзмСнСн одностраничный Π·Π°ΠΊΠ°Π· — Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ «ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉ» Π±Π»ΠΎΠΊ с основной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΎ Π·Π°ΠΊΠ°Π·Π΅
  • НСмного ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ ΠΏΠΎΠΊΠ°Π· Π΄ΠΎΠΏ. ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • НовыС стили Ρ‚Π°Π±ΠΎΠ² (Π²ΠΊΠ»Π°Π΄ΠΎΠΊ), ΠΌΠΎΠΆΠ½ΠΎ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ старыС, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ Π΅ΡΡ‚ΡŒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ шаблона
  • ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ Π½Π΅Ρ…Π²Π°Ρ‚ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² быстром Π·Π°ΠΊΠ°Π·Π΅
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ отобраТСния наличия Ρ‚ΠΎΠ²Π°Ρ€Π° словами
  • «ΠŸΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠ΅» ΠΊΠ½ΠΎΠΏΠΊΠΈ «ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡ» ΠΈ «ΠΆΠ΅Π»Π°Π½ΠΈΠΉ» Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ сразу, Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΠ³Π΄Π° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ‚ΠΎΠ²Π°Ρ€ — это ΠΏΡƒΡ‚Π°Π»ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ…
  • Π’ модулях, катСгориях ΠΈ Ρ‚. Π΄. изобраТСниям Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ loading=»lazy»
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ изобраТСниям ΠΎΠΏΡ†ΠΈΠΉ — ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° само Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠ΅ Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ ΠΎΠΏΡ†ΠΈΠΈ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈ Π²Ρ‹Ρ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ Π΅Ρ‘ Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° возмоТности задания Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² изобраТСния Π² модулях «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ» ΠΈ «ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π΅»
  • Π˜ΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ «Awesome Font» ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½ Π΄ΠΎ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ вСрсии
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ… исправлСний ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΉ

ИзмСнСния Π² вСрсии 1.7.3.2

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΊΠ°ΠΏΡ‡Π° для Π·Π°ΠΊΠ°Π·Π° Π·Π²ΠΎΠ½ΠΊΠ° ΠΈ быстрого Π·Π²ΠΎΠ½ΠΊΠ°, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.7.3.1

  • ИзмСнСниС ΠΊΠΎΠ΄Π° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ элСронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ для Аналитики, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.7.3.0

  • Π’ ΠΌΠΎΠ΄ΡƒΠ»Π΅ ΡΠ»Π°ΠΉΠ΄ΡˆΠΎΡƒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ тСкст слайда ΠΏΠΎΠ²Π΅Ρ€Ρ… изобраТСния слайда
  • Новый Π²ΠΈΠ΄ Ρ…Π»Π΅Π±Π½Ρ‹Ρ… ΠΊΡ€ΠΎΡˆΠ΅ΠΊ ΠΈ Ρ‚Π°Π±ΠΎΠ² (Π²ΠΊΠ»Π°Π΄ΠΎΠΊ) Π½Π° смартфонах. Для Ρ‚Π°Π±ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π΅ΠΆΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π² настройках шаблона
  • ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π° отобраТСния ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ Π½Π° смартфонах вынСсСна ΠΊΠ°ΠΊ настройка Π² панСль управлСния шаблоном
  • Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ быстрого Π·Π°ΠΊΠ°Π·Π° Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ Π±Ρ‹Π»ΠΈ Π² ΠΊΠΎΡ€Π·ΠΈΠ½Π΅, ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ Π² Π½Π΅ΠΉ послС оформлСния быстрого Π·Π°ΠΊΠ°Π·Π°
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡ†ΠΈΠΉ — ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° смартфонах, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ выравниваСтся ΠΏΠΎ ΠΊΡ€Π°ΡŽ экрана, Ссли опция находится Π±Π»ΠΈΠ·ΠΊΠΎ ΠΊ ΠΊΡ€Π°ΡŽ экрана
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ задания Ρ†Π΅Π»Π΅ΠΉ для быстрого ΠΈ одностраничного Π·Π°ΠΊΠ°Π·Π° (Ρ€Π°Π½Π΅Π΅ Π±Ρ‹Π»Π° ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π°Π½Π½Ρ‹Ρ… элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ)
  • ИзмСнСн Π²Ρ‹Π²ΠΎΠ΄ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² поисковых слов (Ρ„Ρ€Π°Π·) ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π½Π΅Π΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ ΠΏΠΎΠ΄ ΠΏΠΎΠ»Π΅ΠΌ поиска Π² шапкС. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ΠΈ ΠΊΠ°ΠΊ ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΡŽΡ‰ΠΈΠΉΡΡ тСкст Π² самом ΠΏΠΎΠ»Π΅ поиска.
  • Код модуля «Π±Π°Π½Π½Π΅Ρ€Ρ‹ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ» ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Π°, шаблона, стилСй
  • Π’ модСль поиска шаблона Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ поиск ΠΏΠΎ Ρ‚Π΅Π³Π°ΠΌ
  • Π’ ΠΌΠΎΠ΄ΡƒΠ»Π΅ «ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½Ρ‹Π΅ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹» послСдний просмотрСнный Ρ‚ΠΎΠ²Π°Ρ€ пСрСдвигаСтся Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠ΅ мСсто Π΄Π°ΠΆΠ΅ Ссли ΠΎΠ½ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π² спискС
  • ИзмСнСна вёрстка Π±Π»ΠΎΠΊΠ° ΡˆΠΊΠ°Π»Ρ‹ наличия Ρ‚ΠΎΠ²Π°Ρ€Π°
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚ вСрсии 3.0.3.6
  • МСлкиС ΠΏΡ€Π°Π²ΠΊΠΈ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, устранСниС ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… Π±Π°Π³ΠΎΠ²

ИзмСнСния Π² вСрсии 1.7.2.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ сумму Π·Π°ΠΊΠ°Π·Π° для встроСнного ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΠΎΠ³ΠΎ оформлСния Π·Π°ΠΊΠ°Π·Π°
  • Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° листаСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ «ΡΠ²Π°ΠΉΠΏΠΎΠ²»
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ ΠΏΠΎΠΊΠ°Π· количСства ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅Π³ΠΎ уровня Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню ΠΏΡ€ΠΈ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΈ Π²Ρ‹Π²ΠΎΠ΄Π° ΠΈΡ… ΠΊΠΎΠ»-Π²Π°
  • ИзмСнСн ΡΡ‚ΠΈΠ»ΡŒ Ρ…Π»Π΅Π±Π½Ρ‹Ρ… ΠΊΡ€ΠΎΡˆΠ΅ΠΊ Π½Π° смартфонах
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° смартфонах Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΈ послСдний ΠΏΡƒΠ½ΠΊΡ‚ Ρ…Π»Π΅Π±Π½Ρ‹Ρ… ΠΊΡ€ΠΎΡˆΠ΅ΠΊ
  • Π‘ΠΊΡ€ΠΈΠΏΡ‚ карусСли OWL ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½ Π΄ΠΎ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ вСрсии
  • МСлкиС ΠΏΡ€Π°Π²ΠΊΠΈ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, устранСниС ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… Π±Π°Π³ΠΎΠ²

ИзмСнСния Π² вСрсии 1. 7.1.0

  • Поиск ΠΏΠΎ настройкам ΠΏΠ°Π½Π΅Π»ΠΈ управлСния шаблоном
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ стоп-Ρ€ΠΎΡƒΡ‚Ρ‹ ΠΈ стоп-ΠΈΠΌΠ΅Π½Π° для объСдинСния ΠΈ сТатия скриптов ΠΈ стилСй
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ нСсколько Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΈΠ» сТатия для скриптов ΠΈ стилСй
  • ИзмСнСна Π»ΠΎΠ³ΠΈΠΊΠ° для ΠΎΠΏΡ†ΠΈΠΉ-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Ρ‚ΠΈΠΏΠ° чСкбокс ΠΈ Ρ€Π°Π΄ΠΈΠΎΠ±Π°Ρ‚Ρ‚ΠΎΠ½
  • ΠŸΠΎΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ отобраТСния Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… «ΠΏΠΎΠ»ΠΎΡΠΎΡ‡Π΅ΠΊ» Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню
  • НСбольшиС измСнСния Π² ΠΌΠΎΠ΄ΡƒΠ»Π΅ одностраничного Π·Π°ΠΊΠ°Π·Π°
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†Π΅Π»ΠΈ для ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊΠΈ ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ для ΠΊΠ½ΠΎΠΏΠΊΠΈ «ΠΊΡƒΠΏΠΈΡ‚ΡŒ»
  • НСбольшиС ΠΏΡ€Π°Π²ΠΊΠΈ Π±Π°Π³ΠΎΠ² ΠΈ вСрстки стандартного Π±Π»ΠΎΠ³Π° окстора
  • И Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Ρ… ΠΈ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ, Π½ΠΎ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΌΠ΅Π»ΠΎΡ‡Π΅ΠΉ

ИзмСнСния Π² вСрсии 1.7.0.0

  • Установка ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Ρ‡Π΅Ρ€Π΅Π· установщик Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π² Π°Π΄ΠΌΠΈΠ½ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°
  • Π‘ΠΎΠ»ΡŒΡˆΠ΅ Π½Π΅Ρ‚ нСобходимости Π·Π°ΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ вСрсии Ρ„Π°ΠΉΠ»ΠΎΠ² для Ρ€Π°Π·Π½Ρ‹Ρ… вСрсий php, Π½ΠΎ трСбования ΠΏΡ€Π΅ΠΆΠ½ΠΈΠ΅ — 5.6, 7.1-7.3
  • ИзмСнСна структура ΠΈ Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ классов вСрстки
  • НовыС Π²ΠΈΠ΄Ρ‹ отобраТСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² катСгориях ΠΈ модулях
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ отобраТСния Π½Π° смартфонах ΠΏΠΎ 2 Ρ‚ΠΎΠ²Π°Ρ€Π° Π² ряд
  • Π‘ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ шапки сайта Π½Π° смартфонах
  • ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² ΠΎΠΊΠ½Π΅ быстрого Π·Π°ΠΊΠ°Π·Π°
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‚ΡŒ собствСнныС Π»ΠΈΠΌΠΈΡ‚Ρ‹ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π½Π° страницу Π² катСгориях, поискС ΠΈ Ρ‚Π΄
  • Поиск Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π°ΠΌ, Π½ΠΎ ΠΈ ΠΏΠΎ катСгориям ΠΈ ΠΏΠΎ производитСлям
  • И Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Ρ… ΠΈ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ, Π½ΠΎ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΌΠ΅Π»ΠΎΡ‡Π΅ΠΉ

ИзмСнСния Π² вСрсии 1. 6.1.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ задания своих Π»ΠΈΠΌΠΈΡ‚ΠΎΠ² количСства Ρ‚ΠΎΠ²Π°Ρ€Π° Π² катСгориях, поискС, акциях, страницС производитСля. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚Π΅ Тёстко ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ значСния ΠΈ 25, 50, 75, 100
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ поиска ΠΈ Π²Ρ‹Π²ΠΎΠ΄ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² Π² «ΠΆΠΈΠ²ΠΎΠΉ поиск» ΠΈ Π½Π° ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΡƒΡŽ страницу поиска ΠΏΠΎ производитСлям ΠΈ катСгориям
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ скрытия Π²Ρ‹Π±ΠΎΡ€Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ для поиска Π² шапкС сайта
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° подсвСтка искомого слова Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска
  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ стандартного модуля «ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ» ΠΈ модуля «ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новостСй» ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Π½ΠΎ Π² «Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½»
  • Π’ стандартном ΠΌΠΎΠ΄ΡƒΠ»Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° Π½Π° ΠΏΡ€ΠΎΠ±Ρƒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡ‹
  • На страницС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новости Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π±Π»ΠΎΠΊΠΈ сортировки ΠΈ Π²Ρ‹Π±ΠΎΡ€Π° Π»ΠΈΠΌΠΈΡ‚Π° новостСй
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Ρ‚ΠΈΠΏΡ‹ ссылок для ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ² Π² шапкС: viber://pa?chatURI=url ΠΈ viber://pa/info?uri=url
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.6.0.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ Π½ΠΎΠ²Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ — «Π‘Π°Π½Π½Π΅Ρ€Ρ‹ Π² катСгориях». ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ тСкстовыС ΠΈΠ»ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Π±Π°Π½Π½Π΅Ρ€Ρ‹ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π² ΠΊΠ°ΠΊΠΈΡ… катСгориях ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ, располоТСниС Π±Π°Π½Π½Π΅Ρ€Π°, Π΄Π°Ρ‚Ρ‹ Π½Π°Ρ‡Π°Π»Π° ΠΈ окончания ΠΏΠΎΠΊΠ°Π·Π°, Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния ΠΈ Ρ‚.Π΄. (ΠΏΡ€ΠΈΠΌΠ΅Ρ€)
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ настройки для ΠΏΠΎΠΊΠ°Π·Π° описания, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈ ΠΎΠΏΡ†ΠΈΠΉ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π±Π»ΠΎΠΊ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² модулях ΠΈ катСгориях. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ мСсто ΠΈ Π² Ρ‚ΠΎΠΆΠ΅ врСмя Π½Π΅ ΡƒΠ±ΠΈΡ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠΎΠ΄Π΅Π»ΠΈ шаблона для поиска ΠΏΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π°ΠΌ. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΈ ΠΎΡ‚ стандарта, поля для поиска настраиваСмыС, поиск производится Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Ρ‚ΠΎΡ‡Π½ΠΎΠΌΡƒ совпадСнию, Π½ΠΎ ΠΈ ΠΏΠΎ части слова, ΠΈ ΠΏΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌ (ΠΊΠΎΠ΄ взят ΠΈΠ· стандартных ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² getProducts ΠΈ getTotalProducts, ΠΈ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π½ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹)
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ сортировки ΠΌΠ΅ΠΆΠ΄Ρƒ собой для Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ссылок Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ
  • Π’ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ новостСй Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ новостСй для ΠΏΠΎΠΊΠ°Π·Π°.

ИзмСнСния Π² вСрсии 1.5.2.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π΅ мСню для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ смартфонов
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΏΠΎ Ρ€Π°Π·Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ это мСню для экранов с Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ возмоТности для Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ — Π½Π΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ ΠΏΠΎΠ»Π΅, Π½Π΅ Π²Ρ‹Π±Ρ€Π°Π½Π° опция ΠΈ Ρ‚. Π΄.
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π²Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π°, эфСктов появлСния ΠΈ скрытия, врСмя ΠΏΠΎΠΊΠ°Π·Π° этих ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΡƒΠΏΠΈΡ‚ΡŒ

ИзмСнСния Π² вСрсии 1.5.1.0

  • Для ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ новостСй Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ поля «HTML-Ρ‚Π΅Π³ h2:» ΠΈ «ΠœΠ΅Ρ‚Π°-Ρ‚Π΅Π³ Title:»
  • Для модуля новостСй Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΊΠ°Ρ€Ρ‚Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ XML (Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈ ссылка Π½Π° ΠΊΠ°Ρ€Ρ‚Ρƒ Π½Π° страницС настроСк новостного модуля)
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ сортировки Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΏΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΡŽ — с количСством 0 Π² ΠΊΠΎΠ½Ρ†Π΅ списка. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, поиска, страницы Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² производитСля, страницы Π°ΠΊΡ†ΠΈΠΉ. Π₯ΠΎΡ‚ΡŒ ΠΈ Π½Π΅ шаблона Π·Π°Π΄Π°Ρ‡Π°, Π½ΠΎ просили ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ, поэтому Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ.
  • НСбольшиС Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ одностраничного Π·Π°ΠΊΠ°Π·Π° (ΠΏΠΎΠΊΠ°Π· ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π²Ρ‹Π²ΠΎΠ·Π° модуля Π‘Π”Π­Πš, Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ оформлСния Π·Π°ΠΊΠ°Π·Π° Π½Π° врСмя получСния ΠΎΡ‚Π²Π΅Ρ‚Π° ΠΎΡ‚ ΠΏΠ»Π°Ρ‚Ρ‘ΠΆΠ½ΠΎΠ³ΠΎ модуля ΠΈ ΠΏΡ€.)
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.5.0.0

  • Для новостСй Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ поля «HTML-Ρ‚Π΅Π³ h2:» ΠΈ «ΠœΠ΅Ρ‚Π°-Ρ‚Π΅Π³ Title:»
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ своих ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΠ»Π°Ρ‚Π΅ΠΆΠ½Ρ‹Ρ… систСм (10ΡˆΡ‚)
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ/Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊΠ΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Π°Π²Ρ‚ΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Ρ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • ΠŸΠΎΡ‡Ρ‚ΠΈ Π²Π΄Π²ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠΌΠΎΠ΄ Ρ„Π°ΠΉΠ»Π° шаблона Π·Π° счСт пСрСноса части ΠΊΠΎΠ΄Π° Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ (uni_new_data. php)
  • ΠœΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° страницы ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π° ΠΈ пСрСнСсСна Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JSON+LD
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΉ Π΄ΡƒΠ±Π»ΡŒ e-mail Π½Π° страницС ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ²
  • ΠžΠ±Π½ΠΎΠ²Π»Ρ‘Π½ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ awesome Π΄ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ вСрсии 5.8.2, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ 30 Π½ΠΎΠ²Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ
  • НСбольшиС ΠΏΡ€Π°Π²ΠΊΠΈ ΠΈ уточнСния Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π°
  • НСбольшиС ΠΏΡ€Π°Π²ΠΊΠΈ стилСй ΠΈ вёрстки Ρ„Π°ΠΉΠ»ΠΎΠ² шаблона.
  • ΠŸΡ€ΠΎΡ‡Π°Ρ Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ Π½Π°ΠΉΠ΄Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΌΠ΅Π»ΠΊΠΈΠΌΠΈ Π½Π΅Π΄ΠΎΡ‡Ρ‘Ρ‚Π°ΠΌΠΈ

ИзмСнСния Π² вСрсии 1.4.1.0

  • ΠœΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° json+ld страницы новости
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠ΅Π½ΡΡ‚ΡŒ мСстами Π±Π»ΠΎΠΊΠΈ поиска ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² Π² шапкС
  • Π’Ρ‹Π±ΠΎΡ€ Π²ΠΈΠ΄Π° отобраТСния ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π½Π° страницС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ
  • Π’Ρ‹Π²ΠΎΠ΄ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новости ΠΏΠΎΠ΄ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ новости Π² ΠΌΠΎΠ΄ΡƒΠ»Π΅
  • ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎ Π½Π° страницС Ρ‚ΠΎΠ²Π°Ρ€Π°
  • НСбольшиС измСнСния Π² вСрсткС Π±Π»ΠΎΠΊΠΎΠ² ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ Π½Π΅Π΄ΠΎΡ‡Ρ‘Ρ‚Ρ‹

ИзмСнСния Π² вСрсии 1.4.0.2

  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ скриптов ΠΈ стилСй, Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1. 4.0.1

  • ΠœΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈ Ρ…Π»Π΅Π±Π½Ρ‹Ρ… ΠΊΡ€ΠΎΡˆΠ΅ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΡ… страниц пСрСнСсСна Π² JSON-LD
  • Появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° смартфонах Π±Π»ΠΎΠΊ поиска Π² шапкС ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° запись увСдомлСния Π² Π»ΠΎΠ³ ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚, Ссли Google Closure Compiler ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ Π΅ΠΌΡƒ Ρ„Π°ΠΉΠ»

ИзмСнСния Π² вСрсии 1.4.0.0

  • Новая Π²ΠΊΠ»Π°Π΄ΠΊΠ° настроСк — ΠΎΠΊΠ½ΠΎ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ сайта. НСобходимо для сайтов с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ 18+ ΠΈΠ»ΠΈ для простого ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈ ΠΎ Ρ‡Ρ‘ΠΌ-Π»ΠΈΠ±ΠΎ. ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ настроСк.
  • НовыС настройки для сТатия ΠΈ объСдинСния Ρ„Π°ΠΉΠ»ΠΎΠ² скриптов ΠΈ стилСй, ΡƒΠ»ΡƒΡ‡ΡˆΠΈΠ»Π°ΡΡŒ ΠΎΡ†Π΅Π½ΠΊΠ° Π² Google PageSpeed Insights
  • НСмного ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π° Π»ΠΎΠ³ΠΈΠΊΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ настроСк основных Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² Π² шапкС. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ, ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ Π½Π°Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€, Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ skype Ρ‡Π°Ρ‚ ΠΈ Ρ‚.Π΄.
  • НовыС настройки для быстрого Π·Π°ΠΊΠ°Π·Π° ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° — скрытиС/ΠΏΠΎΠΊΠ°Π· ΠΌΠΎΠ΄Π΅Π»ΠΈ, Π°Ρ€Ρ‚ΠΈΠΊΡƒΠ»Π°, вСса, Π³Π°Π±Π°Ρ€ΠΈΡ‚ΠΎΠ², производитСля, бонусных Π±Π°Π»Π»ΠΎΠ² ΠΈ Ρ‚Π΄.
  • Новая опция Π² ΠΏΠ°Π½Π΅Π»ΠΈ управлСния шаблоном — Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ стикСр Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… появились Π½ΠΎΠ²Ρ‹Π΅ настройки.

ИзмСнСния Π² вСрсии 1.3.9.0

  • Новый ΠΌΠΎΠ΄ΡƒΠ»ΡŒ: 5Π²1 (Π½ΠΎΠ²ΠΈΠ½ΠΊΠΈ, Π°ΠΊΡ†ΠΈΠΈ, популярныС, бСстсСллСры, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ) + Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° настройка ΠΏΠΎΠΊΠ°Π·Π° ΠΎΠΊΠ½Π° ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ: ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚, автоскрытиС ΠΈ врСмя Π΄ΠΎ автоскрытия.
  • ΠŸΠΎΡ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π½Π°Π΄ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ вСрстки, ΡƒΠ»ΡƒΡ‡ΡˆΠΈΠ»Π°ΡΡŒ ΠΎΡ†Π΅Π½ΠΊΠ° Π² Google PageSpeed Insights
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ ΠΊΠ΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ модуля автоматичСски ΠΏΠΎΡ…ΠΎΠΆΠΈΡ… Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° для Ρ€Π°Π·Π½Ρ‹Ρ… языков
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ… исправлСний ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΉ быстродСйствия скриптов шаблона

ИзмСнСния Π² вСрсии 1.3.8.3

  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ ΠΊΠ΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Π² ΠΌΠΎΠ΄ΡƒΠ»Π΅ «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ»
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ отобраТСния модуля новостСй, Ссли Ρ‚Π°ΠΊΠΈΡ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ Π½Π° страницС Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ

ИзмСнСния Π² вСрсии 1.3.8.2

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ добавлСния Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΌΠΎΠ΄ΡƒΠ»ΡŽ «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ»
  • НСбольшиС измСнСния Π² стилС отобраТСния стикСров ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Π±Π°Π½Π½Π΅Ρ€ΠΎΠ²
  • МСлкиС исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1. 3.8.1

  • МСлкиС исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.8.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° Π΄Π°Π½Π½Ρ‹Ρ… Π² yandex ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊΡƒ ΠΈ google Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ, быстром Π·Π°ΠΊΠ°Π·Π΅, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π·Π°ΠΊΠ°Π·Π°, популярных Ρ‚ΠΎΠ²Π°Ρ€Π°Ρ…, Π·Π°ΠΊΠ°Π·Π΅ Π·Π²ΠΎΠ½ΠΊΠ°. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

ИзмСнСния Π² вСрсии 1.3.7.3

  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ Π² ΠΌΠΎΠ΄ΡƒΠ»Π΅ «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ» ΠΏΡ€ΠΈ отсутствии ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ добавлСния ΠΊΠΎΠ΄Π° ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠΌ «Ρ€ΡƒΡΡΠΊΠΎΠΉ сборки ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚» Π² страницу ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ²
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ Π² стилях модуля «ΠΊΠ°ΡΡ‚ΠΎΠΌ мСню»
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ восстановлСния ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Π±Π΅ΠΊΠ°ΠΏΠ° Π΄Π΅ΠΌΠΎ-Π΄Π°Π½Π½Ρ‹Ρ… шаблона Π½Π° чистом ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.7.2

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊΠ΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² ΠΌΠΎΠ΄ΡƒΠ»ΡŒ «ΡΡ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ»
  • Π’ письмо, отправляСмоС администрации ΠΏΡ€ΠΈ Π·Π°ΠΊΠ°Π·Π΅ Π·Π²ΠΎΠ½ΠΊΠ° ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… обращСниях, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ссылка Π½Π° страницу, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ Π±Π°Π³ работоспособности Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… скриптов Π² IE11
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ модуля ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² Π² Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°Ρ…
  • Π‘Π΅ΠΊΠ°ΠΏ Π‘Π” шаблона ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ Π΄ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ вСрсии

ИзмСнСния Π² вСрсии 1. 3.7.1

  • ИзмСнСн Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» пСрСноса ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡƒΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅, ΠΏΠΎΠ΄ «Ρ‚Ρ€ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅»
  • — Π±Ρ‹Π»ΠΎ: ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ влоТСнности становился Π²Ρ‚ΠΎΡ€Ρ‹ΠΌ Π² этом ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π΅ мСню, ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΡƒΡ€ΠΎΠ²Π½ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ
  • — стало: ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ влоТСнности становится Π²Ρ‚ΠΎΡ€Ρ‹ΠΌ, Π²Ρ‚ΠΎΡ€ΠΎΠΉ Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΠΌ, Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ Π½Π΅ отобраТаСтся
  • Π£Π»ΡƒΡ‡ΡˆΠ΅Π½Π° вёрстка списка ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΈ вопросов ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.7.0

  • ΠŸΠ΅Ρ€Π΅Ρ€Π°Π±ΠΎΡ‚Π°Π½ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ссылок Π² шапкС — Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ это конструктор мСню. Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ссылок 2 ΠΈ 3 уровня влоТСнности.
  • ИзмСнСна вёрстка новостного модуля
  • ИзмСнСн способ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ css ΠΈ js Ρ„Π°ΠΉΠ»ΠΎΠ² для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ — ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ Π½Π΅ Π² Ρ„Π°ΠΉΠ»Π΅ шаблона модуля, Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ js
  • ИзмСнСн способ задания/получСния js ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…, Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… Π² настройках шаблона (эффСкт для ΠΏΠΎΠΏΠ°ΠΏ ΠΎΠΊΠΎΠ½, «ΠΆΠΈΠ²ΠΎΠΉ Ρ†Π΅Π½Ρ‹» ΠΈ Ρ‚Π΄)
  • Для ΠΏΠΎΠΏΠ°ΠΏ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ сравнСниС Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ автоматичСскоС скрытиС Ρ‡Π΅Ρ€Π΅Π· 5 сСкунд
  • Π£Π±Ρ€Π°Π½Π° анимация Π² Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π΅ Π°ΠΊΡ†ΠΈΠΎΠ½Π½ΠΎΠΉ Ρ†Π΅Π½Ρ‹
  • ИзмСнСна анимация появлСния Π΄ΠΎΠΏ. Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° Π² модулях, катСгориях ΠΈ Ρ‚.Π΄.
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΏΠΎΠΏΠ°ΠΏ ΠΎΠΊΠ½ΠΎ извСщСния ΠΎ нСобходимости Π²Ρ‹Π±ΠΎΡ€Π° ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΡ†ΠΈΠΈ с Π°Π²Ρ‚ΠΎ скрытиСм Ρ‡Π΅Ρ€Π΅Π· 5 сСкунд
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.6.0

  • ИзмСнСна Π»ΠΎΠ³ΠΈΠΊΠ° ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ e-mail ΠΏΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π·Π°ΠΊΠ°Π·Π° Ρ‡Π΅Ρ€Π΅Π· встроСнный ΠΌΠΎΠ΄ΡƒΠ»ΡŒ одностраничного Π·Π°ΠΊΠ°Π·Π°
  • — Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π° автоматичСская рСгистрация ΠΈ Π½Π΅ стоит Π³Π°Π»ΠΊΠ° «Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ» — Π½Π΅ трСбуСтся e-mail
  • — Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π° автоматичСская рСгистрация ΠΈ Π½Π΅ стоит Π³Π°Π»ΠΊΠ° «Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ» Π½ΠΎ ΠΏΠΎΠ»Π΅ Π½Π΅ пустоС — трСбуСтся ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΉ e-mail
  • — Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π° автоматичСская рСгистрация Π½ΠΎ стоит Π³Π°Π»ΠΊΠ° «Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ» — трСбуСтся ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΉ e-mail
  • — Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° автоматичСская рСгистрация, ΠΏΠΎΠ»Π΅ пустоС — Π½Π΅ трСбуСтся e-mail
  • — Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° автоматичСская рСгистрация, Π½ΠΎ ΠΏΠΎΠ»Π΅ Π½Π΅ пустоС — трСбуСтся ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΉ e-mail
  • НовыС ΠΊΠ½ΠΎΠΏΠΊΠΈ-ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ΅Ρ€Ρ‹ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π°Ρ…, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Ρ… Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ список сравнСния
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½Π° ошибка ΠΏΠ°Π³ΠΈΠ½Π°Ρ†ΠΈΠΈ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ новостСй Π² Π°Π΄ΠΌΠΈΠ½ΠΊΠ΅
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ ΠΊΠΎΠ΄ для ΠΏΠΎΠΊΠ°Π·Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новости ΠΈ самой новости Π² og:image для ocstore
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1. 3.5.0

  • Новый ΠΌΠΎΠ΄ΡƒΠ»ΡŒ «Π‘Ρ‚Π΅Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ» с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ для ΠΏΠΎΠΊΠ°Π·Π° Π½Π° Π²ΠΈΡ‚Ρ€ΠΈΠ½Π΅
  • НовыС ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½Ρ‹Π΅ стили отобраТСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠΏΡ†ΠΈΠΉ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • НовыС возмоТности для Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ:
  • — ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ мСню ΠΈΠ»ΠΈ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° для Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ мСню
  • — ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ ΠΏΠΎΠ΄ «Ρ‚Ρ€ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅» ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², Π½Π΅ ΡƒΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΡ…ΡΡ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ для мСню, располоТСнного справа ΠΎΡ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ
  • — ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ ΠΏΠΎΠ΄ «Ρ‚Ρ€ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅» ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², Π½Π΅ ΡƒΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΡ…ΡΡ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ мСню
  • Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ настройки Π±Π»ΠΎΠΊΠΎΠ² ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, сравнСниС ΠΈ Ρ‚.Π΄.)
  • НСбольшиС стилистичСскиС измСнСния модуля новостСй
  • Для тСкстовых Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° опция скрытия Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… экранах
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.4.0

  • Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΈ освСтлСниС Π±Π»ΠΎΠΊΠΎΠ² страницы ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π° основноС мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ
  • Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΈ Π·Π°Ρ‚Π΅ΠΌΠ½Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² страницы ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π° основноС мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ
  • НовыС настраиваСмыС эффСкты закрытия ΠΈ открытия ΠΏΠΎΠΏ-Π°ΠΏ ΠΎΠΊΠΎΠ½ (Π·Π°ΠΊΠ°Π· Π·Π²ΠΎΠ½ΠΊΠ°, быстрый Π·Π°ΠΊΠ°Π· ΠΈ Ρ‚. Π΄.)
  • НовыС настраиваСмыС эффСкты закрытия ΠΈ открытия большого изобраТСния Ρ‚ΠΎΠ²Π°Ρ€Π°
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ° «ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΅Ρ‰Π΅» для страниц, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… отобраТаСтся список Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² (ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, поиск ΠΈ Ρ‚.Π΄.)
  • НСмного ΠΏΠ΅Ρ€Π΅Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ мСню Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ссылок справа ΠΎΡ‚ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½Π° ошибка ΠΏΡ€ΠΈ авторСгистрации ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π·Π°ΠΊΠ°Π·Π°
  • НСбольшиС измСнСния модуля ΠΎΠΊΠΎΠ½ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ рСгистрации
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½Π° ошибка Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Π³Π°Π»Π΅Ρ€Π΅ΠΈ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ эффСкты открытия большого Ρ„ΠΎΡ‚ΠΎ
  • МСлки ΠΏΡ€Π°Π²ΠΊΠΈ языковых Ρ„Π°ΠΉΠ»ΠΎΠ²
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1.3.3.1

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² страницы ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π° основноС мСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ
  • Fontawesome 5 ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½ Π΄ΠΎ вСрсии 5.0.9
  • Π€Π°ΠΉΠ»Ρ‹ скриптов ΠΈ стилСй бутстрапа пСрСнСсСны Π² ΠΏΠ°ΠΏΠΊΡƒ шаблона
  • Из Ρ„Π°ΠΉΠ»Π° стилСй бутстрапа ΡƒΠ±Ρ€Π°Π½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ
  • Π Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками, ΠΌΠ΅Π»ΠΊΠΈΠ΅ исправлСния ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

ИзмСнСния Π² вСрсии 1. 3.3.0

  • НовыС ΠΈΠΊΠΎΠ½ΠΊΠΈ, благодаря fontawesome 5 (вСрсия 4 Ρ‚Π°ΠΊΠΆΠ΅ поддСрТиваСтся), Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΡ… ΠΎΠΊΠΎΠ»ΠΎ 900ΡˆΡ‚
  • Автопрокрутка карусСли ΠΈ стандартных Π±Π°Π½Π½Π΅Ρ€ΠΎΠ²
  • Π’ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ unishop-ΡΠ»Π°ΠΉΠ΄ΡˆΠΎΡƒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° опция Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΏΠ΅Ρ€Π΅Π΄ смСной слайда
  • ΠŸΠ΅Ρ€Π΅ΠΏΠΈΡΠ°Π½ запрос ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² для находящихся Π² ΠΊΠΎΡ€Π·ΠΈΠ½Π΅
  • ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ… исправлСний ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΉ

ИзмСнСния Π² вСрсии 1.3.2.1

  • НСбольшая Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.3.2.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» подписки Π½Π° новости ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°
  • Π’ качСствС поощрСния Π·Π° подписку ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ‡ΠΈΡΠ»ΡΡ‚ΡŒ ΠΏΠΎΠ΄Π°Ρ€ΠΎΡ‡Π½Ρ‹Π΅ бонусы. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ стандартныС Π±ΠΎΠ½. Π±Π°Π»Π»Ρ‹ ΠΎΠΏΠ΅Π½ΠΊΠ°Ρ€Ρ‚Π°.
  • НовыС настройки Π² ΠΏΠ°Π½Π΅Π»ΠΈ шаблона->Подвал->Подписка Π½Π° рассылки
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° шаблона Π½Π° английский ΠΈ украинский языки
  • НСбольшиС ΠΏΡ€Π°Π²ΠΊΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ новостСй ΠΈ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠΉ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ
  • Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ Π½Π΅Π΄ΠΎΡ‡Π΅Ρ‚Ρ‹

ИзмСнСния Π² вСрсии 1.3.1.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» «ΠΆΠΈΠ²ΠΎΠ³ΠΎ» пСрСсчСта Ρ†Π΅Π½Ρ‹ Π² модулях, катСгориях, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈ Ρ‚. Π΄.
  • Π¦Π΅Π½Π° пСрСсчитываСтся Π² зависимости ΠΎΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ»-Π²Π°, ΠΎΠΏΡ†ΠΈΠΉ, скидки ΠΎΡ‚ количСства
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ настройки отобраТСния ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈ Π½Π° страницС новости
  • ΠžΠ±Π½ΠΎΠ²Π»Ρ‘Π½ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠΉ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ, настройки внСсСны Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π½ΠΎΠ²Ρ‹Π΅ стили для отобраТСния Π½Π° ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°Ρ… с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ Π²Ρ‹ΡˆΠ΅ 1600px
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Ρ„Π°ΠΉΠ»Π° скрипта шаблона, исправлСны ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ Π½Π΅Π΄ΠΎΡ‡Π΅Ρ‚Ρ‹

ИзмСнСния Π² вСрсии 1.3.0.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ для Π°ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², с настройкой Ρ†Π²Π΅Ρ‚Π° Ρ†ΠΈΡ„Ρ€ ΠΈ тСкста
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ Π±Π»ΠΎΠΊ Π²Ρ‹Π±ΠΎΡ€Π° количСства Ρ‚ΠΎΠ²Π°Ρ€Π° Π² ΠΌΠΎΠ΄ΡƒΠ»ΠΈ, ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΈ Ρ‚.Π΄.
  • ΠŸΠ΅Ρ€Π΅ΠΏΠΈΡΠ°Π½ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ новостСй, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ раздСлСния новостСй Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ
  • ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, ΠΊΠ°ΠΊ ΠΈ новости, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Meta-Ρ‚Π΅Π³ Description, ΠœΠ΅Ρ‚Π°-Ρ‚Π΅Π³ Keywords, описаниС, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, сСо-ссылку ΠΈ Ρ‚.Π΄.
  • Настройки ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ новостСй ΠΈ самой новости вынСсСны Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу
  • Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ Ρ‚ΠΎΠ²Π°Ρ€Π°, Π²Ρ‹Π²ΠΎΠ΄ΠΈΠΌΡ‹Π΅ шаблоном (стикСры, Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΎΠΏΡ†ΠΈΠΈ ΠΈ Ρ‚. Π΄) вынСсСны Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ модСль
  • ΠŸΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π° оптимизация ΠΈ исправлСны ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ Π½Π΅Π΄ΠΎΡ‡Π΅Ρ‚Ρ‹

ИзмСнСния Π² вСрсии 1.2.1.0

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ связанныС с Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠΌ новости Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°
  • Π’Ρ‹Π±ΠΎΡ€ отобраТСния привязанных новостСй ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ ΠΈΠ»ΠΈ сСткой.
  • ΠŸΠ΅Ρ€Π΅ΠΏΠΈΡΠ°Π½ ΠΌΠΈΠ½ΠΈ-ΠΏΠ»Π°Π³ΠΈΠ½, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π·Π° настройку отобраТСния ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.
  • Π£Π»ΡƒΡ‡ΡˆΠ΅Π½Ρ‹ стили отобраТСния мСню для Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² отобраТСния ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π² 1, 2 ΠΈ 3 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.

ИзмСнСния Π² вСрсии 1.2.0.2

  • НСбольшая Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ

ИзмСнСния Π² вСрсии 1.2.0.1

  • НСбольшая Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ошибками

ИзмСнСния Π² вСрсии 1.2.0

  • ΠžΠ±Π½ΠΎΠ²Π»Ρ‘Π½Π½Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ настроСк шаблона
  • Π‘ΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ ΡΠ»Π°ΠΉΠ΄ΡˆΠΎΡƒ
  • Π’ Π°Ρ€Ρ…ΠΈΠ² Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Ρ„Π°ΠΉΠ» Π±Π΅ΠΊΠ°ΠΏΠ° для «Π±Ρ‹ΡΡ‚Ρ€ΠΎΠ³ΠΎ старта» ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ Ρ„Π°ΠΉΠ» Π±Π΅ΠΊΠ°ΠΏΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ настроСк шаблона
  • ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ мноТСствСнныС ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠ°-запросы CSS для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π²Π΅Π±-страниц


Π’Π΅Π±-страницы ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ , Π½ΠΎ Π²Ρ‹, вСроятно, ΡƒΠΆΠ΅ это Π·Π½Π°Π΅Ρ‚Π΅. Π’Ρ‹, вСроятно, Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ это ΠΎΡ‡Π΅Π½ΡŒ часто, ΠΏΠΎΡ‚ΠΎΠΌΡƒ что… Π½Ρƒ, ΠΎΠ½ΠΈ часто нСкрасивыС, слишком Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ бСспорядок. Но Π²Ρ‹, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ Π·Π½Π°Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ стили CSS, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΌΠ΅Π΄ΠΈΠ°-запросов для Π²Π΅Π±-страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ пСрСводятся Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Letter ΠΈΠ»ΠΈ A4.

Π’Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ Π±ΠΈΠ»Π΅Ρ‚Ρ‹, Π΄Π΅Π»Π°ΡŽΡ‚ это часто ( Π΄ΡƒΠΌΠ°ΡŽ: посадочныС Ρ‚Π°Π»ΠΎΠ½Ρ‹, Π²Ρ…ΠΎΠ΄Π½Ρ‹Π΅ Π±ΠΈΠ»Π΅Ρ‚Ρ‹, ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ, счСта-Ρ„Π°ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈ Ρ‚. Π΄. ), Π½ΠΎ это Π½Π΅ являСтся Π½ΠΎΡ€ΠΌΠΎΠΉ для повсСднСвного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΈ это ΠΏΠΎΠ·ΠΎΡ€, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ доступным Π² Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ‡Π°Ρ‰Π΅, Ρ‡Π΅ΠΌ Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅ ( , Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ ΠΏΠΎΠ»Π΅Ρ‚ΠΎΠΌ, Π² качСствС ссылки для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ ).

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΊΡ€Π°Ρ‚ΠΊΠΎ рассмотрим, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠ°-запросы для ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠ³ΠΎ ΠΈ экспортируСмого содСрТимого. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ просто, это Π·Π°ΠΉΠΌΠ΅Ρ‚ всСго ΠΌΠΈΠ½ΡƒΡ‚Ρƒ! ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΡƒ ΠΏΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΡŽ клавиш Adobe XD ΠΈΠ· ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°/Π²Π΅Π±-сайта Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΡΡ‚Π°Ρ‚ΡŒΡ выглядит Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅:

А Π²ΠΎΡ‚ ΠΊΠ°ΠΊ это выглядит Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF Π΄ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS:

К Π²Π°ΡˆΠ΅ΠΌΡƒ свСдСнию: Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ ΠΈΠ· Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ сочСтаниС клавиш Ctrl/cmd+P .

Π¨Π°Π³ 1: МСдиа-запросы CSS для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ

ΠŸΡ€Π΅ΠΆΠ΄Π΅ всСго, ΠΌΡ‹ опрСдСляСм ΠΌΠ΅Π΄ΠΈΠ°-запрос:

 @media print {
    /* стили здСсь */
}
 

Если ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ это отобраТаСтся Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части вашСй Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй CSS, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ стилСй Π² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½ΠΎΠΌ запросС для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ сущСствуСт.

Если Π½Π΅Ρ‚, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ !important .

Π¨Π°Π³ 2: Π£ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ избыточности

ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π²Π΅Π± -страниц Π² качСствС PDF ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹:

  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ/Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ эти элСмСнты, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ display:none; .

    Π’ΠΎΠ³Π΄Π° наш ΠΊΠΎΠ΄ становится ( Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ):

     @media print {
        Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π² сторонС, Ρ„ΠΎΡ€ΠΌΠ°, … {
            дисплСй: Π½Π΅Ρ‚;
        }
    }
     

    Π’ΠΎΠ³Π΄Π° наш ΠΏΡ€ΠΈΠΌΠ΅Ρ€ выглядит Ρ‚Π°ΠΊ:

    НСплохо, Π½ΠΎ Π²Π²Π΅Ρ€Ρ…Ρƒ Π΅ΡΡ‚ΡŒ Π½Π΅ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π».

    ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Β«ΡΠ±Ρ€ΠΎΡΠΈΡ‚ΡŒΒ» этот ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π² Ρ‚Π΅Π³Π΅ . Π’ ΠΌΠΎΠ΅ΠΌ случаС это Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»Π΅ : Π½Π° элСмСнтС

    , ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ:

     @media print {
      Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π² сторонС, Ρ„ΠΎΡ€ΠΌΠ°, … {
        дисплСй: Π½Π΅Ρ‚;
      }
      ΡΡ‚Π°Ρ‚ΡŒΡ {
        ΡˆΠΈΡ€ΠΈΠ½Π°: 100%! Π²Π°ΠΆΠ½ΠΎ;
        Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: 0! Π²Π°ΠΆΠ½ΠΎ;
        ΠΌΠ°Ρ€ΠΆΠ°: 0! Π²Π°ΠΆΠ½ΠΎ;
      }
    }
     

    Π¨Π°Π³ 3: Настройка ΠΏΠΎΠ»Π΅ΠΉ страницы

    На самом Π΄Π΅Π»Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ вСсьма эффСктивны, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ пСрСопрСдСлСния ΠΏΠΎΠ»Π΅ΠΉ страницы ΠΈ ΡƒΠΊΠ»Π°Π΄ΠΊΠΈ содСрТимого. ΠŸΡ€ΠΈ этом Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ свои собствСнныС поля, Ρ‡Ρ‚ΠΎ достаточно Π»Π΅Π³ΠΊΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. Волько Π½Π΅ Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ см вмСсто пиксСлСй !

    Π’ΠΎΠ³Π΄Π° наш ΠΊΠΎΠ΄ станСт Ρ‚Π°ΠΊΠΈΠΌ:

     @media print {
      Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π² сторонС, Ρ„ΠΎΡ€ΠΌΠ°, … {
        дисплСй: Π½Π΅Ρ‚;
      }
      ΡΡ‚Π°Ρ‚ΡŒΡ {
        ΡˆΠΈΡ€ΠΈΠ½Π°: 100%! Π²Π°ΠΆΠ½ΠΎ;
        Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: 0! Π²Π°ΠΆΠ½ΠΎ;
        ΠΌΠ°Ρ€ΠΆΠ°: 0! Π²Π°ΠΆΠ½ΠΎ;
      }
    }
    @страница {
      полС: 2 см;
    }
     

    Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΊΠΎΠ΄Π°, поля ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ at-ΠΏΡ€Π°Π²ΠΈΠ»Π° @page , , Π° Π½Π΅ , ΠΏΡƒΡ‚Π΅ΠΌ добавлСния ΠΏΠΎΠ»Π΅ΠΉ ΠΊ элСмСнту , ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ сущСствуСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΈ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ высоту всСх страниц вмСстС . Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ‚ΠΈΠ²Π° ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄Π°ΠΆΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ поля для ΠΏΠ΅Ρ€Π²ΠΎΠΉ, послСднСй, Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ страниц (Π² случаС, Ссли ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ экспортируСмый ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠΉ страницы), Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

     @страница: пСрвая {
        полС: 0 см;
    }
    @страница:послСдняя {
        поля: 5см;
    }
    @страница:слСва {
        поля: 2 см 1,5 см 2 см 2 см;
    }
    @страница:ΠΏΡ€Π°Π²ΠΎ {
        поля: 2 см 2 см 2 см 1,5 см;
    }
     

    Бсылки ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ доступны для ΠΊΠ»ΠΈΠΊΠΎΠ² Π² PDF-Ρ„Π°ΠΉΠ»Π°Ρ…, Π½ΠΎ для Ρ‚Π΅Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ физичСски ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ содСрТимоС, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π±ΠΎΠ»Π΅Π΅ творчСскоС. ИмСнно Π‘Π΅Π½ Π€Ρ€Π΅ΠΉΠ½ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠ» мСня с этим Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ простым, супСр-ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ Ρ‚Ρ€ΡŽΠΊΠΎΠΌ .

     @media ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ {
      а: послС {
        содСрТимоС: "("attr(href)")";
      }
    }
     

    Π­Ρ‚ΠΎ Π±Π΅Ρ€Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΅Π³ΠΎ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобках послС ссылки, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

    классный Ρ‚Ρ€ΡŽΠΊ css3-media-queries)

    β€”β€”β€”

    Π― ΠΎΡΡ‚Π°Π²Π»ΡŽ вас с послСдним совСтом: ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π² ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ вСрсии, Π³Π΄Π΅ Π΅ΡΡ‚ΡŒ вашС имя ΠΈ нСобходимая информация ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ…!


    Sympli β€” это Saas-компания, которая создаСт инструмСнты для совмСстной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ ΠΈ управлСния вСрсиями. Π—Π° Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 5 Π»Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ ΠΌΡ‹ ΠΏΠΎΠΌΠΎΠ³Π»ΠΈ тысячам Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ вмСстС, прСдоставив Π΅Π΄ΠΈΠ½Ρ‹ΠΉ источник достовСрной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ сократив ΠΎΠ±ΠΌΠ΅Π½ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ Π±ΠΎΠ»Π΅Π΅ быстрой доставкС.

    Как Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ тСкст Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сторонС Π±ΡƒΠΌΠ°Π³ΠΈ html css

    спросил

    ИзмСнСно 1 Π³ΠΎΠ΄, 2 мСсяца Π½Π°Π·Π°Π΄

    ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ 265 Ρ€Π°Π·

    ΠΏΡ€ΠΈΠ²Π΅Ρ‚ ΠΌΠ½Π΅ интСрСсно ΠΊΠ°ΠΊ я ΠΌΠΎΠ³Ρƒ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ .. скаТСм, Ρƒ мСня Π΅ΡΡ‚ΡŒ такая html-страница..

     
        <Ρ‚Π΅Π»ΠΎ>
            
            
            @foreach($Ρ„Π°ΠΉΠ»Ρ‹ ΠΊΠ°ΠΊ $flie)
                
            @endforeach
        

    Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ просмотрС Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ Π½Π° ΠΎΠ±Π΅ΠΈΡ… сторонах

    я Ρ…ΠΎΡ‡Ρƒ, ΠΊΠ°ΠΊ я ΠΌΠΎΠ³Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ скрытый div, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всСгда Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒΡΡ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сторонС Π±ΡƒΠΌΠ°Π³ΠΈ ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ пСчатаСтся с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΠΊΡ€ΠΎΠΌΠ΅ этого скрытого div ΠΈ добавлСния этого свойства Π² ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅

     page-break-after: always
     

    ΠΊΠ°ΠΊ я ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π° Π»ΠΈ страница Π² ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ div со свойством page-break-after: всСгда

    • html
    • css
    • google-chrome

    1

    Π― Π΄ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ Π±Ρ‹Π»ΠΈ довольно Π±Π»ΠΈΠ·ΠΊΠΈ, Ссли ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ page-break-after: always ; ΠΈ page-break-before: всСгда; с установлСнной Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠΎΡ‡ΡŒ.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

    Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *

    Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
    {{$flie['note']}}
    Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»