• Quero colocar uma imagem mapeada no meu header …

    Este é o código do header:

    <?php
    /**
     * The Header for our theme.
     *
     * @since admired 1.0
     */
    ?><!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 7]>
    <html id="ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html id="ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <?php global $options;
    $options = get_option('admired_theme_options'); ?>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php
    	if ( isset ($options['admired_hide_metainfo'])) {
    		wp_title('');	/* this is compatible with SEO plugins */
        } else {
    	/* Else Print the <title> tag.
    	 ----------------------------*/
    	global $page, $paged;
    
    	wp_title( '|', true, 'right' );
    	bloginfo( 'name' ); // Name.
    	$site_description = get_bloginfo( 'description', 'display' ); // Description
    	if ( $site_description && ( is_home() || is_front_page() ) )
    		echo " | $site_description";
    	// Add page number:
    	if ( $paged >= 2 || $page >= 2 )
    		echo ' | ' . sprintf( __( 'Page %s', 'admired' ), max( $paged, $page ) );
    	} ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <![endif]-->
    <?php	//* load the script needed for the superfish menu bar
        if ( isset ($options['admired_remove_superfish']) &&  ($options['admired_remove_superfish']!="") ) {
    		echo ' ';}
    	else {
    		wp_enqueue_script( 'jquery' );
    		wp_enqueue_script('admiredSFhoverIntent', get_template_directory_uri().'/js/superfish/hoverIntent.js');
    		wp_enqueue_script('admiredSF', get_template_directory_uri().'/js/superfish/superfish.js');
    	}
    	/* JavaScript for threaded comments.
    	 ----------------------------------*/
    	if ( is_singular() && get_option( 'thread_comments' ) )
    		wp_enqueue_script( 'comment-reply' );
    
    	/* wp_head() before closing </head> tag.
    	---------------------------------------*/
    	wp_head();
    ?>
    </head>
    
    <body <?php body_class(); ?>>
    	<div id="head-wrapper">
    		<?php /* ======== TOP MENU ======== */
    		if ( isset ($options['admired_show_secondary_menu'])&&  ($options['admired_show_secondary_menu'] != "") ) {
    		get_template_part('top','menu'); } else { echo "";}?>
    		<header id="branding" role="banner">
    			<div id="header-group"> <?php // can't have a <div> inside of <hgroup> probably a future fix ?>
    				<div id="header-logo">
    					<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    					<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    					<?php if ( isset ($options['admired_show_social_icons'])&&  ($options['admired_show_social_icons'] != "") ) {
    					get_template_part('header','social');} else { echo "";}
    					if ( isset ($options['admired_search_placement'])&&  ($options['admired_search_placement'] == "Header") ) {
    					get_search_form(); } ?>
    				</div>
    			</div>
    		</header><!-- #branding -->
    	</div><!-- #head-wrapper -->
    <div id="page" class="hfeed">
    	<?php /* ======== BOTTOM MENU ======== */
    	get_template_part('bottom','menu'); ?>
    	<div id="main">

    Este é o código da imagem mapeada :

    <div align="center"><img src="header.png" width="900" height="652" border="0" usemap="#Map">
    <map name="Map">
    <area shape="poly" coords="95,273" href="#">
    <area shape="poly" coords="95,273" href="#">
    <area shape="poly" coords="95,271,60,90,305,42,340,223,96,270" href="link%20das%20melhores%20cenas" target="_self" alt="">
    <area shape="poly" coords="562,212,598,30,843,79,808,258,562,212" href="Link%20dos%20downloads" target="_top">
    <area shape="poly" coords="274,500,259,466,259,445,264,428,270,413,277,394,288,375,297,367,318,361,330,357,329,350,324,342,319,332,320,311,323,300,338,292,346,288,359,287,370,293,376,301,380,312,378,335,377,349,383,358,390,363,393,347,398,329,410,320,422,315,429,310,416,296,418,288,420,277,419,261,430,243,447,233,458,229,472,232,483,246,492,269,491,285,495,295,498,310,520,328,531,348,537,366,541,362,535,342,535,320,546,302,560,300,578,313,585,334,585,349,590,361,603,364,620,372,638,382,655,407,666,426,669,438,671,448,666,461,645,481,630,493,622,501,622,523,622,546,617,557,593,560,559,563,514,562,481,557,486,540,453,536,452,555,434,558,410,560,393,559,375,558,353,561,321,559,293,561,258,557,248,550,249,522,256,508,256,480,258,470,261,470" href="http://twoandahalfmenbr.com/" target="_self">
    <area shape="poly" coords="42,483,29,490,23,499,23,517,24,553,23,586,38,605,47,607,60,606,77,607,95,607,109,608,123,605,133,603,144,589,144,564,144,503,141,495,135,487,125,484,42,483,54,483,65,483,81,483,93,484,111,484,119,483" href="http://www.facebook.com/pages/Two-and-a-Half-Men-Brasil/154358824671547?sk=wall" target="_self">
    <area shape="poly" coords="760,483,746,496,743,507,744,589,756,603,769,607,790,605,848,606,867,587,868,503,859,488,848,483,763,484" href="https://twitter.com/taahmbr" target="_self">
    </map>
    </div>

    Poderiam me ajudar ?

    Obrigado ;*

