Как добавить на свой сайт ссылки на мобильный сайт и мобильные приложения

Ссылки сообщат пользователям вашего сайта, что у вас появилась мобильная версия и мобильные приложения.

Пример предлагаемого дизайна:

Комментарии к HTML:

  • код в onlick для ссылки "мобильный сайт" - включает (если была остановлена) автоматическую переадресацию на мобильную версию, смотрите также: Как добавить на свой сайт код переадресации на мобильную версию
  • Ссылки на мобильные приложения (app_store_url, google_play_url, windows_phone_url) можно взять с мобильной версии, главная страница, таб Категории
  • Класс "MobileLinks-AppLogoDisabled" и href ="javascript:alert('скоро будет ..')" - используются если мобильное приложение еще не готово или еще не прошло модерацию

HTML, который нужно вставить на свой сайт:

<style>
.MobileLinks-Wrap {
  padding: 3px;
}
.MobileLinks-Site {
  border: 1px solid silver;
  border-radius: 7px;
  display: inline-block;
  height: 36px;
  margin-right: 5px;
  padding: 3px 6px;
  text-align: center;
  vertical-align: middle;
}
.MobileLinks-AppLogo {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 45px;
  margin-right: 5px;
  vertical-align: middle;
  width: 130px;
}
.MobileLinks-AppLogoDisabled {
  opacity: 0.4;
}
.MobileLinks-AppStoreLogo {
  background-image: url(http://shop-mobilizer.com/common/AppStores/ru/AppStore.png);
}
.MobileLinks-GooglePlayLogo {
  background-image: url(http://shop-mobilizer.com/common/AppStores/ru/GooglePlay.png);
}
.MobileLinks-WinStoreLogo {
  background-image: url(http://shop-mobilizer.com/common/AppStores/ru/WinStore.png);
}
</style>

<div class="MobileLinks-Wrap">
<a href ="http://mobile_site"
  onclick="if(window.localStorage&&(localStorage['mobile_state']=='not_redirect'))localStorage['mobile_state']='redirect'"><span
  class="MobileLinks-Site">мобильный<br>сайт
</span></a><a href ="http://app_store_url" target="_blank"><span
  class="MobileLinks-AppLogo MobileLinks-AppStoreLogo">
</span></a><a href ="http://google_play_url" target="_blank"><span
  class="MobileLinks-AppLogo MobileLinks-GooglePlayLogo">
</span></a><a href ="http://windows_phone_url" target="_blank"><span
  class="MobileLinks-AppLogo MobileLinks-WinStoreLogo">
</span></a>
</div>