Ir para conteúdo
  • 0

[HTML] Como eu resolvo isso?


Hemptt

Pergunta

Como eu resolvo isso?


 


 


Código HTML:


 


<!DOCTYPE html>
<html>
 
 
<head>
 
<title>Inicio | UnderMC</title> <!--- Nome da aba-->
 
<link rel="stylesheet" type="text/css" href="CSS/style.css"> <!--- extenção para o CSS-->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> <!--- Link da fonte-->
<link rel="icon" href="imgs/icone.png"><!--- ícone da aba da pagina-->
 
    <!--- definição da cor da pagina-->
<style type="text/css"> 
body{
background-color: #DCDCDC; 
}
</style>
</head>
 
 
<body>
 
<header class="hemppt-menu"><!--- Menu -->
<ul>
<h1 class="hemppt-logo"><a href="index.html" title="UnderMC | 1.8x">UnderMC | 1.8x</a></h1><!--- Texto pra colocar a logo -->
<!--- Caixa que fica o IP -->
<div class="hemppt-ip">
<p>
IP: UNDERMC.NET
</p></div>
<div class="hemppt-links">
<ul>
<li><a href="#">Discord</a></li>
<li><a href="#">Loja</a></li>
<li><a href="#">Inicio</a></li>
    </ul>
</div>
</header>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<!--- Rodapé-->
<footer class="hemppt-copyright">
<p>Todos os direitos reservados © UnderMC!</p>
<p>Desenvolvido por <a href="http://gamersboard.com.br/user/10935-haade/" target="_blank">Hemptt</a>.</p>
</footer>
 
</body>
 
</html>

 


 


Código CSS:


 


/* Básico... */
* {
margin: 0; 
font-size: 100%;
font-family: 'Roboto Condensed', sans-serif;
border: 0;
padding: 0;
box-sizing: border-box;
a{text-decoration: none;}
h1{font-size: 1.5em; color:#333;}
}
 
/* Menu */
 
.hemppt-menu {
width: 100%; 
background-color: #0cae98; 
padding: 20px 50px;
box-shadow: 2px 2px 2px #2E8B57;
position: fixed;
float: left;
}
.hemppt-logo a {
text-decoration: none;
color: #fff;
font-size: 1.5em;
padding: 10px 5px;
float: left; 
}
.hemppt-ip p{
color: #fff;
padding: 10px 5px;
background-color: #13c7ae;
float: right;
box-shadow: 1px 1px 1px #2E8B57;
cursor: pointer;
border-radius: 5px;
}
.hemppt-links li,a{
text-decoration: none;
float: right;
list-style: none;
color: #fff;
padding:  5px 20px 5px 0px;
 
}
.hemppt-links li,a:hover{color: #777;}
/* Rodapé */
.hemppt-copyright {
width: 100%;
    background-color: #0cae98; 
padding: 20px 50px;
box-shadow: 0px 0px 16px 0px #888888;
}
.hemppt-copyright p{
color: #fff;
text-align: center;
text-decoration: none;
text-align: center;

.hemppt-copyright a{
color: #fff;
    text-decoration: none;
text-decoration-line: underline;
}
 

 


Link para o comentário
Compartilhar em outros sites

13 respostass a esta questão

Posts Recomendados

No css..

 

troque (       .hemppt-links li,a{         ) por isso (    .hemppt-links li{   )

 

... e no caso, se vc quiser "enfeitar o" .hemppt-links a { você cria uma nova regra no css

 

abraços...

 

 

@EDIT

 

reparei que o menu la em cima ficou zoado...

 

faz o seguinte... faz uma gambiarra... eu n consegui achar o por que esta dando conflito mas... usa isso aqui...

 

onde ta <p>Desenvolvido por <a href="http://gamersboard.com.br/user/10935-haade/"target="_blank">Hemptt</a>.</p>

 

Bota isso aqui:

 

<p>Desenvolvido por <a style="float:none !important;padding:0;" href="http://gamersboard.com.br/user/10935-haade/"target="_blank">Hemptt</a>.</p>

Editado por SnowRunescape
Link para o comentário
Compartilhar em outros sites

<!DOCTYPE html>
<html>

<head>

    <title>Inicio | UnderMC</title>

    <link rel="stylesheet" href="CSS/style.css">

    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

    <link rel="icon" href="imgs/icone.png">

    <style>
        body {
            background-color: #DCDCDC;
        }
    </style>
</head>

<body>

    <header class="hemppt-menu">
        <h1 class="hemppt-logo"><a href="index.html" title="UnderMC | 1.8x">UnderMC | 1.8x</a></h1>
        <!--- Texto pra colocar a logo -->
        <!--- Caixa que fica o IP -->
        <div class="hemppt-ip">
            <p>
                IP: UNDERMC.NET
            </p>
        </div>
        <div class="hemppt-links">
            <ul>
                <li><a href="#">Discord</a></li>
                <li><a href="#">Loja</a></li>
                <li><a href="#">Inicio</a></li>
            </ul>
        </div>
    </header>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>

    <!--- Rodapé-->
    <footer class="hemppt-copyright">
        <p>Todos os direitos reservados © UnderMC!</p>
        <p>Desenvolvido por <a href="http://gamersboard.com.br/user/10935-haade/" target="_blank">Hemptt</a>.</p>
    </footer>

</body>

</html>

Testa

Link para o comentário
Compartilhar em outros sites

<!DOCTYPE html>
<html>

<head>

    <title>Inicio | UnderMC</title>

    <link rel="stylesheet" href="CSS/style.css">

    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

    <link rel="icon" href="imgs/icone.png">

    <style>
        body {
            background-color: #DCDCDC;
        }
    </style>
</head>

<body>

    <header class="hemppt-menu">
        <h1 class="hemppt-logo"><a href="index.html" title="UnderMC | 1.8x">UnderMC | 1.8x</a></h1>
        <!--- Texto pra colocar a logo -->
        <!--- Caixa que fica o IP -->
        <div class="hemppt-ip">
            <p>
                IP: UNDERMC.NET
            </p>
        </div>
        <div class="hemppt-links">
            <ul>
                <li><a href="#">Discord</a></li>
                <li><a href="#">Loja</a></li>
                <li><a href="#">Inicio</a></li>
            </ul>
        </div>
    </header>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>

    <!--- Rodapé-->
    <footer class="hemppt-copyright">
        <p>Todos os direitos reservados © UnderMC!</p>
        <p>Desenvolvido por <a href="http://gamersboard.com.br/user/10935-haade/" target="_blank">Hemptt</a>.</p>
    </footer>

</body>

</html>

Testa

 

Funcionou não... http://prntscr.com/hrkb6z

Link para o comentário
Compartilhar em outros sites

No css..

 

troque (       .hemppt-links li,a{         ) por isso (    .hemppt-links li{   )

 

... e no caso, se vc quiser "enfeitar o" .hemppt-links a { você cria uma nova regra no css

 

abraços...

 

 

@EDIT

 

reparei que o menu la em cima ficou zoado...

 

faz o seguinte... faz uma gambiarra... eu n consegui achar o por que esta dando conflito mas... usa isso aqui...

 

onde ta <p>Desenvolvido por <a href="http://gamersboard.com.br/user/10935-haade/"target="_blank">Hemptt</a>.</p>

 

Bota isso aqui:

 

<p>Desenvolvido por <a style="float:none !important;padding:0;" href="http://gamersboard.com.br/user/10935-haade/"target="_blank">Hemptt</a>.</p>

Funcionou, vlw s2

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.
×
×
  • Criar Novo...