Visualizando 1 resposta (de um total de 1)
  • Skuld ,
    Essa imagem não e muito grande não?
    ela vai quebrar o seu tema.
    Mas respondendo a pergunta , você vai precisar modificar os arquivos header.php e style.css .

    HEADER.PHP

    <div id="header-logo">
                        <img src="header.png" width="900" height="652" border="0" usemap="#Map">
                        <map name="Map">
    <area shape="poly" coords="95,273" href="#">
    <area shape="poly" coords="95,273" href="#">
    <area shape="poly" coords="95,271,60,90,305,42,340,223,96,270" href="link%20das%20melhores%20cenas" target="_self" alt="">
    <area shape="poly" coords="562,212,598,30,843,79,808,258,562,212" href="Link%20dos%20downloads" target="_top">
    <area shape="poly" coords="274,500,259,466,259,445,264,428,270,413,277,394,288,375,297,367,318,361,330,357,329,350,324,342,319,332,320,311,323,300,338,292,346,288,359,287,370,293,376,301,380,312,378,335,377,349,383,358,390,363,393,347,398,329,410,320,422,315,429,310,416,296,418,288,420,277,419,261,430,243,447,233,458,229,472,232,483,246,492,269,491,285,495,295,498,310,520,328,531,348,537,366,541,362,535,342,535,320,546,302,560,300,578,313,585,334,585,349,590,361,603,364,620,372,638,382,655,407,666,426,669,438,671,448,666,461,645,481,630,493,622,501,622,523,622,546,617,557,593,560,559,563,514,562,481,557,486,540,453,536,452,555,434,558,410,560,393,559,375,558,353,561,321,559,293,561,258,557,248,550,249,522,256,508,256,480,258,470,261,470" href="http://twoandahalfmenbr.com/" target="_self">
    <area shape="poly" coords="42,483,29,490,23,499,23,517,24,553,23,586,38,605,47,607,60,606,77,607,95,607,109,608,123,605,133,603,144,589,144,564,144,503,141,495,135,487,125,484,42,483,54,483,65,483,81,483,93,484,111,484,119,483" href="http://www.facebook.com/pages/Two-and-a-Half-Men-Brasil/154358824671547?sk=wall" target="_self">
    <area shape="poly" coords="760,483,746,496,743,507,744,589,756,603,769,607,790,605,848,606,867,587,868,503,859,488,848,483,763,484" href="https://twitter.com/taahmbr" target="_self">
    </map>
    </div>

    STYLE.CSS

    #page {
    	padding: 0 10px;
    	position: relative;
    	margin: 0em auto;
    	width: 1050px;
    	margin-top:655px;
    }

    acho que isso deve dar .

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Editando Tema " Admire "’ está fechado para novas respostas.