Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu sei como mapear imagem para colocar links em determinadas partes dela, já fiz algumas vezes, mas comecei a usar um template que tem algo de diferente e não estou conseguindo mapear a imagem do HEADER.
Vocês podem ver aqui: http://www.diannaagronbrasil.com/
Quero colocar link em "Home", "Dianna", "Galeria" e "Info".
O problema é que eu sempre colocava <img src...> e mapeava a imagem. Nesse template a imagem do HEADER está nesse caminho "<div id="top_frame">". Se tento mudar para o <img src="..."> desconfigura tudo!
Bom, vou postar abaixo os códigos do header.php e do mapeamento que já criei. Espero que alguém possa ajudar!
header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('» ',true,'right'); ?><?php bloginfo('name'); ?><?php echo ($paged>1)? " - Page $paged":"";?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen" /><link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body><div id="header">
<?php $tmp=(is_single() || is_page())? "div":"h1";?>
<<?php echo $tmp;?> id="blog_title"><a href="<?php bloginfo('url'); ?>"> </a></<?php echo $tmp;?>>
<h2></h2>
<div id="menu">
<ul>
</ul>
</div>
<div id="rss"></div>
</div>Mapeamento:
<img src="http://www.diannaagronbrasil.com/wp-content/themes/versao2/images/top_frame.jpg" width="1440" height="406" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="762,135,825,177" href="#" />
<area shape="rect" coords="856,135,932,179" href="#" />
<area shape="rect" coords="961,135,1054,182" href="#" />
<area shape="rect" coords="1078,133,1149,184" href="#" />
</map>Carregando comentários...