https://help.simplybook.me/index.php?action=history&feed=atom&title=Translations%3ACustom_CSS_custom_feature%2F2%2Fuk 2026-05-10T00:44:44Z Revision history for this page on the wiki MediaWiki 1.43.0 https://help.simplybook.me/index.php?title=Translations:Custom_CSS_custom_feature/2/uk&diff=39821&oldid=prev 2025-10-13T13:01:30Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:01, 13 October 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;br&gt;&lt;br&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;br&gt;&lt;br&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;span style="background-color: #26dd7d; padding:5px; border-radius:5px;"&gt;Безкоштовна настроювана функція</del>!<del style="font-weight: bold; text-decoration: none;">&lt;/span&gt;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Зверніть увагу</ins>! &lt;br&gt;<ins style="font-weight: bold; text-decoration: none;">Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати </ins>опцію <ins style="font-weight: bold; text-decoration: none;">«Допомога з налаштуванням» для подальшого налаштування CSS-коду</ins>. <ins style="font-weight: bold; text-decoration: none;">Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога</ins>. &lt;br&gt;<ins style="font-weight: bold; text-decoration: none;">Щоб запланувати дзвінок </ins>для <ins style="font-weight: bold; text-decoration: none;">оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за </ins>[https://<ins style="font-weight: bold; text-decoration: none;">bigaccounts</ins>.simplybook.<ins style="font-weight: bold; text-decoration: none;">it</ins>/<ins style="font-weight: bold; text-decoration: none;">v2</ins>/<ins style="font-weight: bold; text-decoration: none;">#book</ins>/<ins style="font-weight: bold; text-decoration: none;">service</ins>/3/<ins style="font-weight: bold; text-decoration: none;">count</ins>/1 <ins style="font-weight: bold; text-decoration: none;">посиланням</ins>]:</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;br&gt;<del style="font-weight: bold; text-decoration: none;">&lt;br&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">;Як користуватися</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">:1. Увімкніть цю </del>опцію <del style="font-weight: bold; text-decoration: none;">на сторінці «Настроювані функції»</del>.</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook</del>.<del style="font-weight: bold; text-decoration: none;">me/images/9/93/Custom_css_enable_path_redesigned.png]]</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;br&gt;</del>&lt;br&gt;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">:2. Натисніть «Налаштування» </del>для <del style="font-weight: bold; text-decoration: none;">цієї функції.</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[<del style="font-weight: bold; text-decoration: none;">[File:Custom css settings path redesigned.png|1200px | center|link=</del>https://<del style="font-weight: bold; text-decoration: none;">help</del>.simplybook.<del style="font-weight: bold; text-decoration: none;">me</del>/<del style="font-weight: bold; text-decoration: none;">images</del>/<del style="font-weight: bold; text-decoration: none;">3</del>/<del style="font-weight: bold; text-decoration: none;">35</del>/<del style="font-weight: bold; text-decoration: none;">Custom_css_settings_path_redesigned.png]]</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;br&gt;&lt;br&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">:</del>3<del style="font-weight: bold; text-decoration: none;">. Додайте код (коди) для налаштування стилів на вкладку «CSS сторінок бронювання», якщо ви хочете редагувати сторінку бронювання&lt;br&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">:або «CSS віджета», якщо ви редагуєте віджет на своєму веб-сайті.</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[File:Custom css tabs redesigned.png|1200px| center|link=https:</del>/<del style="font-weight: bold; text-decoration: none;">/help.simplybook.me/images</del>/1<del style="font-weight: bold; text-decoration: none;">/1c/Custom_css_tabs_redesigned.png]</del>]</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;br&gt;&lt;br&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">'''[[Special</del>:<del style="font-weight: bold; text-decoration: none;">MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;br&gt;&lt;br&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <!-- diff cache key wikiv2:diff:1.41:old-22888:rev-39821:php=table --> </table>

Admin https://help.simplybook.me/index.php?title=Translations:Custom_CSS_custom_feature/2/uk&diff=22888&oldid=prev 2025-05-19T14:41:19Z

<p>Created page with &quot;Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, що...&quot;</p> <p><b>New page</b></p><div>Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас. <br /> &lt;br&gt;&lt;br&gt;<br /> &lt;span style=&quot;background-color: #26dd7d; padding:5px; border-radius:5px;&quot;&gt;Безкоштовна настроювана функція!&lt;/span&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> ;Як користуватися<br /> :1. Увімкніть цю опцію на сторінці «Настроювані функції».<br /> [[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]<br /> &lt;br&gt;&lt;br&gt;<br /> :2. Натисніть «Налаштування» для цієї функції.<br /> [[File:Custom css settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]<br /> &lt;br&gt;&lt;br&gt;<br /> :3. Додайте код (коди) для налаштування стилів на вкладку «CSS сторінок бронювання», якщо ви хочете редагувати сторінку бронювання&lt;br&gt;<br /> :або «CSS віджета», якщо ви редагуєте віджет на своєму веб-сайті.<br /> [[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]<br /> &lt;br&gt;&lt;br&gt;<br /> &#039;&#039;&#039;[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]&#039;&#039;&#039;<br /> &lt;br&gt;&lt;br&gt;</div>

Admin