Hallo,
nachdem ich jetzt schon ewig rummache hier mein Problem, ich möchte im Theme Pagelines im Headerbild ein Facebook Symbol haben welches wenn man es anklickt zur Facebookseite verlinkt ist. Habe schon einiges versucht auch ein schönes Tutorial gefunden wie man Image-Maps in Wp Headers integriert leider funktioniert das bei dem Pagelines Theme nicht. Die Header.php ist dort mächtig kurz und trotzdem irgendwie prall mit Infos gefüllt.
Hier das schöne Tutorial:
http://www.youtube.com/watch?v=HV0gaIMaX9A
PHP
<?php
/**
* HEADER
*
* This file controls the HTML <head> and top graphical markup (including
* Navigation) for each page in your theme. You can control what shows up where
* using WordPress and PageLines PHP conditionals.
*
* @package PageLines Framework
* @since 1.0
*
* @link http://www.pagelines.com/
* @link http://www.pagelines.com/tour
*
* @author PageLines http://www.pagelines.com/
* @copyright Copyright (c) 2008-2012, PageLines hello@pagelines.com
*
* @internal last revised January 23, 2012
* @version ...
*
* @todo Define version
*/
pagelines_register_hook('pagelines_before_html'); // Hook
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php
pagelines_register_hook('pagelines_head'); // Hook
wp_head(); // Hook (WordPress)
pagelines_register_hook('pagelines_head_last'); // Hook ?>
</head>
<?php
echo pl_source_comment('Start >> HTML Body', 1); ?>
<body <?php body_class( pagelines_body_classes() ); ?>>
<?php
pagelines_register_hook('pagelines_before_site'); // Hook
if(has_action('override_pagelines_body_output')):
do_action('override_pagelines_body_output');
else: ?>
<div id="site" class="<?php echo pagelines_layout_mode();?>">
<?php pagelines_register_hook('pagelines_before_page'); // Hook ?>
<div id="page" class="thepage">
<?php pagelines_register_hook('pagelines_page'); // Hook ?>
<div class="page-canvas">
<?php pagelines_register_hook('pagelines_before_header');?>
<header id="header" class="container-group">
<div class="outline">
<?php pagelines_template_area('pagelines_header', 'header'); // Hook ?>
</div>
</header>
<?php pagelines_register_hook('pagelines_before_main'); // Hook ?>
<div id="page-main" class="container-group">
<div id="dynamic-content" class="outline">
<?php
pagelines_special_content_wrap_top();
endif;wo kann ich jetzt den nach Anleitung über das Tutorial gemachte Imagemap unterbringen der lautet:
HTML
<div style="text-align:center; width:1134px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_1201207230542594" src="http://www.xxxxx.euuploaded_files/1201207230542594_os20face.gif" usemap="#Image-Maps_1201207230542594" border="0" width="1134" height="50" alt="" />
<map id="_Image-Maps_1201207230542594" name="Image-Maps_1201207230542594">
<area shape="rect" coords="1074,3,1114,45" href="http://www.facebook.com/xxxxx" alt="" target"_blank" title="" />
<area shape="rect" coords="1132,48,1134,50" href="http://www.image-maps.com/index.php?aff=mapped_users_1201207230542594" alt="Image Map" title="Image Map" />
</map>
</div>Vielen Dank im Voraus
Tilltitan