Escape Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 Как сделать, чтобы при нажатии на изображение перекидывало на гл.страничку? но, что бы клик был не по всей шапке а по этому прямоугольнику (скрин ниже) Вот код "logo" {{if \IPS\Theme::i()->logo['front']['url'] !== null }} {{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}} <a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a> {{else}} <br><br><br><br> {{endif}} Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 1 час назад, Escape сказал: Как сделать, чтобы при нажатии на изображение перекидывало на гл.страничку? но, что бы клик был не по всей шапке а по этому прямоугольнику (скрин ниже) Вот код "logo" {{if \IPS\Theme::i()->logo['front']['url'] !== null }} {{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}} <a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a> {{else}} <br><br><br><br> {{endif}} Вместо href='{setting="base_url"}' Пропиши href='/' Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 Ну или находишь у себя ipsLayout_header Над ним вставляешь код картинки с url к примеру <a href="https://diktum.ru/" id="elLogo" accesskey="1" class="logo justImage"><span class="vAlign"><img src="https://diktum.ru/uploads/monthly_2015_11/5643616a25d0c_.png.ed46bec884b5f253ac383500c9abc50e.png" alt="Диктум Фактум"></span></a> Картинку сам подбираешь по размеру. Можешь например взять просто прозрачный прямоугольник если тебе нужно и с помощью css делаешь. В данном случае будет: a#elLogo { position: absolute; top: 0; left: 0; z-index: 10; } и с помощью top и left ставишь куда тебе нужно. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Escape Опубликовано 13 декабря, 2015 Автор Поделиться Опубликовано 13 декабря, 2015 18 минут назад, andros0789 сказал: Вместо href='{setting="base_url"}' Пропиши href='/' не помогло 9 минут назад, SoNWarrioR сказал: Ну или находишь у себя ipsLayout_header Над ним вставляешь код картинки с url к примеру <a href="https://diktum.ru/" id="elLogo" accesskey="1" class="logo justImage"><span class="vAlign"><img src="https://diktum.ru/uploads/monthly_2015_11/5643616a25d0c_.png.ed46bec884b5f253ac383500c9abc50e.png" alt="Диктум Фактум"></span></a> Картинку сам подбираешь по размеру. Можешь например взять просто прозрачный прямоугольник если тебе нужно и с помощью css делаешь. В данном случае будет: a#elLogo { position: absolute; top: 0; left: 0; z-index: 10; } и с помощью top и left ставишь куда тебе нужно. Другого способа нет? Как то это не, то. Накладывать изображение на изображение Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 2 минуты назад, Escape сказал: не помогло Другого способа нет? Как то это не, то. Накладывать изображение на изображение Убей меня придурка, но я не вижу у тебя лого на сайте. Вижу что шапку ты поменял и на фоне у тебя типа лого. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Escape Опубликовано 13 декабря, 2015 Автор Поделиться Опубликовано 13 декабря, 2015 18 минут назад, SoNWarrioR сказал: Убей меня придурка, но я не вижу у тебя лого на сайте. Вижу что шапку ты поменял и на фоне у тебя типа лого. Прости видимо я не так выразился. У меня установлен плагин , который заменяет задний фон шапки. Я хочу сделать кликабельной ту часть которая отмечена на изображении, без вставки прозрачных изображений. Возможно такое? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 11 минут назад, Escape сказал: Прости видимо я не так выразился. У меня установлен плагин , который заменяет задний фон шапки. Я хочу сделать кликабельной ту часть которая отмечена на изображении, без вставки прозрачных изображений. Возможно такое? еще раз прочти свой вопрос, и поймешь что речь оказывается идет о невозможном. Лого не судьба вставить? И фон нормально сделать без плагинов всяких. Вот вставь в GlobalTemplate сразу после <body>: <div id="base-background"> <div class="video-container show"> <video id="background-video" autoplay="" loop="" name="media" preload="auto"> <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.webm" type="video/webm"> <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.ogg" type="video/ogg"> <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.mp4" type="video/mp4"> </video> </div> </div> Это в стили ваши: @media screen and (min-width: 1261px) { html:not(.is-touch) body:not(.no-comcenter) #base-background { margin-left: -237px; } html:not(.is-touch) body:not(.no-comcenter) .no-comcenter #base-background { margin-left: 0; } #base-background { background: #230d0d url(//d34ymitoc1pg7m.cloudfront.net/bf4/backgrounds/bg-video-overlay-dcc29baf.jpg) 50% 0 no-repeat; text-align: center; } #base-background .video-container { height: 960px; width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; opacity: 0; overflow: hidden; -webkit-transition: opacity 8s ease; -moz-transition: opacity 8s ease; transition: opacity 8s ease; } #base-background .video-container.show { opacity: 1; } #base-background .video-container video { outline: none; } #base-background { position: fixed; background-color: black; top: 0; left: 0; right: 0; bottom: 0; } #background-video { outline: none; } И будет красивый видео фон как у меня например. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 9 минут назад, Escape сказал: Прости видимо я не так выразился. У меня установлен плагин , который заменяет задний фон шапки. Я хочу сделать кликабельной ту часть которая отмечена на изображении, без вставки прозрачных изображений. Возможно такое? Смотри - ты заменил шапку - изображением. Лого убрал.... Ничего сами делать не хотят) Вверху я подробно описывал что сделать. Ну если нужно так то вот. находишь у себя ipsLayout_header Над ним вставляешь код картинки с url к примеру <div id="newpp"><a id="newppp" href="#"><div id="newpp"></div></a></div> и css управляешь div#newpp { position: absolute; top: 1.75%; left: 15%; z-index: 10; height: 120px; width: 320px; } Ленивые задницы andros0789 и Escape 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 4 минуты назад, SoNWarrioR сказал: Смотри - ты заменил шапку - изображением. Лого убрал.... Ничего сами делать не хотят) Вверху я подробно описывал что сделать. Ну если нужно так то вот. находишь у себя ipsLayout_header Над ним вставляешь код картинки с url к примеру <div id="newpp"><a id="newppp" href="#"><div id="newpp"></div></a></div> и css управляешь div#newpp { position: absolute; top: 1.75%; left: 15%; z-index: 10; height: 120px; width: 320px; } Ленивые задницы трудно же почитать людям что и как))) лень скоро заполонит все и везде Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Escape Опубликовано 13 декабря, 2015 Автор Поделиться Опубликовано 13 декабря, 2015 18 минут назад, SoNWarrioR сказал: Смотри - ты заменил шапку - изображением. Лого убрал.... Ничего сами делать не хотят) Вверху я подробно описывал что сделать. Ну если нужно так то вот. находишь у себя ipsLayout_header Над ним вставляешь код картинки с url к примеру <div id="newpp"><a id="newppp" href="#"><div id="newpp"></div></a></div> и css управляешь div#newpp { position: absolute; top: 1.75%; left: 15%; z-index: 10; height: 120px; width: 320px; } Ленивые задницы тогда в мобильной версии вот что: Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 13 декабря, 2015 Поделиться Опубликовано 13 декабря, 2015 %!№;!%*" %*!"!"? %:!%? !!!!!! Вот. Держи @media screen and (max-width: 979px) { div#newpp { display: none; } } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Escape Опубликовано 13 декабря, 2015 Автор Поделиться Опубликовано 13 декабря, 2015 53 минут назад, SoNWarrioR сказал: %!№;!%*" %*!"!"? %:!%? !!!!!! Вот. Держи @media screen and (max-width: 979px) { div#newpp { display: none; } } Вставил в css, после этого у меня форум перестал работать. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 14 декабря, 2015 Поделиться Опубликовано 14 декабря, 2015 Вы я надеюсь вставили хотя бы в custom.css и не внутрь другого @media? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Escape Опубликовано 18 декабря, 2015 Автор Поделиться Опубликовано 18 декабря, 2015 В 14.12.2015 в 14:49, SoNWarrioR сказал: Вы я надеюсь вставили хотя бы в custom.css и не внутрь другого @media? Да. Но, в мобильной версии при клике на лого все еще не перекидывает на гл.страничку Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Dows Опубликовано 18 декабря, 2015 Поделиться Опубликовано 18 декабря, 2015 Вам в примере давали код где <a id="newppp" href="#"> вместо сеточки # вставили ссылку ? Она и отвечает за переход , куда укажете, туда и перейдёт. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SoNWarrioR Опубликовано 18 декабря, 2015 Поделиться Опубликовано 18 декабря, 2015 12 часов назад, Escape сказал: Да. Но, в мобильной версии при клике на лого все еще не перекидывает на гл.страничку Для мобильной версии я вам Лого убрал. display: none; Вы можете подогнать сами размер, открыв сайт в мобильной версии. Так же, у вас Шапка респонсивная - а значит будет сделать тяжело. Или делайте отдельно лого от шапки, или ковыряйте css, чтобы подогнать размеры лого под разрешения экрана. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.