tomas.david100
Members-
Total de itens
14 -
Registro em
-
Última visita
Reputação
0 ComumSobre tomas.david100
-
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
CSS: -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .author{ display:inline-block; width:50px; height:50px; border-radius:50%; background:url(.../Imagem/author.png) center no-repeat; background-size:cover; box-shadow:0 2px 3px rgba(0,0,0,0.3); margin-bottom:3px } -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Sim deu para tirar um de cima do outro só que eu queria meter mesmo nas bordas superiores da página. Nos cantos mesmo, já nao consigo meter mais imagens aqui E em relação ao author como posso la meter o background -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Depois se me poder ajudar em relação aos backgrounds no css nao me estao a funcionar, se for no css na parte do header e do author tentei meter como me disse (background: url("Imagem/bimmer.jpg") no-repeat;) mas as imagens continuam a nao aparecer -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
http://www.mediafire.com/file/2cwyga9jg245xxc/PAP.zip/file -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
tentar por mediafire depois meto aqui o link -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Nao mas posso tentar enviar o ficheiro zipado unica opçao pode ser? Desde já muito obrigado pela ajuda! -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Ok vou meter o header entao e a parte relacionada com o css HTML __________________________________________________________________________________________________________ <div class="header"> <!--para criar um sistema grid de linhas e colunas --> <div clas="sides"> <nav id="menu" class="panel" role="navigation"> <div class="linha"> <div class="coluna col3" align="center"> <img src="Imagem\LOGO_PAP1.png" width="110" class="center"> </div> </div> <div class="linha"> <div class="coluna col3" align="center"> <form> <input type="button" value="Voltar" onclick="history.go(-1)"> / <input type="button" value="Home" onclick="history.go(0)"> / <input type="button" value="Avançar" onclick="history.forward()"> </form> </div> </div> <hr></hr> <ul> <li><a href="Index.html">Home</a></li> <li><a href="Interesses.html">Marcas</a> <ul> <li><a href=""><img src="Imagem/Audi.png" /> Audi</a></li> <li><a href=""><img src="Imagem/bmw_logo.png" /> BMW</a></li> <li><a href=""><img src="Imagem/ford-logo.png" /> Ford</a></li> <li><a href=""><img src="Imagem/koenigsegg_logo.png" /> Koenigsegg</a></li> <li><a href=""><img src="Imagem/mercedes_logo.png" /> Mercedes</a></li> <li><a href=""><img src="Imagem/nissan_logo.png" /> NISSAN</a></li> <li><a href=""><img src="Imagem/subaru_logo.png" /> Subaru</a></li> </ul> </li> <li><a href="Projetos.html">Acessórios</a> <ul> <li><a href=""><img src="Imagem/sparco_logo.png" /> Sparco</a> <ul> <li><a href=""> Volantes</a></li> <li><a href=""> Capacetes</a></li> <li><a href=""> Assentos</a></li> </ul> </li> <li><a href=""><img src="Imagem/momo_logo.png" /> MOMO</a> <ul> <li><a href=""> Jantes</a></li> <li><a href=""> Volantes</a></li> <li><a href=""> Assentos</a></li> <li><a href=""> Pneus</a></li> </ul> </li> <li><a href=""><img src="Imagem/air_logo.png" /> AIR Lift Performance</a> <ul> <li><a href=""> Suspensão</a></li> <li><a href=""> Dispositivos</a></li> </ul> </li> <li><a href=""><img src="Imagem/drift_logo.png" /> DRIFTWORKS</a> <ul> <li><a href=""> Performance</a></li> <li><a href=""> Suspensão</a></li> <li><a href=""> Interior e Exterior</a></li> </ul> </li> </ul> <li><a href="Sobre.html">Sobre</a></li> <li><a href="Contactos.html">Contactos</a></li> </ul> </nav> <div class="wrap push"> <a href="#menu" class="menu-link"></a> </div> </div> <div class="sides"> <a class="spotify"><iframe src="https://open.spotify.com/embed?uri=spotify:user:spotify:playlist:37i9dQZF1DXcBWIGoYBM5M" width="200" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></a> </div> <div class="info"> <h4><a href="#category">UI DESIGN</a></h4> <h1>ANIMATED HEADERS ARE THE BEST</h1> <div class="meta"> <a href="https://twitter.com/TomasDavid017" target="_b" class="author"></a><br> By <a href="https://twitter.com/TomasDavid017" target="_b"><u>Tomás David</u></a> on May, 2019 </div> </div> </div> __________________________________________________________________________________________________________ CSS: __________________________________________________________________________________________________________ body{ font-family: 'Roboto', sans-serif; background: #ffffff; margin: 0; font-size: 100%; vertical-align: baseline; display: block; } .linha{ width:960px; margin:0 auto; overflow:auto; padding:5px 0; } .coluna{ padding:0 10px; float:left; } .col1{ width:60px; /*60+80*/ } .co2{ width:140px; /*140+80*/ } .col3{ width:220px; /*220+80*/ } .col4{ width:300px; /*300+80*/ } .col5{ width:380px; /*380+80*/ } .col6{ width:460px; /*460+80*/ } .col7{ width:540px; /*540+80*/ } .col8{ width:620px; /*620+80*/ } .col9{ width:700px; /*700+80*/ } .col10{ width:780px; /*780+80*/ } .col11{ width:860px; /*860+80*/ } .col12{ width:940px; /*940+80*/ } .header{ position:relative; overflow:hidden; display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; height:50vw; min-height:400px; max-height:550px; min-width:300px; color:#eee; } .header:after{ content:""; width:100%; height:40%; position:absolute; bottom:0; left:0; z-index:-1; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%); } .header:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); background:#1B2030 url(Imagem\header.png) top center no-repeat; background-size:cover; background-attachment:fixed; animation: grow 60s linear 10ms infinite; transition:all 0.2s ease-in-out; z-index:-2 } .header a{ color:#eee } __________________________________________________________________________________________________________ -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Como posso fazê-lo posso meter aqui a parte do css -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Tenho outra dúvida como posso colocar o menu e o spotify nos cantos, eu penso que não consiga por causa das margens definidas mas já dei volta a todo e não arranjo forma de o fazer. Obrigado pela a ajuda que me tem dado. Isto é um header se precisar de alguma parte depois seja do html ou do css diga me alguma coisa que eu disponibilizarei. Melhores cumprimentos, Tomás David. -
-
Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
-
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Não deu na mesma tentei fazer o que os dois disseram e nao deu em nada. Acaba por ficar sem fundo. E copiei exatamente o caminho que o windows me dá na imagem e mesmo assim fica sem fundo. ____________________________________________________________________________________________________________________ .panel { position: fixed; left: -15.625em; /*left or right and the width of your navigation panel*/ width: 15.625em; /*should match the above value*/ background: url("Imagem\bimmer.jpg") no-repeat; } __________________________________________________________________________________________________________________________ _________________________________________________________________________________________________________ -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
Já consegui fazer as alterações obrigado pela ajuda, só mais uma coisa como posso colocar uma imagem como fundo no panel já tentei de tudo mas não deu resultado vou deixar aqui o código para que seja mais fácil perceber. ________________________________________________________________________________________________________________________ <body> <nav id="menu" class="panel" role="navigation"> <img src="C:\Users\Tomás\Desktop\PAP\Imagem\LOGO_PAP.png" width="70" class="center"> <div class="linha"> <form> <input type="button" value="Voltar" onclick="history.go(-1)"> / <input type="button" value="Home" onclick="history.go(0)"> / <input type="button" value="Avançar" onclick="history.forward()"> </form> </div> <hr></hr> <ul> <li><a href="Index.html">Home</a></li> <li><a href="Interesses.html">Marcas</a></li> <li><a href="Projetos.html">Acessórios</a></li> <li><a href="Sobre.html">Sobre</a></li> <li><a href="Contactos.html">Contactos</a></li> </ul> </nav> <div class="wrap push"> <a href="#menu" class="menu-link">⛽ Menu</a> </div> _________________________________________________________________________________________________________ -
html Centrar imagens e forms num panel
tomas.david100 respondeu ao tópico de tomas.david100 em Desenvolvimento frontend
-
html Centrar imagens e forms num panel
tomas.david100 postou um tópico no fórum Desenvolvimento frontend
Boa tarde, tenho algumas dúvidas relacionadas com html e css, criei um panel de um menu lateral e gostaria de conseguir centrar o logo e centrar os botões "voltar/Home/avançar". Se me conseguissem ajudar agradeço, melhores cumprimentos, Tomás David.