|Tutorial| AlertBar

AlertBar

Boa noite caros amigos, estou trazendo este material.

Bom, eu estava em uma linda madrugada navegando pela internet procurando alguns recursos para meu WHMCS, e então me deparei com um Alert, muito bonito, fui atrás, depois de umas horas em busca achei, analisei o preço, e vi que não estava pronto para comprar, então fui em busca de recriar. Entrei em alguns sites, analisei, e cheguei até o site do Bootstrap, analisei a documentação e então comecei a trabalhar no conteúdo pago o transformei em um material caseiro e totalmente gratuito, obvio, não me deu a facilidade do material pago, porém me ajudou, além do mais, quem não curte abrir o sublime, filezilla e etc, para alterar um cod :P

Foto do mesmo:

Cod:
Código:
    <style>.alert {
  padding: 35px;
  background-color: #0bd219;
  color: white;
}


.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}


.closebtn:hover {
  color: black;
}
</style>
</head>
<body>
<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Promoção de inauguração!</strong> Hospedagem Linux por R$8.99 
</div>
</div>
</div>
</body>
</html>
é bem fácil adicionar, apenas coloque o cod na área desejada, acrescente em seu .CSS só se quiser manter uma organização.

Tópico: AlertBar

Thread Tools

Pesquisar Tópico

Display

AlertBar

The Following User Says Thank You to Ravoc For This Useful Post:

Permissões de Postagem

Sobre nós

Nossos anunciantes

Rede Sociais