Гиперссылка на главную в хедере

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем HelenYNWA, 22.05.2012.

  1. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    Подскажите, как в хедере сделать гиперссылку на главную страницу?
    Вариант "сунуть картинку хедера в <a href=""></a>" не работает, ибо шаблон для сайта сделан на Артистере.

    В CSS код такой:

    div.art-header-png
    {
    position: absolute;
    left:-50%;
    top: 0;
    width: 988px;
    height: 300px;
    background-image: url('../images/header.png');
    background-repeat: no-repeat;
    background-position:center center;
    }
     
  2.  
  3. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    да была ж недавно такая тема.Обертка блока div class=art-header-png
     
  4. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    пошаговой инструкции нет? так как описано-не получается.
     
  5. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    где описано?
     
  6. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    Вариант 1.Столкнулся с проблемой некликабельности картинки в шапке сайта. Шаблон сгенерирован с помощью Artisteer. Решил проблему так:

    Файл template.css:
    Изменить div. art-header-png на a. art-header-png
    В файле index.php:
    изменить <div class=”art-header-jpeg”> </div>
    на <div> <?php echo ‘<a class=”art-header-jpeg” href=”‘.check_url($front_page).’”> Главная</a>’; ?></div>
    Может быть либо jpeg, либо png, в зависимости от настроек прозрачности шапки шаблона.



    Вариант 2.

    в лого вставляешь <a href="/" title="на главную"></a>
    в CSS дописываешь
    #logo a{
    display: block;
    width: 100%;
    height: 100%;
    }



    Но у меня не лого, а картинка в хедер прописана в css как "background-image: url('../images/header.png');".
    Если знаете как решить данную задачу, то подскажите6 пожалуйста!
     
  7. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    А этот способ, что не подходит ?
    http://joomla-support.ru/thread/37088/
    Два дня назад тема была решена.И снова кому то лень поиск задействовать.
     
    Последнее редактирование модератором: 31.03.2014
  8. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    Код хедера в css:
    Код (CODE):
    1. /* begin Header */
    2. div.art-header
    3. {
    4.   margin: 0 auto;
    5.   position: relative;
    6.   width: 100%;
    7.   height: 300px;
    8.   overflow: hidden;
    9. }
    10.  
    11. div.art-header-center
    12. {
    13.     position: relative;
    14.     width: 988px;
    15.     left:50%;
    16. }
    17.  
    18.  
    19. div.art-header-png
    20. {
    21.   position: absolute;
    22.   left:-50%;
    23.   top: 0;
    24.   width: 988px;
    25.   height: 300px;
    26.   background-image: url('../images/header.png');
    27.   background-repeat: no-repeat;
    28.   background-position:center center;
    29. }
    30.  
    31. div.art-header-jpeg
    32. {
    33.   position: absolute;
    34.   top: 0;
    35.   left:-50%;
    36.   width: 988px;
    37.   height: 300px;
    38.   background-image: url('../images/header.jpg');
    39.   background-repeat: no-repeat;
    40.   background-position: center center;
    41. }
    42.  
    43. /* end Header */
    44.  
    45.  
    46.  
    47.  
    48. код из index.php
    49.  
    50. <div class="art-header">
    51.     <div class="art-header-center">
    52.         <div class="art-header-png"></div>
    53.         <div class="art-header-jpeg"></div>
    54.     </div>
    55. <script type="text/javascript" src="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/swfobject.js"></script>
    56. <div id="art-flash-area">
    57. <div id="art-flash-container">
    58. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="988" height="300" id="art-flash-object">
    59.     <param name="movie" value="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" />
    60.     <param name="quality" value="high" />
    61.     <param name="scale" value="default" />
    62.     <param name="wmode" value="transparent" />
    63.     <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=3&amp;clipx=0&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=255&amp;clipw=1058&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no" />
    64.     <param name="swfliveconnect" value="true" />
    65.     <!--[if !IE]>-->
    66.     <object type="application/x-shockwave-flash" data="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" width="988" height="300">
    67.         <param name="quality" value="high" />
    68.         <param name="scale" value="default" />
    69.         <param name="wmode" value="transparent" />
    70.         <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=3&amp;clipx=0&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=255&amp;clipw=1058&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no" />
    71.         <param name="swfliveconnect" value="true" />
    72.     <!--<![endif]-->
    73.         <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
    74.     <!--[if !IE]>-->
    75.     </object>
    76.     <!--<![endif]-->
    77. </object>
    78. </div>
    79. </div>
    80. <script type="text/javascript">swfobject.switchOffAutoHideShow();swfobject.registerObject("art-flash-object", "9.0.0", "<?php echo $document->baseurl . '/templates/' . $document->template; ?>/expressInstall.swf");</script>
    81.  
    82. </div>
    83.  
    84.  
    85. Обертывалось как посоветовали <div class="art-header-png"></div>, не работает. Обертывался весь
    86. <div class="art-header">
    87.     <div class="art-header-center">
    88.         <div class="art-header-png"></div>
    89.         <div class="art-header-jpeg"></div>
    90.     </div>
    , тоже не работает. Посоветуйте что-нибудь
     
    Последнее редактирование модератором: 07.06.2012
  9. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    там еще флеш, без него ваш метод работает, спасибо. Не знаете как с флешем сделать чтобы работало?
     
  10. shahin
    Offline

    shahin р-т

    Регистрация:
    22.04.2010
    Сообщения:
    437
    Симпатии:
    37
    Пол:
    Мужской
    сам флеш сделать ссылкой.
     
  11. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    каким образом это сделать, чтобы работало?
     
  12. Offline

    HelenYNWA Недавно здесь

    Регистрация:
    24.11.2011
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Женский
    Вопрос все еще в силе. Если кто знает ответ, подскажите решение.
     
  13. shahin
    Offline

    shahin р-т

    Регистрация:
    22.04.2010
    Сообщения:
    437
    Симпатии:
    37
    Пол:
    Мужской
    отправте мне флеш файл. и размеры файла напишите и ссылку тоже. я сделаю и отправлю вам.
     

Поделиться этой страницей

Загрузка...