top of page
Forum Posts
Kaybe - CryptoMusicProduction
Feb 08, 2020
In Coding with Velo
Hi Folks,
currently working with collapsing Elements and I dont get it.
I have read the tutorial (https://support.wix.com/en/article/corvid-how-page-layout-is-affected-when-elements-change-size), but it doesnt help me to understand it.
Now I made an little video:
https://res.cloudinary.com/dubd15qty/video/upload/v1581137840/Videos/2020-02-08_Collapsing_elements_Cutted_siyfz9.mp4
Here you see several elements, which has the collapsing function applied.
If you click "button1" the page stays the same. Click "button2" website dont change.
But if you click "button3,button4" website is moving the elements.
Now I take the vectorimage (The guy with the umbrella) and move it up to "button4".
All clear, the website is working fine.
But why?
0
1
20
Kaybe - CryptoMusicProduction
Jun 11, 2019
In Coding with Velo
Some coders really get some interesting ideas.
And this here is quite good ( from 2010! ): -> Move with your keyboard Cursors! http://www.satine.org/research/webkit/snowleopard/snowstack.html
I tried also to get this to wix by using the html Code. But I couldnt figure out
how to add your own gallery. I figured out that he uses this code to get his images:
var images = jQuery.map(data.photos.photo, function (item)
{
return {
thumb: item.url_s,
zoom: 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '.jpg',
link: 'http://www.flickr.com/photos/' + item.owner + '/' + item.id
};
});
0
1
126
Kaybe - CryptoMusicProduction
Jun 10, 2019
In Coding with Velo
Is it just me or is Wix not playing any Audio files?
I tried anything, also website who played always ...nothing working.
0
2
36
Kaybe - CryptoMusicProduction
May 31, 2019
In Coding with Velo
Is it possible to add an loader to your wix website?
Like this one here:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="jquery-2.1.4.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />
<style>
body {
margin: 0;
padding: 0;
width:100vw;
height: 100vh;
background-color: #eee;
}
.content {
display: flex;
justify-content: center;
align-items: center;
width:100%;
height:100%;
}
.loader-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #242f3f;
display:flex;
justify-content: center;
align-items: center;
}
.loader {
display: inline-block;
width: 30px;
height: 30px;
position: relative;
border: 4px solid #Fff;
animation: loader 2s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
0% { transform: rotate(0deg);}
25% { transform: rotate(180deg);}
50% { transform: rotate(180deg);}
75% { transform: rotate(360deg);}
100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
0% { height: 0%;}
25% { height: 0%;}
50% { height: 100%;}
75% { height: 100%;}
100% { height: 0%;}
}
</style>
</head>
<body>
<div class="content">
<img src="https://picsum.photos/300/300/?random" />
</div>
<div class="loader-wrapper">
<span class="loader"><span class="loader-inner"></span></span>
</div>
<script>
$(window).on("load",function(){
$(".loader-wrapper").fadeOut("slow");
});
</script>
</body>
</html>
0
1
1k
Kaybe - CryptoMusicProduction
May 26, 2019
In Coding with Velo
Came across an nice Tutorial:
https://redstapler.co/3d-photo-from-image-javascript-tutorial/ I followed each step. And guess what: It is not even displaying the pic.
Is it because of the Pixi.js library? <script src="pixi.min.js"></script> ???
Well I couldnt find out. If anyone is able to get the effect, please let me know.
It could give me some new design ideas for the website.
0
5
486
Kaybe - CryptoMusicProduction
May 21, 2019
In Coding with Velo
There are some nice Html websites which uses Stylus and Babel Codes.
I wanted to implement them to my website. But here it goes: How to?
Usually you can implement css-code in Html with the
<style> tag. The javaScript code you can add with <script> tag.
There is no tag for stylus or babel as i looked around the web.
You can however change the stylus code ( which is called scss ) with an converter to
css. For babel I couldnt find anything. Now i thought i just need to load up the files in my file manager and link the 'src-code' to the html widget. But "wix" doesnt allow this. No Js, css, or other files.
Well, here I am now: Does anyone had the same issue and solved it?
Or does anyone know how to get around this?
0
3
143
Kaybe - CryptoMusicProduction
May 19, 2019
In Coding with Velo
Hey folks.
I am working on an puzzle game. The visitor has to solve the puzzle in a limited time, if not he will be redirected to another site.
Now this here is the javascript code: <h3> Redirecting to duckdev.com after <span id="countdown">10</span> seconds </h3> <!-- JavaScript part --> <script type="text/javascript"> // Total seconds to wait var seconds = 10; function countdown() { seconds = seconds - 1; if (seconds < 0) { // Chnage your redirection link here window.location = "https://duckdev.com"; } else { // Update remaining seconds document.getElementById("countdown").innerHTML = seconds; // Count down using javascript window.setTimeout("countdown()", 1000); } } // Run countdown function countdown(); </script> The problem here is obviously it is opening the link in the HTML - Box.
Now is it possible to use the JS-Code in Corvid, so that the whole website redirects you?
0
6
203
Kaybe - CryptoMusicProduction
More actions
bottom of page