Webboard

Pełna wersja: Trzęsący się napis i czerwone linie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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 :/
[attachment=13735]

łap :D 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
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:
Kod:
<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">
Następnie dodaj swojemu elementowi daną klasę która będzie się znajdować w wyżej wymienionym pliku np. w taki sposób
Kod:
<div class="shake-crazy"></div>
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:
Kod:
<div id="particles-js"></div>
<script src="js/particlesmin.js"></script>
<script src="js/app.js"></script>
Przykładowe pliki tej biblioteki umieściłem w załączniku.
Czyli to pierwsze gdzie wkleić? Normalnie do portalu?

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>

Kod:
<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 &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/SUS ">KUBR1CK &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/mightygod">xIME &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/skeet_/">RuDDy &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/pointscale">Sandvich &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/urgesteinderszene">Chris &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/imafluffydude">Fluffy &nbsp; </a>
</div>
<div class="shake-opacity">
<a target="_blank" href="https://steamcommunity.com/id/bloodgodz">violeNT &nbsp; </a>
</div>
</marquee>
</b>
</div>
</div>
</div>
</div>
</body>
</html>


Powiedzcie mi gdzie dodać core i animation bo to jest ważne chyba
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ć??
Musisz wgrać je na serwer FTP, tam gdzie masz plik portal.php
Ostatnia rzecz gdzie dodać te particles-js
(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.
Wyglądałoby to tak:
Kod:
<div id="particles-js"></div>
<script src="js/particlesmin.js"></script>
<script src="js/app.js"></script>
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.
Wszystko działa wielkie dzięki za pomoc dostajesz repke

Teraz moje ostatnie pytanie to jak ustawić portal na zwykłą domene np . 123.pl a nie 123.pl/portal.php?