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 daviassumpcao
      Estou buscando uma orientação ou referência para desenvolver algo similar ao formulário dessa página do iPhone https://www.apple.com/shop/buy-iphone/iphone-se ... quando selecionamos alguma opção, a div que contém o formulário centralizar na página e rola feito um carrossel. Estou completamente perdido com essa demanda que recebi... agradeço antecipadamente a todos que derem uma força. Abraço
    • By lucasseribeiro
      Bons dias, fórum!
       
      Procurei uma área específica para o JavaFX e não encontrei... Estou aprendendo a usar essa biblioteca, está ficando interessante, se assemelha às tecnologias web com as quais tenho muita familiaridade pois uso há anos. Mas o CSS do JavaFX é diferente daquele do consórcio W3, e não estou encontrando material para entender esse -fx-CSS... A referência CSS da Oracle (https://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html) é obscura e não contém as infos que preciso, apesar de esclarecer muitas coisas... Passa uma impressão de que eles não querem que todos saibam!
      Por exemplo: ao estilizar uma menu-bar, mudei seu background, alterei a cor da fonte dos menus, mas eles ficaram colados uns nos outros, e eu não entendi como escolher a propriedade CSS adequada do FX para controlar a distância dos menus. Pude usar um padding, mas ao executar, quando abrimos um menu, os outros ainda são empurrados pois ainda que suas inscrições estejam separadas, os botões do menu ainda estão colados. O tutoriais não abordam o CSS do FX em profundidade, focam-se nos objetivos dos projetos e suas abordagens...
      Rsrs, podia ter no W3Schools... Alguém pode me ajudar com isso???
       
      Grato desde já!
       
      Lucas Ribeiro
    • By Alberto Nascimento
      Como faço que consiga colocar parágrafos no campo tipo "text" do formulário?
          <input name="Text1" style="width: 528px; height: 223px" type="text" /></form>
      Se eu pressiono ENTER automaticamente envia o formulário
      Como então consigo digitar ao preencher o formulário da forma abaixo?
       
    • By Sapinn
      Estou com dificuldade para chamar um arquivo CSS usando a configuração de um arquivo php. O bootstrap também não surte efeito na paginas
       
      Vejam só
      Config.php
       
      <?php define('APP_NOME','Projeto GIBI'); define('URL','http://localhost/bora_php');  
       
      index.php
       
      <?php include './../app/configuracao.php'; include './../app/Libraries/Rota.php'; include './../app/Libraries/Controller.php'; ?> <!DOCTYPE html> <html lang="pt-br"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link rel="stylesheet" href="<?=URL?>/public/css/estilos.css">     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" >         <title><?= APP_NOME?></title> </head> <body>     <?php         $rotas = new Rota();     ?>     <script src="https://code.jquery.com/jquery-3.5.1.min.js" ></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" ></script> <script src="<?=URL?>/public/css/script.js" ></script> </body> </html> estilo.css
      html{     background-color: red; }  
      Estou tentando seguir a padronização MVC(que por sinal eu tenho certa dificuldade), então não consigo achar onde estou errando
×

Important Information

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