Ir para conteúdo
  • 0

[HTML] Como eu resolvo isso?

Hemptt

Perguntado por Hemptt,

 Compartilhar

Pergunta

Hemptt

Hemptt

Postado
Postado

Como eu resolvo isso?


 


http://prntscr.com/hrjz3d


 


 


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

SnowRunescape

SnowRunescape

Postado
Postado (editado)

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
1
Link para o comentário
Compartilhar em outros sites
Dery

Dery

Postado
Postado 
<!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

1
Link para o comentário
Compartilhar em outros sites
Hemptt

Hemptt

Postado
  • Autor
Postado 
<!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
Hemptt

Hemptt

Postado
  • Autor
Postado

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.
 Compartilhar
Ir para lista de perguntas

  • Quem está navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...