Bom Dia chocolates lover's. Desculpem-me não ter postado durante alguns dias, mas estava sem pedidos e sem criatividade para botar alguma postagem aqui. Mas isso, é por realmente falta de ideias. Mas como recebi
Quando clicamos na imagens, vemos ela em um tipo de "janela" que se abre no blog, correto? É isso que vamos personalizar hoje. O nome é Light Box. Se você não entendeu o que quis dizer, necessariamente nem eu teria entendido, clique aqui.
Se você não sabe ativar a Light Box, siga o "passo-a-passo" dessa imagem. (♪) Assim, você ativa o comando do visualizador e nós podemos personalizá-lo livremente.
Para começar a personalização, expanda o modelo dos gadgets e procure por: <body>. Acima da tag, cole:
<style>Entre essas tags que colocaremos os códigos da personalização. Não deixe de colocar nenhum deles entre essas duas, o modelo vai dar como incorreto.
</styte>
Agora vamos, realmente, para a personalização.
1- Fundo (♪)
.CSS_LIGHTBOX_BG_MASK {opacity: 0.5 !important;background-color: #222 !important;}Em negrito, está destacado a área que se refere a opacidade do fundo e em itálico a cor do fundo que teremos que personalizar.
2- Barra de Navegação (♪)
.CSS_LIGHTBOX_FILMSTRIP {Destaquei em negrito, onde vocês terão que colocar o código da cor do background da barra de navegação do visualizador.
background: #991d1d !important;;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 60px;
}
3- Botão de Fechar (♪)
.CSS_LIGHTBOX_BTN_CLOSE {cursor: pointer;background: url('URL') no-repeat !important;;width: 32px !important;height: 32px !important;top: 3px;position: absolute;z-index: 100;}Destaquei em itálico aonde terão que colocar a url do botão de fechar e em negrito a largura e altura da imagem que vai servir como botão.
Espero que tenham entendido. Caso não, clique aqui e veja o tutorial do A.N. Tem umas imagens de botão para fechar nele também.
/Ana
AH eu sempre quis saber como fazer isso *u* Salvei esse post nos favoritos pra usar no proximo layout u.u
ResponderExcluirQue bom que ajudei :)
Excluir~Obrigada.
Que lindinho, irei fazer isso no proximo lay!!
ResponderExcluirhttp://chuvasdioutono.blogspot.com.br/
Obrigada :)
Excluiraaaaah, queria mesmo saber como faz isso (((((((((((:
ResponderExcluirUaau, parabéns pelo seu blog, eu amei aqui, amei sua criatividade, seu modo de falar com os leitores, a forma que você usa nas postagens, o design e etc, eu realmente curti e vou voltar aqui sempre ! Obrigada por ter criado . Parabéns novamente e já estou seguindo ((: Parabéns !!
http://dezesseteetantos.blogspot.com.br/
Ajudei! \o/
Excluir- Obrigada pelos elogios.
Nya que lindooo, sempre quis aprender, vou usar *---*
ResponderExcluirEspero que goste.
ExcluirVou usar agora a Light Box, estava vendo ela em diversos blogs mas nao sabia o que era, agora vou usar &-*
ResponderExcluirOk, bom uso.
ExcluirSempre quis saber como deixar ela fofa >.<
ResponderExcluirquirky-tree.blogspot.com
Muito boa essa dica,d+!
ResponderExcluir~Será que vocês poderiam me ajudar na meta de 40 seguidores pro meu blog?
- Little Things
Obrigada.
Excluir- Ajudei.
Nossa eu ainda não sabia que dava para personalizar a Ligth box , tuto muito útil.
ResponderExcluirhttp://fantasy-kawaii.blogspot.com.br/
Obrigada :D
ExcluirNão sabia que dava para personalizar!!! Muito grata, vou usar agora!
ResponderExcluirhttp://garotadabolsa.blogspot.com.br/
Segue se gostar?
Que bom que ajudei :)
Excluir