Как сделать кликабельный логотип

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by diki, Aug 27, 2012.

Page 1 of 3
  1. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    Подскажите что нужно подправить чтобы логотип был кликабельным только на внутренних страницах а на главной нет? И чтобы логотип отображался в IE

    CSS
    Код (PHP):
    1. #logo{  margin:0 0 0 5px;
    2.  display: block;
    3.   background: url(../images/stok-info.png)no-repeat;
    4.    width: 240px;
    5.   height: 132px;
    6.   }
    7.  #line{ width: 240px;
    8.  height: 10px;
    9.   box-shadow: 0px 0px 5px 2px #000  inset ;
    10.  -webkit-box-shadow: 0 0 5px 2px #000 inset ;
    11.  -moz-box-shadow: 0 0 5px 2px #000 inset;
    12. }

    HTML
    Код (PHP):
    1. <header>
    2. <a href="http://stok-info.ru/"><div id="logo"></div></a>  
    3. <div id="line"></div>
    4. </header>
     
    diki, Aug 27, 2012
    #1

  2. Ads Master

     
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    1. вставлять лого надо не в хеадере сайта, т.к. всё отображение идёт только между тегами <body></body>
    2. и нафига тебе DIV, используй простой IMG <a href="http://stok-info.ru/"><img id="logo" src="путь до картинки"></div></a>
    3. можно конечно и DIV'ом воспользоваться)))))
    4. какая версия J, в старых версиях php скрипт будет один в новых другой, на проверку какая в данный момент страница у тебя открыта главная или нет
     
    woojin, Aug 27, 2012
    #2
  4. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    что вообще такое <header>...</header> ?? =O
    woojin, не заморачивайся =)

    Нужно просто создать модуль типа "HTML-код", разместить в нём картинку логотипа со ссылком и выбрать привязку ко всем страницам, кроме главной. А позицию модуля надо будет разместить в месте логотипа в index.php. ИМХО.

    P.S.: Сейчас отпишется draft!))
     
    Last edited: Aug 27, 2012
    AKopytenko, Aug 27, 2012
    #3
  5. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    это был его тег в котором он описывал заголовок своей станицы, а это исправленная ссылка на HEAD для html
    htmlbook.ru - Теги HTML - Тег <head>
     
    Last edited: Aug 27, 2012
    woojin, Aug 27, 2012
    #4
  6. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    вот чёрт, никогда не сталкивался =O
    смысл использования пока не понял - надо почитать на досуге, спасибо за ссылки! :[
     
    AKopytenko, Aug 27, 2012
    #5
  7. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    без хеадера ни одна html страница работать не будет))))
    посмотри на исходник страницы форума хотябы
    структура проста
    <HTML>
    <HEAD>
    ..............
    </HEAD>
    <BODY>
    ...............
    </BODY>
    </HTML>
     
    Last edited: Aug 27, 2012
    woojin, Aug 27, 2012
    #6
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Ты ничег не путаешь? Может head ?
     
    OlegK, Aug 27, 2012
    #7
  9. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    у меня сайт (HTML5) на движке joomla 2.5
     
    diki, Aug 27, 2012
    #8
  10. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    да!!!!!!!!!
    у него же заголовок html, а заголовок страницы
    спасибо draff, исправил))))

    всё равно суть моего поста №2 не меняется, там косвенно описано как сделать кликабельным логотип
     
    Last edited: Aug 27, 2012
    woojin, Aug 27, 2012
    #9
  11. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    woojin, Aug 27, 2012
    #10
  12. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    ну и где тут тег <header>? :)


    И при изменении логотипа админу сайта придётся лазить в код.
     
    AKopytenko, Aug 27, 2012
    #11
  13. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    shurikkan, я уже исправился, в четвёртом посте
    и на старуху бывает проруха))))
     
    woojin, Aug 27, 2012
    #12
  14. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    если бы я ещё немного понимал в програмирование тогда бы мне это было всё понятно А так я ещё больше запутался! Мнебы ещё объяснить куда это вставить!? тогдабы наверное справился И ещё вопросик в коде (первый пост) почему логотип отображается во всех браузерах кроме IE
     
    diki, Aug 27, 2012
    #13
  15. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    у тебя есть
    Код (html):
    1. <header>
    2. <a href="http://stok-info.ru/"><div id="logo"></div></a>  
    3. <div id="line"></div>
    4. </header>

    изменить надо так
    Код (PHP):
    1. <header>
    2. <?php
    3. if(!JMenuSite::getInstance('site')->getActive()->home){
    4.     echo '<a href="http://stok-info.ru/"><div id="logo"></div></a>';
    5. }
    6. ?>
    7. <div id="line"></div>
    8. </header>
     
    woojin, Aug 27, 2012
    #14
    diki likes this.
  16. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    Почти получилось На всех страницах есть логотип а на главной его нет а нужно чтобы он там оставался и был не кликабельным
     
    diki, Aug 27, 2012
    #15
  17. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    тогда вот так:

    Код (PHP):
    1. <header>
    2. <?php
    3. if(!JMenuSite::getInstance('site')->getActive()->home){
    4.     echo '<a href="http://stok-info.ru/"><div id="logo"></div></a>';
    5. }
    6. else (
    7.     echo '<div id="logo"></div>';
    8. );
    9. ?>
    10. <div id="line"></div>
    11. </header>
     
    AKopytenko, Aug 27, 2012
    #16
  18. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    Parse error: syntax error, unexpected T_ECHO in /home/m/masterdik/stok-info.ru/public_html/templates/master/index.php on line 49
    тоже не получилось
     
    diki, Aug 27, 2012
    #17
  19. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Код (PHP):
    1. <?php
    2. if(!JMenuSite::getInstance('site')->getActive()->home){
    3.     echo '<a href="http://stok-info.ru/"><div id="logo"></div></a>';
    4. }
    5. else ('<div id="logo"></div>');
    6. ?>
     
    AKopytenko, Aug 27, 2012
    #18
    diki likes this.
  20. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    не получилось потому что у shurikkan, после else оператор echo идёт не в фигурных скобках. а в обычных ;)
    должно быть так
    Код (PHP):
    1. <header>
    2. <?php
    3. if(!JMenuSite::getInstance('site')->getActive()->home){
    4.     echo '<a href="http://stok-info.ru/"><div id="logo"></div></a>';
    5. } else {
    6.     echo '<div id="logo"></div>';
    7. };
    8. ?>
    9. </header>
     
    woojin, Aug 27, 2012
    #19
  21. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    теперь работает А как сделать чтобы в IE логотип стал отображаться
     
    diki, Aug 27, 2012
    #20
Page 1 of 3
< подкатегории картинками | Сделать логотип в 3D >

Share This Page

Loading...