Jump to content


000.000

Member Since 29/05/2013
Offline Last Active 03/06/2013, 20:40
-----

Posts I've Made

In Topic: Liquid Design Em Div Central

29/05/2013, 19:27

Olá, Lella. Segue a forma como eu fiz;
Antes de tudo, recomendo que você utilize a PORCENTAGEM para definir a largura da width também, para precaver-se de antemão de problemas com a resolução.
Para colocar uma box no fim da div centro, basta que use o margin-top.
.bloco{ background-color:#00F; width:200px; height:200px; margin:0 auto; margin-top: 100%;}

In Topic: Como Deixar Uma Div Transparente?

29/05/2013, 19:21

Então cara, se você quiser dar uma opacidade na div, basta usar o atributo "opacity" do css.
#suaDiv {opacity: 0.7 /*opacidade de 70% */}
Se você quiser que a BORDA fique com opacidade, podemos utilizar o padrão de cores RGBA, exemplo:
#suaDiv {border: 5px solid rgba(0,0,0,0.8);}

EXPLICAÇÃO RGBA: A utlização do rgba é muito simples e pode-se usar o paint para se usar como base. Entre o paint e procura pela caixa de cores logo acima e clique EDITAR CORES. vai abrir uma caixa em que você escolhe a cor e na opacidade que você quiser. Note que logo ao lado tem três caixinhas escritas "vermelha (Red)", "verde (Green)" e "azul (Blue)", ou seja RGB, que nada mais é do que a fusão dessas três cores para chegar em uma infinidade de outras cores. Escolha a cor que você quer e perceba que o valor dessas caixinhas se alteram. Agora é só utilizar os valores na ordem do RGBA no css. São quatro valores, perceba: #suaDiv {rgba(124(valor do vermelho), 25(valor do verde), 75(valor do azul) e no final é a opacidade, por exemplo: 0.5 (50% de opacidade)};
Então o código fica assim:
#suaDiv {border: 5px solid rgba(124, 25,75,0.5);}
Colocamos opacidade na borda sem atingir outros elementos.

LEMBRANDO QUE O RGBA TAMBÉM SERVE PARA BACKGROUNDS, quando queremos colocar opacidade sem atingir toda a div.

IPB Skin By Virteq