Witam jak zrobić aby napis się trząsł tak jak tutaj http://bloodgodz.cc oraz jak zrobić te czerwone linie które również są na tej stronie prosze o pomoc :/
Trzęsący się napis i czerwone linie
cały kod z tego forum co pokazałeś
To wystarczy wkleić do portalu? i gdzie te animate wkleić? :C
Po wklejeniu nie wygląda to dobrze :/
Trzeba podmienić core i animation tak? tylko gdzie to się znajduje
Po wklejeniu nie wygląda to dobrze :/
Trzeba podmienić core i animation tak? tylko gdzie to się znajduje
Aby napis się trząsł, musisz nadać mu animację, możesz użyć jakichś gotowych tak jak na tej podanej stronie, wtedy musisz załączyć plik/i CSS w sekcji head. Pliki które wykorzystuje podana strona to:
Następnie dodaj swojemu elementowi daną klasę która będzie się znajdować w wyżej wymienionym pliku np. w taki sposób
Jeśli chodzi o te "czerwone linie" to jest to biblioteka particles.js która generuje takie poruszające się cząsteczki z liniami. Musisz utworzyć dla tego odpowiedni "pojemnik". W takim razie utwórz div o id particles-js a po nim zamieść pliki js: particlesmin.js oraz app.js.
Wyglądałoby to tak:
Przykładowe pliki tej biblioteki umieściłem w załączniku.
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake.min.css">
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.min.css"><div class="shake-crazy"></div>Wyglądałoby to tak:
<div id="particles-js"></div>
<script src="js/particlesmin.js"></script>
<script src="js/app.js"></script>
Czyli to pierwsze gdzie wkleić? Normalnie do portalu?
W sekcji head na portalu tak?
W sekcji head na portalu tak?
Tak, normalnie wkleić - te 2 pierwsze linie kodu w head, a reszta w body
I wygląda to tak : http://strp.pl/portal.php wkleiłem te 2 pierwsze w head i reszte w body
Kod Wygląda tak : <!DOCTYPE html>
Powiedzcie mi gdzie dodać core i animation bo to jest ważne chyba
Kod Wygląda tak : <!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake.min.css">
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.min.css">
<meta charset="UTF-8">
<title>BLOODGODZ</title>
<link href="core.css" rel="stylesheet">
<link href="animate.css" rel="stylesheet">
<script src="title.js"></script>
<script src="plugins.min.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.min.css">
<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake.min.css">
<link href="https://fonts.googleapis.com/css?family=Carter+One" rel="stylesheet">
<style media="" data-href="css/style.css">body {
#marquee
{
font-size: 3em;
}
.spider {
height: 100%;
width: 100%;
}
</style>
<!-- particles.js container -->
<div id="particles-js"></div>
<!-- scripts -->
<script src="particles.js"></script>
<script src="app.js"></script>
<!-- stats.js -->
<script src="stats.js"></script>
<style>body{overflow:hidden}</style>
<script>disableWheelScroll();</script>
</head>
<body oncontextmenu="return false;">
<div id="star" class="video mask overlay">
<div class="video-fallback"></div>
<video id="vid1" preload="auto" autoplay="" loop="" autobuffer="">
<source src="video.mp4" type="video/mp4">
</video>
<canvas class="cover"></canvas>
</div>
<div class="pageoverlay">
<div class="lightbox">
<div class="awrapper">
<div class="titles fadeInDown">
<div class="shake-crazy">
<b>
<div class="shake-crazy"></div><h1><a target="_blank" href="http://steamcommunity.com/groups/bloodgodz">BLOODGODZ</h1></a>
</div>
<div id="particles-js"></div>
<script src="js/particlesmin.js"></script>
<script src="js/app.js"></script>
</div>
<div class="media fadeInUp">
<br>
<br>
<marquee direction="left" scrollamount="10" onmouseover="this.stop();" onmouseout="this.start();">
<div class="shake-opacity">
<a target="_blank" href="http://steamcommunity.com/id/180JITTER">PackZ </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/SUS ">KUBR1CK </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/mightygod">xIME </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/skeet_/">RuDDy </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/pointscale">Sandvich </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/urgesteinderszene">Chris </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/imafluffydude">Fluffy </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/bloodgodz">violeNT </a>
</div>
</marquee>
</b>
</div>
</div>
</div>
</div>
</body>
</html>Powiedzcie mi gdzie dodać core i animation bo to jest ważne chyba
Penny napisał 11.05.2018, 13:04:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
Używaj znacznika [code] do umieszczania kodów. Co do strony, wygląda to tak jak to zrobiłeś, czyli niezbyt dobrze. Przechodząc do konkretów, brakuje plików css oraz js. Upewnij się że wgrałeś je na serwer. Jeśli już kopiujesz kod to rób to z głową - masz w kodzie 2 razy kontener + pliki particles.js.
Mam do dodania/podmienienia pliki dodane przez pana wyżej czyli core.css oraz animation.css gdzie to podmienić??
(09.05.2018, 19:04)ThreeG napisał(a): W takim razie utwórz div o id particles-js a po nim zamieść pliki js: particlesmin.js oraz app.js.Jeśli chodzi o pliki js to tak samo jak css, umieść pliki na serwerze FTP, z tym że jak widzisz w ścieżce na początku js/ co znaczy że musisz stworzyć folder js tam gdzie masz plik portal.php i wrzucić do folderu dane pliki.
Wyglądałoby to tak:
<div id="particles-js"></div>
<script src="js/particlesmin.js"></script>
<script src="js/app.js"></script>
Użytkownicy przeglądający ten wątek:
1 gości