Вставить код в поле HTML:
<style>
.none {
display:none;
}
</style>
Не забудь назначить CSS класс элементу, который нужно скрыть.
В коде нужно отметить как раз название этого стиля. (в данном случае none)
По умолчанию все блоки должны быть включены (т.е. в Тильде не должны быть выключены.
- Вставить в HTML блок этот код (описание в изображении ниже):
Если что скачать файл с кодом можно по этой ссылке!
<script>
$(document).ready(function(){
function dateMi(){
let DateM = new Date();
let dateS = DateM.toLocaleDateString();
if(dateS >'25.11.2022'){
$('#rec518191649,#rec518191652').css({'display':'none'});
}else{
$('#rec518191648,#rec518191651').css({'display':'none'});
};
};
dateMi();
window.alert=function(){return false;}
addEventListener('load', function (e){
}, false);
});
</script>
2. Получается верхняя строчка с кодами блоков после наступления указанного времени скрываются.
А нижняя строчка это блоки, которые начнут отображаться после наступление этой даты
Например для доп. поля utm_source, класс source
Добавить еще один класс (чтобы удобно скрыть) для всех доп полей, чтобы их скрыть: none
В html блок прописать код:
/*Этот код скрывает доп поля*/
<style>
.none {
display:none;
}
</style>
/*функция поиска параметров*/
<script>
function getUrlParam(param) {
if (param === null || typeof param === 'undefined') return;
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
let searchParam = urlParams.get(param);
if (searchParam === null || searchParam === "") {
searchParam = 'base_utm'; //(по умолчанию метка если не передана)
}
return searchParam;
}
/*поиск доп полей по классам*/
var utm_source = $('.source input');
var utm_medium = $('.medium input');
var utm_term = $('.term input');
var utm_campaign = $('.campaign input');
var utm_content = $('.content input');
var id_podio = $('.id_podio input');
/* запись значений в доп поля*/
function pastUtmParam () {
utm_source.val(getUrlParam('utm_source'));
utm_source.attr('type', 'hidden');
utm_medium.val(getUrlParam('utm_medium'));
utm_medium.attr('type', 'hidden');
utm_term.val(getUrlParam('utm_term'));
utm_term.attr('type', 'hidden');
utm_campaign.val(getUrlParam('utm_campaign'));
utm_campaign.attr('type', 'hidden');
utm_content.val(getUrlParam('utm_content'));
utm_content.attr('type', 'hidden');
}
pastUtmParam ();
</script>
Как оказалось, все просто. Нужно просто текст обернуть в такой параметр:
<mark>тут текст который нужно выделить</mark>
А еще текст можно подчеркнуть пунктирной линией. Как на картинке ниже.
Для этого нужно задачть CSS класс элементу: underline
Нужно в стили страницы добавить этот код:
.other-title {
display: none !important;
}
Создание всплывающего блока при клике на ссылку в Геткурс
Показывать всплывающий блок при клику на ссылку можно с использованием доп. кода, в стандарте редактора такой функции нет.
Также добавляем всплывающий блок. Далее блок с текстом, где слово, при клике по которому должен появляться всплывающий блок, делаем ссылкой с событием ⇓
<a onclick="ltShowModalBlock('код_вашего_блока');">Ссылка</a>
Закруглить поле ввода/кнопку
ЗАКРУГЛИТЬ ПОЛЕ ВВОДА
.f-input {
border-radius: 30px;
}
ЗАКРУГЛИТЬ КНОПКУ
.f-btn {
border-radius: 30px;
}
Кнопка в виде картинки в тексте HTML
<a href="ССЫЛКА"><img src="ССЫЛКА НА КАРТИНКУ" width="50" height="50"></a>
