Поставить Логотип В Браузере
#1
Отправлено 01 Сентябрь 2014 - 07:29
Вот так вот в браузере отображается Storeland, mail.ru, google, а мой берётся из фавикона и просто название сайта.
Подскажите, пожалуйста, как сделать полноценный прямоугольный логотип как там? Прозрачное изображение имеется.
#2
Отправлено 01 Сентябрь 2014 - 10:03
если так то это нужно делать в графическом редакторе.
или если что то другое, то опишите, пожалуйста, суть задачи более детально.
#3
Отправлено 01 Сентябрь 2014 - 14:18
Taisia (01 Сентябрь 2014 - 10:03) писал:
если так то это нужно делать в графическом редакторе.
или если что то другое, то опишите, пожалуйста, суть задачи более детально.
Нажимаю крестик в браузере - новая вкладка. Открывается быстрое меню с выбором сайтов, на котором изображено название сайта. Моё - фавикон + название домена. А там, где зелёным обведено - картинкой. Как сделать и у себя картинкой? Это почти во всех браузерах так.
#4
Отправлено 01 Сентябрь 2014 - 16:38
Aromaro (01 Сентябрь 2014 - 14:18) писал:
Нажимаю крестик в браузере - новая вкладка. Открывается быстрое меню с выбором сайтов, на котором изображено название сайта. Моё - фавикон + название домена. А там, где зелёным обведено - картинкой. Как сделать и у себя картинкой? Это почти во всех браузерах так.
Попробуйте в шаблон HTML в <head> вставить код:
<meta property="og:image" content="logo.png" /> <link rel="image_src" href="logo.png" /> <link rel="icon" href="logo.png" type="image/png" /> <link rel="apple-touch-icon" href="logo.png" type="image/png" />
Замените logo.png на адрес своего изображения
#5
Отправлено 02 Сентябрь 2014 - 10:51
MikDark (01 Сентябрь 2014 - 16:38) писал:
<meta property="og:image" content="logo.png" /> <link rel="image_src" href="logo.png" /> <link rel="icon" href="logo.png" type="image/png" /> <link rel="apple-touch-icon" href="logo.png" type="image/png" />
Замените logo.png на адрес своего изображения
#6
Отправлено 03 Сентябрь 2014 - 00:52
<meta property="og:image" content="logo.png" /> <link rel="image_src" href="logo.png" /> <link rel="icon" href="logo.png" type="image/png" /> <link rel="apple-touch-icon" href="logo.png" type="image/png" />
заменить на
<meta property="og:image" content="/logo.png" /> <link rel="image_src" href="/logo.png" /> <link rel="icon" href="/logo.png" type="image/png" /> <link rel="apple-touch-icon" href="/logo.png" type="image/png" />
#7
Отправлено 04 Сентябрь 2014 - 08:03
Сake (03 Сентябрь 2014 - 00:52) писал:
<meta property="og:image" content="logo.png" /> <link rel="image_src" href="logo.png" /> <link rel="icon" href="logo.png" type="image/png" /> <link rel="apple-touch-icon" href="logo.png" type="image/png" />
заменить на
<meta property="og:image" content="/logo.png" /> <link rel="image_src" href="/logo.png" /> <link rel="icon" href="/logo.png" type="image/png" /> <link rel="apple-touch-icon" href="/logo.png" type="image/png" />
А как загрузить файл в корень сайта, если там только текстовый файл можно загружать?
#10
Отправлено 05 Сентябрь 2014 - 05:13
#11
Отправлено 09 Сентябрь 2014 - 06:21
Сake (05 Сентябрь 2014 - 05:13) писал:
#12
Отправлено 10 Сентябрь 2014 - 00:01
<meta property="og:image" content="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="image_src" href="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="apple-touch-icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" />
и замените его на
<meta property="og:image" content="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="image_src" href="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="apple-touch-icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="yandex-tableau-widget" href="{ASSETS_OTHER_PATH}yandex_browser_tableau_widget.json" />
после этого создайте файл на компьютере с именем "yandex_browser_tableau_widget.json" и содержимым
{ "version": "1", "api_version": 1, "layout": { "logo": "yandex-browser-layout-logo.png", "color": "#50aeae", "show_title": false } }
В качестве изображения "yandex-browser-layout-logo.png" укажите адрес вашего изображения. Далее загрузите получившейся файл "yandex_browser_tableau_widget.json" в раздел Сайт -> Редактор шаблонов.
#13
Отправлено 16 Сентябрь 2014 - 07:40
Сake (10 Сентябрь 2014 - 00:01) писал:
<meta property="og:image" content="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="image_src" href="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="apple-touch-icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" />
и замените его на
<meta property="og:image" content="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="image_src" href="{ASSETS_IMAGES_PATH}logo.png" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="apple-touch-icon" href="{ASSETS_IMAGES_PATH}logo.png" type="image/png" /> <link rel="yandex-tableau-widget" href="{ASSETS_OTHER_PATH}yandex_browser_tableau_widget.json" />
после этого создайте файл на компьютере с именем "yandex_browser_tableau_widget.json" и содержимым
{ "version": "1", "api_version": 1, "layout": { "logo": "yandex-browser-layout-logo.png", "color": "#50aeae", "show_title": false } }
В качестве изображения "yandex-browser-layout-logo.png" укажите адрес вашего изображения. Далее загрузите получившейся файл "yandex_browser_tableau_widget.json" в раздел Сайт -> Редактор шаблонов.
#14
Отправлено 17 Сентябрь 2014 - 00:41
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных