Ravoc
21/05/2020, 01:08 AM
[Only registered and activated users can see links]
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:
[Only registered and activated users can see links]
Cod:
<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';">×</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.
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:
[Only registered and activated users can see links]
Cod:
<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';">×</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.