Code laten toevoegen met een pop-up

Laatste update: 25/03/2021
00:53
De ervaring als: Ontwikkelaar
Met: Een blog

Leestijd: < 1 minuut

Ik wil graag een stukje code delen in een blog. Dit is tot op heden nog een beetje onhandig geweest, maar ik heb de oplossing. Ik maar een pop-up aan met de code en plaats die op de pagina waar de code geplaatst moet worden. Dan kopieer ik de url en plak ik die op het woord waar de code op dus bijvoorbeeld een zin. In dit artikel laat ik zien hoe je dat kan doen.

Stap 1. Maak een pop-up aan.
Zie fig

Stap 2: maar kopieer de URL. en plakhen in de tekst. Dat is alles.

Echter, het frustreert mij nog dat de copy knop het nog niet doet. Wellicht een Elementor Pro update?

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Code laten toevoegen met een pop-up

Ontdek de ervaring

Long Read