CakePHP

Uso de imagens em Links – CakePHP

CakePHP
Image via Wikipedia

Para criar um link de imagem especificando o link de destino usando a opção de url.

Utilizando o  projeto criado no post: Aplicando estilos CSS – CakePHP. Vamos alterar o arquivo default.ctp ( projeto/app/views/layouts ) para que nossos links utilizem imagens com uso do html helper.

Altere o conteúdo entre as tags referentes à div de id  navegacao, ficando o código como descrito abaixo:

<div id="navegacao">
	<?php echo $html->image('inicial.png', array ('alt' => 'Home', 'url' => array('controller' => 'pages', 'action' => 'home'))); ?>
	<?php echo $html->image('contato.png', array ('alt' => 'Contato', 'url' => array('controller' => 'contacts', 'action' => 'index'))); ?>
</div>

Salve as imagens no diretorio img ( projeto/app/webroot/img ) e atualize seu navegador.

Boa sorte.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s