Olá amores ♥
Tudo bom? Trouxe um tutorial bem fofinho para vocês,é de como personalizar a Light Box -'Mas titia,o que é isso?' Lendo mais vocês irão descobrir! cdts
Ela é nada menos que isso:
Então,hoje vamos aprender a personalizá-la!
1- Vá em Configurações ->Postagens e Comentários ->Mostrar imagens com a Lightbox -> Sim
2- Vamos ao HTML. Procure por <body>,então acima da tag cole:
<style>
</style>
Deixe um espaço no meio das tags,para aplicar os códigos que precisar.
3-Agora,cole o código a seguir entre as tags:
.CSS_LIGHTBOX_BG_MASK {
opacity: 0.5 !important;
background-color: #Cor de Fundo!important;
}
.CSS_LIGHTBOX_FILMSTRIP {
background:#Cor de fundo da parte de baixo !important;;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 60px;
}
.CSS_LIGHTBOX_BTN_CLOSE {
cursor: pointer;
background: url(http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Close-icon.png) no-repeat !important;;
width: 32px !important;
height: 32px !important;
top: 3px;
position: absolute;
z-index: 100;
}
Ele está explicado.Personalize ao seu gosto. Simples não?!
Beijos
Nenhum comentário:
Postar um comentário
Comente que eu retribuo!