Possível colocar um scrolling horizontal na tela inicial para usarmos nos botões?
Estou com cliente que gostaria desse formato no lugar do vertical
Possível colocar um scrolling horizontal na tela inicial para usarmos nos botões?
Estou com cliente que gostaria desse formato no lugar do vertical
Eu tenho um código aqui que da a possibilidade de colocar um scrolling horizontal na página em branco, se você utiliza um layout personalizado na página de inicio do seu app, acho que pode te ajudar. Vou deixar alguns modelos abaixo.
Horizontal com imagens retangular.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">div.scrollmenu {
background-color: #fff;
overflow: scroll;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 10px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #fff;
}
</style>
<div class="scrollmenu"><a href="#news"><img alt="ANUNCIE-AQUI-1" border="0" src="https://i.ibb.co/tPSkZCy/ANUNCIE-AQUI-1.png" /></a><a href="#home"><img alt="ANUNCIE-AQUI" border="0" src="https://i.ibb.co/b7XBSqf/ANUNCIE-AQUI.png" /></a> <a href="#contact"><img alt="ANUNCIE-AQUI-2" border="0" src="https://i.ibb.co/K2yjD7V/ANUNCIE-AQUI-2.png" /></a> <a href="#about"><img alt="ANUNCIE-AQUI-3" border="0" src="https://i.ibb.co/Xxy7ysZ/ANUNCIE-AQUI-3.png" /></a></div>
Horizontal com texto.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">div.scrollmenu {
background-color: #242424;
overflow: scroll;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 10px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #bbb;
}
</style>
<div class="scrollmenu"><a href="#link aqui">Regional CIC #01</a> <a href="#link aqui">Regional CIC #02</a> <a href="#link aqui">Regional CIC #03</a> <a href="#link aqui">Regional CIC #04</a> <a href="#link aqui">Regional CIC #05</a> <a href="#link aqui">Regional CIC #06</a> <a href="#link aqui">Regional CIC #07</a> <a href="#link aqui">Regional CIC 08</a></div>
…
Ótimo trabalho @MarceloLB, parabéns!
Se permite uma sugestão seria incluir setas de navegação “<” “>” ao lado do texto porque às vezes a funcionalidade pode não ser intuitiva para todos.
Abs !!!
Testei, mais o cliente não gostou kkk, mas, já vou apresentar para outro.
Boa Sorte!
Na hora da apresentação dê umacontextualizada.
Ás vezes o cliente sai do Salão do Automóvel querendo comprar um carro que estava exposto lá mas o orçamento dele é de no máximo,um sedan de linha.
Um choque de realidade no mundo de apps e sites também se faz necessário se o cidadão tiver muita empafia.
@Regional_CIC fantástico esse código. Eu estou tentando um que role automático, como os banners da Fabapp, vc saberia como fazer?
Não tenho esse código, mas vou ver com um amigo que é desenvolvedor, ele me ajuda bastante nessa parte. Se eu conseguir alguma novidade aviso aqui…