Java, css 
Author: Łukasz M.Hi!
could someone explain to me the problem that I can not fix?
I mean inserting resources from https://codepen.io/# for example, in each work we have three codes - html, css and js. Where exactly should I paste them? we have a tab in each page * properties - advanced * and there are six tabs, three with body, three with head and one with html.
I am interested in where in the different places of the page I should paste these three codes, for example: https://codepen.io/MarcoGuglielmelli/pen/lLCxy Secondly, we can insert a tag on each page - the html code.
Where I have to paste these three codes which I gave in the example above. I would like to use this project (https://codepen.io/MarcoGuglielmelli/pen/lLCxy) in various places on my website (background, website content, footer, header).
I received a very helpful tip from KolAsim his code works for me (thank you for that!) - https://helpcenter.websitex5.com/en/post/192474#comment2
But I still have a problem with other projects from https://codepen.io/#
Thank you for your answers.
Regards
Here where you put them - see attachment.
Załączam Twój przykład zrobiony w WSX5 Professional. Jest bardzo prymitywny, ale chyba pokazuje to co chciałeś uzyskać. Wszystkie kody są dokładnie skopiowane w 3 Map -> Home Page -> Properties -> Expert w trzech miejscach pokazanych tłustym drukiem:
Na 4 Pages jest tylko jeden objekt HTML na całą szerokość strony.
Author
Dziękuję za odpowiedzi jutro spróbuje Twoich porad. Dam znać jak poszło. Jeszcze raz dzięki
1. what example CODEPEN.IO would you like to use?
2. for row background?
3. or for page background?
4. or for the background of another object?
... possibly the link of your page on the net would be useful.
Hello
(IT) - ciao, se ti interessasse, relativamente all'uso del mio codice esclusivo, di uso immediato:
1. quale esempio CODEPEN.IO vorresti utilizzare?
2. per sfondo riga?
3. oppure per sfondo pagina?
4. oppure per lo sfondo di altro oggetto?
... eventualmente sarebbe utile il link della tua pagina in rete.
ciao
Author
First of all, thank you for the answers and I am appreciated for that a lot!
@G. Thomas
Kod działa, ale gdy wkleję go do innego szablonu jest tylko nieruchomy obrazek (patrz załącznik). Byłbys tak uprzejmy i pokazał mi na przykładzie tego pliku txt, który mi wysłałes jak go skonstruowac czyli gdzie wkleic te trzy kody z tego linku (https://codepen.io/MarcoGuglielmelli/pen/lLCxy) aby to działało. Czyli jak powinien wygladać juz cały kod do wklejenia do tych miejsc z Twoich screnów.
Powiem moze tak, potrzebuje użyc tego w róznych sektorach strony, od stopki do nagłówka, tez w tle. Chciałbym osiągnąc podobny efekt jak tu http://volar.makwan.net/index03.html gdzie ruchy myszką są responsywne tyle tylko, w oparciu o projekt z Codepen którego link wysłałem. Mam licencje od autora na to, tylko nie wiem jak i gdzie to zagnieździć. Te miejsca gdzie ulokowany ma być kod znam, tylko czy kod ze strony Codepen powinien być jakoś zmieniony, czy połączony? Bo jak widziałes jest tam html, css, i js. Przepraszam nie jestem informatykiem i moze te pytania są idiotyczne ale na prawdę mam z tym problem.
(The code works, but if I paste it into another template, it's just image (in attachment). Would you be so kind and showed me the example of this txt file that you sent to me how to construct it, i.e. where to paste these three codes from this link (https://codepen.io/MarcoGuglielmelli/pen/lLCxy) to make it work. So how should all the code to paste into these places from your screnes look like? I mean, I need to use it in different sectors of the page, from the footer to the header, also in the background. I would like to achieve a similar effect as here http://volar.makwan.net/index03.html where the mouse movements are responsive so much, based on the project from Codepen whose link I sent. I have licenses from the author on it, I just do not know how and where to place it. I know these places that you showed me, but should Codepen code be changed or joined? Because as you've seen there is html, css, and js. I am sorry I am not an IT specialist and maybe these questions are idiotic but I really have a problem with that.)
@KolAsim
1. I have a license for this codehttps://codepen.io/MarcoGuglielmelli/pen/lLCxy
2,3,4. Everywhere where it will be possible to use it, but I have a problem with its use in general.
Sorry but my website isnt ready yet.
...ok, ... ciao ...
>> http://www.kolasim-zone.it/mousefollower/ >> Ctrl+U
.
Pytanie:
Co to jest za objekt który pokazałeś w załączniku?
Author
@G. Thomas
wkliłem to jak pokazałes w Twoich postach
Author
@G Thomas
Głownie chodzi mi o to jak skonstruować kod zeby go wkleic go w tych miejscach, które pokazałeś tzn. *w właściwościach strony - expert* i także pliku który mozesz wkleic na stronę *html code*
GENERALNIE mamy dwa miejsca:
1. w tych sektorach gdzie pokazales na screenach
2. i tu już na właściwych stronach
Tylko jak generalnie zrobic kod aby to wkleić o to mi chodzi?
Kolega KolAsim dał mi znacznik ctrl+U
<!DOCTYPE html><htmllang="en" ><head><metacharset="UTF-8"><title>Animated Background</title><linkhref='https://fonts.googleapis.com/css?family=Raleway:200,400,800" target="_blank" rel="nofollow">https://fonts.googleapis.com/css?family=Raleway:200,400,800">https://fonts.googleapis.com/css?family=Raleway:200,400,800' rel='stylesheet' type='text/css'><linkrel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" target="_blank" rel="nofollow">https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"><linkrel='stylesheet prefetch' href='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/css/demo.css" target="_blank" rel="nofollow">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/css/demo.css">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/css/demo.css'><linkrel="stylesheet" href="css/style.css" target="_blank" rel="nofollow">http://www.kolasim-zone.it/mousefollower/css/style.css">css/style.css"><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.jsX" target="_blank" rel="nofollow">https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.jsX">https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.jsX"></script></head><body><divid="large-header" class="large-header"><canvasid="demo-canvas"></canvas><h1class="main-title"> KolAsim - Animated Background <br><spanclass="thin">https://codepen.io/MarcoGuglielmelli/pen/lLCxy</span></h1></div><scriptsrc='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/EasePack.min.js" target="_blank" rel="nofollow">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/EasePack.min.js">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/EasePack.min.js'></script><scriptsrc='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/rAF.jsX" target="_blank" rel="nofollow">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/rAF.jsX">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/rAF.jsX'></script><scriptsrc='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/TweenLite.min.js" target="_blank" rel="nofollow">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/TweenLite.min.js">https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/TweenLite.min.js'></script><scriptsrc="js/index.js" target="_blank" rel="nofollow">http://www.kolasim-zone.it/mousefollower/js/index.js">js/index.js"></script></body></html>
ALE GDZIE MAM GO WKLEIĆ I DLACZEGO ON RÓŻNI SIE OD TEGO NA CODEPEN???
https://codepen.io/MarcoGuglielmelli/pen/lLCxy
Author
@G Thomas, KolAsim
Powiem najprościej:
JAK UZYSKAĆ EFEKT JAK NA PRZYKŁAD NA TEJ STRONIE, ŻE CAŁE TŁO PORUSZA SIĘ Z KURSOREM MYSZKI, CZY KURSOR JEST INTERAKTYWNY.
Przykład tu:
http://volar.makwan.net/index03.html
http://www.kolasim-zone.it/mousefollower/
Po prostu jak mogę ten efekt wstawic w różnych miejscach strony internetowej?
Let me say simply:
HOW TO OBTAIN EFFECT AS FOR EXAMPLE ON THIS SITE, THAT THE WHOLE BACKGROUND MUST ASK THE CROSS-COUNTED HALL, IF THE CURSOR IS INTERACTIVE.
An example here:
http://volar.makwan.net/index03.html
http://www.kolasim-zone.it/mousefollower/
Just how can I put this effect in different places on the website?
... no! WebSiteX5 ...
... >> download and send on the network, and then post the link... (> * <)
ciao
Author
@KolAsim
Thx for file!
But where should I put it?
Author
This is my problem.
Author
... with Filezilla, or with File Manager:
www.yoursite.en/background_folder/
.
Łukasz,
Trochę się zagubiłem w Twoich odpowiedziach - ale mam nadzieję, że dobrze Cię zrozumiałem.
Zamiast odpowiadać tutaj, zamieszczam plik z instrukcjami. Ciekawe co odpowie ten drugi facet?
Author
@G. Thomas
Dziękuję Ci bardzo za plik z instrukcją!
W podanej instrukcji, jest się uzależnionym od strony www.marcoguglie.it, skąd kopiowane są skrypty. Aby się uniezależnić, skopiuj informację z załączonego w zipie pliku js.txt do Before closing the BODY tag, a css.txt do Before closing the HEAD tag.
Problem animacji nie dawał mi spokoju, zacząłem analizować jeden ze skryptów. No i znalazłem miejsca, gdzie zmiana w kodzie powoduje zmiany w parametrach animacji.
Oto przykłady:
Kolor kółek, wielkość kółek i linie oryginalne:
Inny kolor kółek, wielkość kółek i linie oryginalne:
Inny kolor i wielkość kółek, linie oryginalne:
Inny kolor i wielkość kółek, inny lokor linii:
Ilość kombinacji jest praktycznie nieskończona...
... i można zlikwidować linie: