Estou com duvida

HTML5

CSS3

13/11/2019

pessoal estou com duvida em como criar um botao de dashboard nao se se é assim que se fala mais sempre fica no canto das paginda proncipalmente mobile e queria saber como fasso um estou com muita duvida nisso
Nikolas

Nikolas

Curtidas 0

Melhor post

Lucas Conceição

Lucas Conceição

21/11/2019

Acredito que você queria saber como criar um Floating Button (botão flutuante), utilizando apenas html, css e js, ficaria mais ou menos assim:

Isso aqui é o tag do botão que vai no body da sua pagina:
<i class="my-float"></i>


No css você pode colocar:
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
}


E pronto, você já tem um botão flutuante.

Se você usa algum Framework que forneça ícones, basta adicionar na tag do botão.

Qualquer duvida, é só falar. Abraços
GOSTEI 1

Mais Respostas

Manoel Junior

Manoel Junior

13/11/2019

Boa tarde, não sei se você tem experiência com Frameworks, mas de qualquer forma serve para entender como é desenvolvido de determinadas estruturas e estilos, no caso do CSS e JS. Recomendo você fundamentar-se através do Bootstrap, um Framework que está dominando o mercado brasileiro. Nele você irá encontrar o navbar vertical, que segue a ideia que supri sua necessidade.
Este é o link do navbar vertical: https://getbootstrap.com/docs/4.0/components/navs/#vertical
GOSTEI 0
POSTAR