Colocando imagens em forma de quadrado nas noticias
Introdução
Olá galera, todos podem ver que no habbo brasil/portugual, é lançado um resultado de uma promoção de quartos, eles colocam a imagem dentro de um quadrado quando clica, ele se expande!
isso deixa as noticias muito mais organizadas '-'
UAU, como será que eles fazem isso? Pois bem eu sei como, mais não vou contar!
Brincadeira, como vocês são amigos, eu conto sim!
Primeiro, é necessário:
Ser admin de um hotel;
HTML ativado nas notícias;
Se estiver estes dois requirimentos, aqui vai o código:
Abaixo um outro código para colocar os quadrados um ao lado do outro(mais imagens)
Só troque o "LINK" pelo link de sua imagem.
Créditos:
Matheus470 - 80% (Fazer o tutorial e pegar o código)
habbo br/pt - 20% (Pelo código HTML)
Introdução
Olá galera, todos podem ver que no habbo brasil/portugual, é lançado um resultado de uma promoção de quartos, eles colocam a imagem dentro de um quadrado quando clica, ele se expande!
isso deixa as noticias muito mais organizadas '-'
UAU, como será que eles fazem isso? Pois bem eu sei como, mais não vou contar!
Brincadeira, como vocês são amigos, eu conto sim!
Primeiro, é necessário:
Ser admin de um hotel;
HTML ativado nas notícias;
Se estiver estes dois requirimentos, aqui vai o código:
- Código:
<div class="article-images clearfix">
<a href="LINK" style="background-image: url(LINK); background-position: -283px -334px"></a></div>
Abaixo um outro código para colocar os quadrados um ao lado do outro(mais imagens)
- Código:
<div class="article-images clearfix">
<a href="LINK" style="background-image: url(LINK); background-position: -340px -63px"></a>
<a href="LINK" style="background-image: url(LINK); background-position: -340px -63px"></a>
<a href="LINK" style="background-image: url(LINK); background-position: -340px -63px"></a>
<a href="LINK" style="background-image: url(LINK); background-position: -340px -63px"></a>
</div>
Só troque o "LINK" pelo link de sua imagem.
Créditos:
Matheus470 - 80% (Fazer o tutorial e pegar o código)
habbo br/pt - 20% (Pelo código HTML)