Jump to content
yuseirender

Ajustar index ao tamanho da tela

Recommended Posts

Olá, sou novo aqui e preciso de ajuda, criei uma index aqui e localmente fica tudo certo, porem quando vou tentar normalmente em outro pc fica alguns itens fora de foco

 

local:

nJoMwdf.jpg

teste:

lW8PY70.jpg

 

codigo fonte:

Spoiler

teste.html:

 


<!DOCTYPE HTML5>
<html>

	<head>
		<title>|LΛIN|</title>
		<link rel="icon" href="https://avatars0.githubusercontent.com/u/859810?s=180&v=4">			
		<style>
			body{
				background-image: url("https://i.imgur.com/HkCPuZX.gif");
				background-repeat: no-repeat;
				background-size: 100%;
			}
		a { text-decoration:none; }	
		.a{text-shadow:0px 1px 8px Green;}	
		</style>
		<style type="text/css">body, a, a:hover {cursor: url(http://hellox.persiangig.com/DefacePage/negro.cur), progress;}</style>

		<link href="main.css" rel="stylesheet"/>
		<center><br><br><br><br><h2 class="glitch heading" data-text="BTC-E and Bitstamp" style="color:white"></center></br></br><br></br></h2>
	</head>
	
	<body style="overflow:hidden;" onload="type_text()">
		<script src="https://www.youtube.com/player_api"></script><div class="gaf210imvustylez_youtubebox" style="width:1px;height:1px;overflow:hidden"><iframe allow="autoplay" width="300" height="300" src="https://www.youtube.com/embed/5dbi4N6NGn4?autoplay=1&amp;loop=1&amp;playlist=5dbi4N6NGn4" frameborder="0" onload="gaf210_youtube_invisible=new YT.Player(this,{events:{'onReady':function(event){event.target.playVideo()}}});" allowfullscreen></iframe><!--Youtube player code generated @ https://gaf210.imvustylez.net --></div>
			<img>
				<center><img src="https://66.media.tumblr.com/7a260435852173af2a1e05faba641352/tumblr_ocmsemmcEq1v0esaeo1_400.gif" width="24%" height="35%" style="margin: 0px 0px" /></center>
			</img>	
			
			<div style="margin: 221px 1248px">
				<a href="https://fauux.neocities.org/"><img src="https://fauux.neocities.org/powernavi-badge.gif" alt="Navi" width="120px" height="42px"/></a>
			</div>
			
			<div style="margin: -240px">
				<span class="a"><font face="TAHOMA"><marquee behavior="scroll" direction="left" scrollamount="17" style="color:#00FF00;" width="1487px">Greetings to: Vik Hirose,Lorenzo Tobias, Gabriel Correia, Arthur Leite, Bruno Alves IV, Vinicius Campos, Kiyoshi Kun II, Zerito, Daichi Akser, Ivan Ramos, Kepler Sales, Kota, DeVito, Volkers, Guilherme Alves, All my others niggas</span></font></marquee>		
			</div>
			
		<script language="Javascript">
		
			<!--
			var tl=new Array('Performing DNS Lookups for',
			'Searching ', 
			'Analyzing ', 
			'Estimating Approximate Location of ', 
			'Compressing ', 
			'Requesting Authorization From : ', 
			'wget -a -t ', 
			'tar -xzf ', 
			'Entering Location ',
			'Compilation Started of ',
			'Downloading ',
			'http://wwjd.com?au&2', 
			'Texture', 
			'TPS Reports', 
			' .... Searching ... ', 
			'http://zanb.se/?23&88&far=2', 
			'http://ab.ret45-33/?timing=1ww',
			'Authorizing ', 
			'Authorized...', 
			'Access Granted..', 
			'Going Deeper....', 
			'Compression Complete.', 
			'Compilation of Data Structures Complete..', 
			'Entering Security Console...', 
			'Encryption Unsuccesful Attempting Retry...', 
			'Waiting for response...', 
			'....Searching...', 
			'0.4074343240432903 ',
			'0.104755341330524 ',
			'0.14434729740834018 ',
			'0.9103647902039287 ',
			'0.09799437076456696 ',
			'0.3543808773880297',
			'Calculating Space Requirements ',
			'Unlinking the world...',
			'.........................................',
			'...........................................',
			'Open the next.................................',
			'..................................................',
			'.....................................................'
		)


		var speed=60;
		var index=0; text_pos=0;
		var str_length=tl[0].length;
		var contents, row;
		function type_text()
			{
			contents='';
			row=Math.max(0,index-20);
				while(row<index)
					contents += tl[row++] + '\r\n';
					document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
				if(text_pos++==str_length)
				{
					text_pos=0;
					index++;
				if(index!=tl.length)
				{
					str_length=tl[index].length;
					setTimeout("type_text()",1500);
				}
				} else
					setTimeout("type_text()",speed);
			}
			//--
		</script>
			<center><form><textarea style="background-color: rgb(0, 0, 0); resize: none; color: rgb(0, 255, 0);" name="about" readonly="readonly" rows="8" cols="80" wrap="soft" >_</textarea></center><br>
			<center style="margin-top: -30px"><font size="8" color="white" class="a">No matter where you go, everyone's connected.</center></font>
		<script type="text/javascript">
                var title=document.title
                var leng=title.length
                var start=1
                function titlemove() {
                titl=title.substring(start, leng) + title.substring(0, start)
                document.title=titl
                start++
                if (start==leng+1) {
                start=0
                if (repeat=0)
                return
                }
                setTimeout("titlemove()",300)
                }
                if (document.title)
                titlemove()


		</script>		
	</body>
	
</html>	

main.css:


body{
	margin: 0;
	padding: 0;
}
.glitch{
	position: relative;
	top:40%;
	margin: 0 auto;
	color:#fff;
	font-size: 50px;
	font-family: verdana;
	font-weight; 600;
	text-align: center;
	text-transform: uppercase;
}
.glitch:before, .glitch:after{
	content: 'HACKED BY LAIN';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	overflow: hidden;
	color:#fff;
}
.glitch:before{
	left: 8px;
	text-shadow: 2px 0 #00fea;
	animation: effect 3s infinite linear;
}
.glitch:after{
	left: 4px;
	text-shadow: -2px 0 #fe3a7f;
	animation: effect 2s infinite linear;
}
@-webkit-keyframes effect{
	0%{
		clip:rect(55px,9999px,56px,0);
	}
	5%{
		clip:rect(47px,9999px,30px,0);
	}
	10%{
		clip:rect(3px,9999px,36px,0);
	}
	15%{
		clip:rect(35px,9999px,9px,0);
	}
	20%{
		clip:rect(63px,9999px,59px,0);
	}
	25%{
		clip:rect(96px,9999px,98px,0);
	}
	30%{
		clip:rect(48px,9999px,77px,0);
	}
	35%{
		clip:rect(50px,9999px,34px,0);
	}
	40%{
		clip:rect(60px,9999px,72px,0);
	}
	45%{
		clip:rect(10px,9999px,81px,0);
	}
	50%{
		clip:rect(2px,9999px,60px,0);
	}
	55%{
		clip:rect(23px,9999px,89px,0);
	}
	60%{
		clip:rect(76px,9999px,91px,0);
	}
	65%{
		clip:rect(62px,9999px,30px,0);
	}
	70%{
		clip:rect(60px,9999px,73px,0);
	}
	75%{
		clip:rect(60px,9999px,87px,0);
	}
	80%{
		clip:rect(2px,9999px,14px,0);
	}
	85%{
		clip:rect(28px,9999px,87px,0);
	}
	90%{
		clip:rect(73px,9999px,50px,0);
	}
	95%{
		clip:rect(79px,9999px,70px,0);
	}
	100%{
		clip:rect(17px,9999px,79px,0);
	}
}
}

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By iagomonteiro
      Estou criando um jogo de cartas em web, o jogo é bem estilo HS, e estou tendo problemas para adicionar condições de movimentação no drag and drop. Como vocês podem ver eu tenho uma variável mana, e a movimentação das cartas só seria possível de acordo com ela, porém quando adiciono as condições o D&D acaba nem se movimentando mais, pensei em chamar cada função do d&d dentro de uma condição, mas também não funcionou, alguém pode ajudar?
       
      JS
      // Jogador 1
      const fillplace1 = document.querySelector('#fillplace1');
      const fillplace2 = document.querySelector('#fillplace2');
      const fillplace3 = document.querySelector('#fillplace3');
      var fill;
      const empties = document.querySelectorAll('.empty');
      fillplace1.addEventListener('dragstart', enterstart);
      fillplace2.addEventListener('dragstart', enterstart);
      fillplace3.addEventListener('dragstart', enterstart);
      for (const empty of empties) {
          empty.addEventListener('dragover', dragOver);
          empty.addEventListener('dragenter', dragEnter);
          empty.addEventListener('dragleave', dragLeave);
          empty.addEventListener('drop', dragDrop);
      }
      function enterstart(){
          fill = this;
      }
      function dragOver(e) {
          e.preventDefault();
      }
      function dragEnter(e) {
          e.preventDefault();
          this.className += ' hovered';
      }
      function dragLeave() {
          this.className = 'empty';
      }
      function dragDrop(id) {
          this.className = 'empty';
          this.append(fill);
      }
       
      HTML
      <link rel="stylesheet" href="../css/jogar.css" />
       
      <div id="barraGeneral">
          <img src="../imagens/Campo/barraGeneralalfa.png" id="imggeneral" />
      </div>
       
      <div id="persona">
          <img src="../imagens/Personagem/cucapersonagem.png" id="imgpersonagem" />
      </div>
       
      <button id="btpassar" onclick="cont();">Passar Rodada</button>

      <H1 id="campomana">1</H1>
       
      <!-- Mesa das cartas jogador 1-->
      <div class="empty" id="emptyplace1">
      </div>
      <div class="empty" id="emptyplace2">
      </div>
      <div class="empty" id="emptyplace3">
      </div>
      <div class="empty" id="emptyplace4">
      </div>
      <div class="empty" id="emptyplace5">
      </div>
       
      <!-- Mão do jogador 1 -->
      <div class="emptyhand1">
          <div class="fill" draggable="true" id="fillplace1">
              <img src='../imagens/Sorteio/aa.png' draggable='true'>
          </div>
      </div>
       
      <div class="emptyhand2">
          <div class="fill" draggable="true" id="fillplace2">
              <img src='../imagens/Sorteio/aa2.png' draggable='true'>
          </div>
      </div>
       
      <div class="emptyhand3">
          <div class="fill" draggable="true" id="fillplace3">
              <img src='../imagens/Sorteio/aa2.png' draggable='true'>
          </div>
      </div>
       
    • By Dallas20
      Então pessoal,  estou fazendo um pequeno projeto para me aperfeiçoar em javascript e acabei me deparando com o seguinte problema. Eu queria pegar o valor de um input quando o usuário desse um click em um botão e isso foi simples de fazer, porém ao utilizar conceitos de POO e aplicando classes no javascript não consigo fazer essa ação. Gostaria de saber se isso é possível? E como fazer?
       
      Segue o code HTML:
      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <meta name="author" content="Dallas"> <meta http-equiv="refresh" content="1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="../CSS/withdrawal.css" rel="stylesheet"> <script src="../javascript/withdrawal.js"></script> <title>Banco do Brasil</title> </head> <body> <h1>Quanto deseja sacar ?</h1> <input type="number" id="cashInReal"> <button type="button" onclick="alter()"> AQUI</button> </body> </html> code javascript:
      class withdrawal { alter() { alert(document.getElementById('cashInReal').value); } } Desde já muito obrigado.
       
      Att. Dallas
    • By vinihhylian0103
      Olá, Boa Noite.
      Estou usando o Iframe pra exibir meu form de login na minha página central, porém, quando eu clico no botão login, o profile parece somente no iframe, teria como eu fazer o profile ser redirecionado  na página principal.
       
      Segue o código:
        <div class="modal fade" id="modalLRFormDemo2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">     <div class="modal-dialog cascading-modal" role="document">       <!--Content-->       <div class="modal-content">                            <iframe marginwidth="50" height="500px" width="500px" src="CADASTROS_LOGINS\LOGIN\index.html"> Seu navegador não suporta frames )= </iframe>                 <center><button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">Fechar</button></center>                 <br>               </div>             </div>             <!--/.Panel 8-->           </div>         </div>       </div>  
    • By Anderson Maciel
      Boa tarde pessoal,

      Estou quebrando a cabeça para resolver um problema, tenho uma div dinâmica que carrega uma <table> em uma das colunas deveria apresentar o componente Switchery, esta <table> é montada a partir de uma função PHP que faz o select em uma tabela do banco de dados conforme abaixo:
       
      echo '<table class="table table-hover"> <thead> <tr> <th>Nome</th> <th>Agrupamento</th> <th>Ativo</th> </tr> </thead> <tbody>'; foreach($data as $row) { If ($row['ativo'] == 1) { $vativochk = "checked"; } else { $vativochk = ""; } echo '<tr> <td>'.$row['nome'].'</td> <td>'.$row['agrupamento'].'</td> <td><input type="checkbox" name="ativo_grid" class="js-switch" '.$vativochk.' disabled="disabled"></td> </tr>'; } echo '</tbody> </table>'; Aqui está o Ajax que chama e retorna atualizando a DIV:
       
      function atualiza_grid_graficos() { $.ajax({ type: "POST", url: "hubfuncind.php", data: { id_tabindicadores_paineis: $('#id_tabindicadores_paineis').val(), acao: "gridgraficos" }, success: function(data) { $('#conteudo').html(data); } }); } O retorno vem certinho, mas apenas o componente Switchery está vindo desconfigurado, ou seja vem um checkbox normal (html).

      O que é mais incrível é que neste mesmo formulário mais acima tenho este mesmo componente funcionando normalmente, somente dentro da DIV dinâmica é que fica desconfigurado conforme imagem anexa.

      Será que alguém já passou por isso?

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.