Curso de CSS3 #07 - background - Parte 4 - Metapropriedade background

[@temisalves4969]

Sensacional, o melhor canal pra tirar dúvidas de modo detalhado e fácil de entender.

[@dukenuclear1]

Muito muito bom

[@maninisiemel]

11:00 Fiz alguns testes e pelo que percebi sou obrigatório a declarar a posição da imagem após o no-reapeat. background: #AAA url(flor-01.jpg) no-repeat 0px 0px / 100%;

[@johnatancraft]

É sim, essas declarações encurtadas no CSS são chamadas de "ShortHand", e elas têm uma certa ordem a se seguir.

[@maninisiemel]

@@johnatancraft Obrigado.

[@maninisiemel]

8:30 Uma das primeiras coisas que fiz foi tentar alterar o tamanho da imagem e percebi que se não colocar o repeat e sim o tamanho ele altera normalmente, mas se colocar o tamanho depois o repeat dá erro como esse primeiro mostrado e mesmo se colocar o tamanho primeiro e ainda sim separar por barra também dá erro. Então pelo que mina ignorância pôde perceber caso coloque repeat precisa ser dessa forma que foi mostrada no vídeo. Ex:. background: #AAA url(flor-01.jpg) 500px / repeat-x 50px 0px; vai dar erro Ex.: background: #AAA url(flor-01.jpg) 500px repeat-x 50px 0px; vai dar erro Ex.: background: #AAA url(flor-01.jpg) repeat-x 50px 0px / 500px; vai funcionar.

[@h.olivei141]

Fim de mais uma aula de altíssima qualidade, acho incrível a maneira do Senhor passar o assunto, da pra entender perfeitamente. grato Fessor Bruno!

[@millermagusteiro9564]

Nem sabia que podia fazer isso muito bom essa aula top fessor gostei muito!!!!

[@alexandrefaculdade]

Ajudou demais aqui!

[@samuelbenites4439]

Muito bom, me ajudou muito.

[@vagnersouza3987]

eu tambem não

[@ajsouza35]

Professor : faz uma playlist de eventos com css3 . ex: Eu tenho uma Div com o Fundo da imagem e outra div com o texto ai coloca uma borda ai conforme move o mouse em cima da imagem a div do texto segue o mouse dentro da div da imagem....

[@cfbcursos]

Opa, anotada a sugestão...

[@ajsouza35]

mais uma coisa kkk essa é doideira - Porque eu tenho dificuldade de aprender JavaScript - Já HTML e CSS eu tenho uma facilidade impressionante... será que é porque javascript não é pra mim ou eu não estou me esforçando pra aprender igual eu me esforçei pra aprender HTML e CSS ??? ... E Obrigado por nos passar muitas informações sobre HTML e CSS me inspiro em você no mundo da programação :)

[@maninisiemel]

@@ajsouza35 Você já deve ter ficado especialista, mas js é mais difícil que html e css mesmo.

[@ajsouza35]

Tem coisas que eu estou vendo agora nas suas vídeos aulas que poderiam ter me ajudado muito no passado kkkkk...

[@cfbcursos]

kk, é isso acontece, rsrsrs

[@ajsouza35]

Fessor você tem algum vídeo relacionado a ToolTip com Jquery ou JavaScript - eu procurei tanto que já até desisti kk todos que eu fiz não deram certo :( queria fazer um evento que quando passa o mouse em cima da imagem uma box com o texto segue o mouse até sair da imagem

[@maninisiemel]

@@ajsouza35 Encontrou?

[@fernandosantana9113]

Professor eu não consigo linkar imagem em css usando o diretório do pc eu já tentei de varias formas e só funcionou uma vez

[@nicolas9194]

Oii, vc precisa colocar o diretório a partir da pasta que está seu arquivo html, senão ele não encontra. É recomendado colocar a imagem na mesma pasta do arquivo (aí é só colocar o nome da imagem), numa pasta pai (aí usa ../nomedoarquivo) ou pasta filha (nomedapasta/nomedoarquivo) ;)

[@tiagovalentim5577]

Professor meu monitor é de 1366x768, se eu fizer um background colocando uma foto ou uma paisagem me baseando nessa minha resolução e algum usuário que tiver um monitor de 1280x1024 por exemplo abrir o site, a imagem não vai ficar desproporcional na parte de baixo?... no caso de uma paisagem ou foto não dá pra fazer a gambiarra de colocar a mesma cor do fundo de uma imagem como feita nessa aula... como fazer nesse caso?

[@cfbcursos]

Tamanhos de monitores e suas resoluções sempre são um problema, você pode verificar qual valor é maior, largura ou altura e ajustar a imagem de acordo com o maior valor, é meio complicado mas é uma saída

[@tiagovalentim5577]

Entendi, o jeito então é evitar fazer uma pagina inicial que tenha uma imagem pra cobrir 100%, assim fica mais facil

[@sayori3939]

No curso de html4 foi mostrado um método no qual a tag img do body tinha um width "100%", no repeat e background color #000, em algumas resoluções a imagem será mostrada e a parte de baixo ficará com aquela cor preta(a img não vai ficar distorcida), não é perfeito mas é alguma coisa