Перейти к содержимому


Поставить Логотип В Браузере


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 01 Сентябрь 2014 - 07:29

Здравствуйте!

Browser.png

Вот так вот в браузере отображается Storeland, mail.ru, google, а мой берётся из фавикона и просто название сайта.

Подскажите, пожалуйста, как сделать полноценный прямоугольный логотип как там? Прозрачное изображение имеется.

#2 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 01 Сентябрь 2014 - 10:03

не совсем ясен ваш вопрос. Вы хотите залить у себя на сайте логотип синим фоном ?
если так то это нужно делать в графическом редакторе.

или если что то другое, то опишите, пожалуйста, суть задачи более детально.

#3 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 01 Сентябрь 2014 - 14:18

Просмотр сообщенияTaisia (01 Сентябрь 2014 - 10:03) писал:

не совсем ясен ваш вопрос. Вы хотите залить у себя на сайте логотип синим фоном ?
если так то это нужно делать в графическом редакторе.

или если что то другое, то опишите, пожалуйста, суть задачи более детально.

Vkladka.png

Нажимаю крестик в браузере - новая вкладка. Открывается быстрое меню с выбором сайтов, на котором изображено название сайта. Моё - фавикон + название домена. А там, где зелёным обведено - картинкой. Как сделать и у себя картинкой? Это почти во всех браузерах так.

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Сентябрь 2014 - 16:38

Просмотр сообщенияAromaro (01 Сентябрь 2014 - 14:18) писал:

Прикрепленный файл Vkladka.png

Нажимаю крестик в браузере - новая вкладка. Открывается быстрое меню с выбором сайтов, на котором изображено название сайта. Моё - фавикон + название домена. А там, где зелёным обведено - картинкой. Как сделать и у себя картинкой? Это почти во всех браузерах так.

Попробуйте в шаблон 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 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 02 Сентябрь 2014 - 10:51

Просмотр сообщенияMikDark (01 Сентябрь 2014 - 16:38) писал:

Попробуйте в шаблон 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 на адрес своего изображения
Что-то, вроде, не помогло..

#6 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 03 Сентябрь 2014 - 00:52

Вам необходимо загрузить изображение logo.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" />

заменить на

<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 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 04 Сентябрь 2014 - 08:03

Просмотр сообщенияСake (03 Сентябрь 2014 - 00:52) писал:

Вам необходимо загрузить изображение logo.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" />

заменить на

<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" />

А как загрузить файл в корень сайта, если там только текстовый файл можно загружать?

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Сентябрь 2014 - 08:07

Просмотр сообщенияAromaro (04 Сентябрь 2014 - 08:03) писал:

А как загрузить файл в корень сайта, если там только текстовый файл можно загружать?

Загрузите в Сайт - Редактор шаблонов, в вместо /logo.png в коде напишите: {ASSETS_IMAGES_PATH}logo.png

#9 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 05 Сентябрь 2014 - 04:52

Просмотр сообщенияMikDark (04 Сентябрь 2014 - 08:07) писал:

Загрузите в Сайт - Редактор шаблонов, в вместо /logo.png в коде напишите: {ASSETS_IMAGES_PATH}logo.png

Что-то, вроде, не получается.. Может нужно залить картинку 200*100?
загруженное (1).png загруженное (2).png загруженное.png

#10 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Сентябрь 2014 - 05:13

Что именно у вас не получается? Если изображение установленное вами отображается, но малого размера, то попробуйте увеличить размер изображения. Если после увеличения размера отображается старое изображение, то очистите кэш в вашем браузере.

#11 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 09 Сентябрь 2014 - 06:21

Просмотр сообщенияСake (05 Сентябрь 2014 - 05:13) писал:

Что именно у вас не получается? Если изображение установленное вами отображается, но малого размера, то попробуйте увеличить размер изображения. Если после увеличения размера отображается старое изображение, то очистите кэш в вашем браузере.
Дело в том, что оно вообще не отображается. Ни маленьким, ни большим.

#12 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 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 Aromaro

Aromaro

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 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 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 17 Сентябрь 2014 - 00:41

В файле yandex_browser_tableau_widget.json вы указали имя файла изображения без его адреса. Вам необходимо указать полный адрес к изображению "logo.png" (вместе с http://). Скопируйте адрес изображения правой кнопкой в разделе Сайт -> Редактор шаблонов.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных