Лента этого топика

Как сделать блок в заголовке кликабельным? (header.php внутри)

(Ответов: 5, Просмотров: 1562)
  1. 12.05.2015 14:58
    #1
    IX. вне форума
    IX.
    Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Делаю шаблон в Artisteer, кое-что не получается никак. Помогите, пожалуйста.
    Сайт - profrab.com
    Нужен вот этот кликабельный блок:
    Нажмите на изображение для увеличения.  Название: y.JPG  Просмотров: 6  Размер: 34.5 Кб  ID: 17640
    Код header.php:

    PHP код:
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo('charset') ?>" />
    <title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
    <!-- Created by Artisteer v4.0.0.58475 -->
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" media="screen" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php
    remove_action    ('wp_head', 'wp_generator');
    if (    is_singular() && get_option('thread_comments')) {
            wp_enqueue_script('comment-reply');
    }
    wp_head();
    ?>
    </head>
    <body <?php body_class(); ?>>

    <div id="art-main">
    <nav class="art-nav clearfix">
        <?php
            echo theme_get_menu(array(
                    'source' => theme_get_option('theme_menu_source'),
                    'depth' => theme_get_option('theme_menu_depth'),
                    'menu' => 'primary-menu',
                    'class' => 'art-hmenu'
                )
        );
    ?> 
        </nav>

    <?php if(theme_has_layout_part("header")) : ?>
    <header class="clearfix art-header<?php echo (theme_get_option('theme_header_clickable') ? ' clickable' : ''); ?>"><?php get_sidebar('header'); ?>


    <?php if (!theme_has_header_image()) : ?>
    <div class="art-slider art-slidecontainerheader">
        <div class="art-slider-inner">
    <div class="art-slide-item art-slideheader0">
    <div class="art-textblock art-slideheader0-object441995870" data-left="0%">
            <div class="art-slideheader0-object441995870-text"><p style="color: rgb(12, 57, 69); font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; "><span class="Apple-style-span" style="font-size: 26px;">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="color: #082730; font-size:17px;font-family:Calibri, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-decoration:none"><br></p><p style="color: rgb(8, 39, 48); font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; "><span class="Apple-style-span" style="font-size: 26px; color: #E2341D; ">&nbsp; &nbsp; (495) 971-38-28<br style=""></span></p><p style="color: #082730; font-weight: bold; "><span class="Apple-style-span" style="font-size: 26px; color: #E2341D; ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader1">
    <div class="art-textblock art-slideheader1-object1730990097" data-left="0%">
            <div class="art-slideheader1-object1730990097-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader2">
    <div class="art-textblock art-slideheader2-object96990094" data-left="0%">
            <div class="art-slideheader2-object96990094-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader3">
    <div class="art-textblock art-slideheader3-object1084077875" data-left="0%">
            <div class="art-slideheader3-object1084077875-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader4">
    <div class="art-textblock art-slideheader4-object1676790155" data-left="0%">
            <div class="art-slideheader4-object1676790155-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader5">
    <div class="art-textblock art-slideheader5-object2133064406" data-left="0%">
            <div class="art-slideheader5-object2133064406-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>
    <div class="art-slide-item art-slideheader6">
    <div class="art-textblock art-slideheader6-object1310633437" data-left="0%">
            <div class="art-slideheader6-object1310633437-text"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></div>
        
    </div>
    </div>

        </div>
    </div>
    <?php endif; ?>


    <?php if (!theme_has_header_image()) : ?>
    <div class="art-slidenavigator art-slidenavigatorheader">
    <a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a>
    </div>
    <?php endif; ?>




        <div class="art-shapes">


                </div>

                    
                        
    </header>
    <?php endif; ?>

    <div class="art-sheet clearfix">
                <div class="art-layout-wrapper clearfix">
                    <div class="art-content-layout">
                        <div class="art-content-layout-row">
                            <?php get_sidebar(); ?>
                            <div class="art-layout-cell art-content clearfix">
    Последний раз редактировалось IX.; 12.05.2015 в 15:21.
    • 0
  2. 13.05.2015 00:53
    #2
    awmaster08 вне форума
    awmaster08
    Опытный Аватар для awmaster08
    • Регистрация: 22.02.2008
    • Сообщений: 443
    • Репутация: 55
    • Webmoney BL: ?
    PHP код:
    <div class="art-slideheader1-object1730990097-text"><a href="*****"><span style="font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, sans-serif; "><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; "><br></span></p><p style="font-size: 14px; color: rgb(12, 57, 69); font-weight: bold; "><span style="font-size: 26px; ">ГОРОДСКОЙ ЦЕНТР ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ</span></p><p style="line-height: 21px; color: rgb(8, 39, 48); font-size: 17px; font-weight: bold; "><br></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">&nbsp; &nbsp; (495) 971-38-28<br></span></p><p style="font-size: 14px; color: rgb(8, 39, 48); font-weight: bold; "><span style="font-size: 26px; color: rgb(226, 52, 29); ">8 (926) 76 97 822</span></p><p style="font-weight: bold; "><span class="Apple-style-span" style="color: rgb(226, 52, 29); font-size: 26px;"><br></span></p></span></a></div> 
    В каждый слайд прописать ссылку. Или вам более изящное решение нужно? :)
    Последний раз редактировалось awmaster08; 13.05.2015 в 00:56.
    1 000$ в день? Реально с лучшими партнерскими программами!
    • 0
  3. 13.05.2015 01:00
    #3
    play1 вне форума
    play1
    Студент Аватар для play1
    • Регистрация: 03.05.2012
    • Сообщений: 46
    • Репутация: 12
    Сейчас у вас "прыгает" заголовок сайта и телефон, когда слайды меняются.

    Можно слайдер сделать меньше размером, а блок с названием сайта будет ссылкой на главную страницу.
    • 0
  4. 13.05.2015 08:55
    #4
    IX. вне форума
    IX.
    Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    awmaster08,пробовал, конечно. Когда делаю слайдер в Artisteer, то шапка некликабельна.


    ---------- Сообщение добавлено 07:55 ---------- Предыдущее 07:55 ----------

    play1, дело в самом слайдере, наверно. Если я уберу его в Artisteer, то вся шапка будет кликабельна.
    Цитата Сообщение от play1 Посмотреть сообщение
    Сейчас у вас "прыгает" заголовок сайта и телефон, когда слайды меняются.
    Знаю, потом поправлю.
    • 0
  5. 13.05.2015 08:58
    #5
    IX. вне форума
    IX.
    Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Вставил ссылку в предпоследний слайд. Посмотрите, пожалуйста, сайт.
    Вместо этого создался пустой слайд.


    Правильно?
    Нажмите на изображение для увеличения.  Название: yt.JPG  Просмотров: 3  Размер: 19.3 Кб  ID: 17643
    • 0
  6. 13.05.2015 18:58
    #6
    IX. вне форума
    IX.
    Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Проблема решена!

    Нужно было ""обернуть" в тег a:

    <a href='http://profrab.com'><div class="art-shapes"></div></a>
    • 0

Тэги топика:

« current-menu-item для определенного элемента | Запросы к wp_comments грузят хостинг. Прошу помощи »

Похожие темы

Темы Раздел Ответов Последний пост
Как сделать авторизацию в header
 Web программирование 2 03.11.2012 15:00
как сделать логотип кликабельным на внутренних страницах?
 Web программирование 9 08.09.2012 16:31
Как сделать swf баннер кликабельным ?
 Web программирование 0 25.06.2012 15:09
как сделать чтоб по клику по тексту выпадало видео (см. внутри)
 Софт, скрипты, сервисы 7 22.09.2011 02:05
Как сделать кликабельным
 Web программирование 6 29.08.2011 13:31
(добавить баннер)

Баннеры



(добавить ссылку)

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Или перенести аккаунт с других форумов

Золотые темы форума

Все золотые темы

Популярные темы

Информеры