Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    aiuto a toglier css esterno

    ciao ho un problema con una pagina che richiama css esterno perche su un capitive portal non la legge.
    volevo chidere visto che non sono esperto se mi potete dire come fare a toglierli ottenendo lo stesso risultato o simile.
    lo sfondo, il logo wifi mi piacerebbe restassero da esterno ma senza le class
    vi ringrazio


    codice HTML:
    <html><head><title>WiFi</title><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"><link rel="stylesheet" type="text/css" href="https://www.hotelexcelsiorbay.com/hotspot/style.css"><body>    <div class="loginbox">    <img src="https://www.hotelexcelsiorbay.com/hotspot/avatar.png" class="avatar">        <h1>Hotel Excelsior Bay<br>Free WiFi<br><br><br><br><br><br><br></h1>        <form>        <input type="submit" name="" value="Connect">        </form>	 <h2><a href="https://www.hotelexcelsiorbay.com/privacy-policy/" target="_blank" >Privacy Policy</a></h2>           </div>
    </body></head></html>

  2. #2
    Utente di HTML.it L'avatar di stoneweb
    Registrato dal
    Jul 2016
    residenza
    San Mauro Torinese
    Messaggi
    150
    Metti semplicemente il CSS nello style all'interno del codice

    codice:
    <html>
    	<head>
    		<title>WiFi</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
    		<style>
    			body{
    			    margin: 0;
    			    padding: 0;
    			    background: url(https://www.hotelexcelsiorbay.com/hotspot/sfondo.jpg);
    			    background-size: cover;
    			    background-position: center;
    			    font-family: sans-serif;
    			}
    
    
    			.loginbox{
    			    width: 300px;
    			    height: 380px;
    			    background: #fff;
    			    color: #000;
    			    top: 50%;
    			    left: 50%;
    			    position: absolute;
    			    transform: translate(-50%,-50%);
    			    border-radius: 15px;
    			    box-sizing: border-box;
    			    padding: 70px 30px;
    			}
    
    
    			.avatar{
    			    width: 100px;
    			    height: 100px;
    			    border-radius: 50%;
    			    position: absolute;
    			    top: -50px;
    			    left: calc(50% - 50px);
    			}
    
    
    			h1{
    			    margin: 0;
    			    padding: 0 0 20px;
    			    text-align: center;
    			    font-size: 22px;
    				color: #00297a;
    			}
    
    
    			h2{
    			    margin: 0;
    			        text-align: center;
    			    font-size: 10px;
    			}
    
    
    			.loginbox input{
    			    width: 100%;
    			    margin-bottom: 0px;
    
    
    			}
    
    
    
    
    			.loginbox input[type="submit"]
    			{
    			    border: none;
    			    outline: none;
    			    height: 40px;
    			    background: #00297a ;
    			    color: #fff;
    			    font-size: 18px;
    			  border-radius: 10px;
    			}
    		</style>
    	</head>
    	<body>    
    		<div class="loginbox">    
    			<img src="https://www.hotelexcelsiorbay.com/hotspot/avatar.png" class="avatar">        
    			<h1>Hotel Excelsior Bay<br>Free WiFi<br><br><br><br><br><br><br></h1>        
    			<form>        
    				<input type="submit" name="" value="Connect">        
    			</form>	 
    			<h2><a href="https://www.hotelexcelsiorbay.com/privacy-policy/" target="_blank" >Privacy Policy</a></h2>           
    		</div>
    	</body>
    </html>
    Work hard. Code harder.

  3. #3
    Ti ringrazio moltissimo, ma ho ancora un problema ovvero lo sfondo su cellulare lo vedo ripetuto tante volte in verticale. Come mai?

    forse é sbagliata l impostazione viewport?

  4. #4
    Utente di HTML.it L'avatar di stoneweb
    Registrato dal
    Jul 2016
    residenza
    San Mauro Torinese
    Messaggi
    150
    Aggiungi un "background-repeat: no-repeat" al body. Il viewport mi sembra giusto.
    Intanto guarda cosģ come viene
    Work hard. Code harder.

  5. #5

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.