[Shitpost] J'ai modifié le loading

  • Initiateur de la discussion
Apohy

Apohy

Geek suprême
Messages
488
Score réaction
185
Points
120
Shitpost du soir bonsoir,
C'est le truc le plus useless que j'ai fais sur GMod mais j'ai réussi à modifier le chargement de base Kappa
C'est dans /html/ pour les curieux Kappa

 
Dernière édition:
  • J'aime
Réactions: Pelisma
Anastasia

Anastasia

Psychopathe
Messages
516
Score réaction
462
Points
210
Kappa
 
Amphisia

Amphisia

Geek
Messages
328
Score réaction
51
Points
80
Waw... Je kifferais trop tester de le faire mais pas trop de connaissances html..
 
Legende

Legende

Geek suprême
Messages
332
Score réaction
75
Points
130
Simple mais stylé.
 
  • J'aime
Réactions: Guillaume Bonnet
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
Amphisia à dit:
Waw... Je kifferais trop tester de le faire mais pas trop de connaissances html..
Bah c'est pas bien compliqué, là sur son Loading Screen il a juste modifié deux choses :p
Le code de base (qui vient de 'C:\Program Files (x86)\Steam\steamapps\common\GarrysMod\garrysmod\html') est le suivant, rien de compliqué donc :)
HTML:
<html> <head> <title>Loading..</title> <link rel="stylesheet" type="text/css" href="loading.css?3" /> <script type="text/javascript" src="js/thirdparty/jquery.js"></script> </head> <body> <div id="container"> <img src='img/gmod_logo_brave.png' class="bounce"/> <center> <br /> <div class="walk">:v</div> </center> </div> <script type="text/javascript"> function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode ) { } </script> </body>
</html>
Et aussi le CSS :
Code:
BODY
{ background: #fff url( 'img/bg.jpg' ); -webkit-background-size: 100% 100%; overflow: hidden;
}
#container
{ position: fixed; text-align: center; left: 50%; top: 45%; margin-top: -120px; margin-left: -150px; width: 300px;
}
.progressbar
{ margin: 0 auto; width: 150px; border-radius: 3px; text-align: left; padding: 1px; background-color: rgba( 0, 0, 0, 0.6); float: right;
}
.reflection
{ -webkit-box-reflect: below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), from(rgba(0, 0, 0, 0.0)), to(rgba(255, 255, 255, 0.5)));
}
.progressbar .inner
{ border-radius: 2px; background-color: rgba( 0, 240, 0, 1.0); width: 0.2%; height: 11px;
}
#progress_text
{ position: absolute; width: 500px; right: 170px; bottom: 0px; margin: 0 auto; text-align: right; font-size: 12px; font-family: helvetica; color: rgba( 0, 0, 0, 0.4); letter-spacing: -1px; text-shadow: 0px 0px 3px white; overflow: hidden; white-space: nowrap;
}
@-webkit-keyframes walk
{ 0% { -webkit-transform: rotateZ(0deg); } 50% { -webkit-transform: rotateZ(180deg); } 100% { -webkit-transform: rotateZ(360deg); }
}
.walk
{ -webkit-animation-name: walk; -webkit-animation-duration: 10.0s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-perspective: 6000px; text-align: center; background-color: #fe7; width: 24px; height: 24px; color: #999; font-size: 16px; font-family: arial; font-weight: bold; border-radius: 3px; display: inline-block; border: 2px solid #999;
}
Un minimum de connaissances et tu devrais t'en sortir sans trop de problèmes :)
 
NeiFox

NeiFox

Geek suprême
Messages
384
Score réaction
103
Points
150
Apohy tu es pas beau.
 
  • J'aime
Réactions: Guillaume Bonnet et Apohy
Discord d'entraide
Rejoignz-nous sur Discord