Contorno em itens em destaque.

1. Contorno em itens em destaque.

removido
(usa Nenhuma)

Enviado em 01/01/2014 - 14:34h

Olá. Então, tem um detalhe no design num site que meu patrão me pediu, mas não sei como fazer... Como podem perceber, estou aprendendo a mexer de modo efetivo com websites agora.

Ele quer que eu faça este contorno branco em volta dos imóveis em destaque:

http://tinypic.com/view.php?pic=141p40j&s=5#.UsRE69JDu7k

Desta forma, contornando as informações.

O script que puxa os imóveis do banco de dados e os exibe é este:



        <?php



include("config.php");

include("tags.php");



# Informa qual o conjunto de caracteres será usado.

header('Content-Type: text/html; charset=utf-8');



# Conecta ao banco de dados

$conexao = mysql_connect('localhost','usuario','passwd');

$banco = mysql_select_db('bd');



# Aqui está o segredo

mysql_query("SET NAMES 'utf8'");

mysql_query('SET character_set_connection=utf8');

mysql_query('SET character_set_client=utf8');

mysql_query('SET character_set_results=utf8');



                   $sql = mysql_query("SELECT i.id, i.foto_exibicao, i.foto_grande, i.foto_titulo, i.foto_descricao, i.valor, t.tipo_nome, c.cidade,

                   b.bairro

                   FROM imoveis i

                   LEFT JOIN imoveis_tipo t ON (t.id = i.id_tipo_imovel)

                   LEFT JOIN cidades c ON (c.id = i.id_cidade)

                   LEFT JOIN bairros b ON (b.id = i.bairro)

                   WHERE i.ativo='1' AND i.destaque='1' ORDER BY RAND() LIMIT 4") or print(mysql_error());

                   if( mysql_num_rows( $sql ) > 0 ){

                  

                  /* monta os dados buscados acima */

                  $i = 0;

                  $dados = array();

                  while( $linha = mysql_fetch_array( $sql ) ) {

                    if( !empty( $linha['foto_exibicao'] ) ) {

                      $dados[$i]['id']            = $linha['id'];

                      $dados[$i]['foto_exibicao'] = $linha['foto_exibicao'];

                      $dados[$i]['foto_grande']   = $linha['foto_grande'];

                      $dados[$i]['foto_titulo']   = $linha['foto_titulo'];

                      $dados[$i]['foto_descricao']= $linha['foto_descricao'];

                      $i++;

                    }

                  }



        ?>



<link href="css/slide.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-ui.min.js"></script>



<script type="text/javascript">

	$(document).ready(function(){

		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

	});

</script>



		<h1 style="border:0;"><img src="imagens/img-imov-destaque.jpg" /></h1>

        <!-- lista miniaturas slide -->

		<div id="featured" >

		  <ul class="ui-tabs-nav">

          <?php foreach( $dados as $i => $linha ){ ?>

            <li class="ui-tabs-nav-item<?php echo ($i == 1 ? ' ui-tabs-selected' : ''); ?>" id="nav-fragment-<?php echo $i;?>"><a href="#fragment-<?php echo $i;?>"><img src="img_imoveis/<?php echo $linha['foto_exibicao']; ?>" alt="<?php echo $linha['foto_titulo']; ?>" width="80" height="50" /><span><?php echo $linha['foto_titulo']; ?></span></a></li>

            <?php 

            $i++; 

            } 

            ?>

	      </ul>



	    <!-- Lista conteúdo slide -->

        <?php foreach( $dados as $i => $li ){ ?>

	    <div id="fragment-<?php echo $i;?>" class="ui-tabs-panel">

			<a href="detalhes_imovel.php?Cod=<?php echo $li['id']; ?>" >

      <img src="img_imoveis/<?php echo $li['foto_grande']; ?>" alt="<?php echo $li['foto_titulo']; ?>" width="400" height="250" /></a>

			 <div class="info" >

				<h2><a href="detalhes_imovel.php?Cod=<?php echo $li['id']; ?>" ><?php echo $li['foto_titulo']; ?></a></h2>

				<p><a href="detalhes_imovel.php?Cod=<?php echo $li['id']; ?>" ><?php echo $li['foto_descricao']; ?></a></p>

			 </div>

	    </div>

        <?php $i++; } ?>



		</div>

<?php } ?>

Gostaria que os imóveis já saissem contornados, como este.

Num momento, eles estão assim:

http://tinypic.com/view.php?pic=m827l&s=5#.UsRE7tJDu7k

E deve ficar com aquele contorno.

Agradeço pela ajuda desde já! E muito obrigado, pessoal do Viva o Linux, por sempre estarem me ajudando!

0 0

Quote