Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

frsantos

[WordPress] colocar título de post por cima da imagem

Mensagens Recomendadas

frsantos

boas, estou a tentar adaptar um theme wordpress e queria fazer algo deste género

5816538_rUbUF.jpeg

com quatro espaços destes seguidos

o que fiz foi isto

php

<div id="dstk2">
		<div id="img-dstk">
			<img src="imagens/img_dtk_exemplo.png">
		</div>
		<div id="txt-dstk">
			David Fonseca lança músicas exclusivas para ...
		</div>
                        <div id="img-dstk">
			<img src="imagens/img_dtk_exemplo.png">
		</div>
		<div id="txt-dstk">
			David Fonseca lança músicas exclusivas para ...
		</div>
                        <div id="img-dstk">
			<img src="imagens/img_dtk_exemplo.png">
		</div>
		<div id="txt-dstk">
			David Fonseca lança músicas exclusivas para ...
		</div>
                        <div id="img-dstk">
			<img src="imagens/img_dtk_exemplo.png">
		</div>
		<div id="txt-dstk">
			David Fonseca lança músicas exclusivas para ...
		</div>
	</div>

css

#dstk2 {
float:left;
padding-left:10px;
width:630px;
height:130px;
}

#img-dstk {
width:150px;
height:120px;
float:left;
        }

#txt-dstk {
position:relative;
width:150px;
height:30px;
top:90px;
background-image:url(imagens/f_laranja.png);
font-size:10px;
font-stretch:condensed;
font-weight:bold;
color:#FFFFFF;
        float:left;
}

mas o resultado está a ser este

5821324_L8RJz.jpeg

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.