<table onclick="return {'l-head':{name:'l-head'}}" class="l-head l-head_light l-head_light"><tr>
<td class="l-head__g"><i class="l-head__gap"></i></td>
<td class="l-head__l"><div class="b-head-logo">
<map name="logo-map"><area shape="rect" coords="0,0,98,40" href="http://yandex.ru"></map><map name="logo-map"><area shape="rect" coords="0,0,98,40" href="http://yandex.ru"></map><div class="b-head-logo__logo"><span class="b-head-logo__link"><img class="b-head-logo__img" border="0" alt="Яндекс" src="//money.yandex.ru/i/b-head-logo.ru.png" usemap="#logo-map"></span></div>
<strong class="b-head-name b-head-name_type_logo" onclick="return {'b-head-name':{name:'b-head-name'}}">деньги</strong>
</div></td>
<td class="l-head__gl"><i class="l-head__gap"></i></td>
<td class="l-head__c">
<!--noindex--><table class="b-head-tabs b-head-tabs_type_communication i-bem" onclick="return {'b-head-tabs':{name:'b-head-tabs','default':''}}"><tr>
<td class="b-head-tabs__item b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_www" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><a class="b-link b-head-tabs__link" href="http://www.yandex.ru">Поиск</a></td>
<td class="b-head-tabs__item b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_mail" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><a class="b-link b-head-tabs__link" href="http://mail.yandex.ru">Почта</a></td>
<td class="b-head-tabs__item b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_calendar" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><a class="b-link b-head-tabs__link" href="http://calendar.yandex.ru">Календарь</a></td>
<td class="b-head-tabs__item b-head-tabs__item_state_current b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_money" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><strong><a class="b-link b-head-tabs__link" href="https://money.yandex.ru">Деньги</a></strong></td>
<td class="b-head-tabs__item b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_moikrug" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><a class="b-link b-head-tabs__link" href="http://moikrug.ru">Мой Круг</a></td>
<td class="b-head-tabs__item b-head-tabs__tab b-head-tabs__item b-head-tabs__item_id_fotki" onclick="return {'b-head-tabs__item':{name:'b-head-tabs__item'}}"><a class="b-link b-head-tabs__link" href="http://fotki.yandex.ru">Фотки</a></td>
<td class="b-head-tabs__more b-head-tabs__tab"><div class="b-dropdowna b-dropdowna_direction_down b-dropdowna_is-bem_yes i-bem i-bem" onclick="return {'b-dropdowna':{name:'b-dropdowna'}}">
<span class="b-dropdowna__switcher" onclick="return {'b-dropdowna__switcher':{name:'b-dropdowna__switcher'}}"><a class="b-link b-link_pseudo_yes b-link_is-bem_yes i-bem i-bem" onclick="return {'b-link':{name:'b-link'}}" href="http://www.yandex.ru/all"><span class="b-link__inner">ещё</span></a></span><div class="b-popupa b-popupa_theme_ffffff b-dropdowna__popup" onclick="return {'b-popupa':{name:'b-popupa'}}">
<i class="b-popupa__tail"></i><i class="b-popupa__shadow"></i><table class="b-popupa__wrap" cellpadding="0" cellspacing="0"><tr><td class="b-popupa__wrap-cell"><div class="b-popupa__content"><div class="b-menu b-menu_layout_vert b-dropdowna__menu"><ul class="b-menu__layout-vert">
<li class="b-menu__layout-vert-cell b-menu__layout-vert-cell_position_first"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_auto" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://auto.yandex.ru">Авто</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_afisha" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://afisha.yandex.ru">Афиша</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_blogs" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://blogs.yandex.ru">Блоги</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_video" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://video.yandex.ru">Видео</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_ege" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="//ege.yandex.ru">ЕГЭ</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_images" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://images.yandex.ru">Картинки</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_maps" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://maps.yandex.ru">Карты</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_yaca" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://yaca.yandex.ru">Каталог</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_market" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://market.yandex.ru">Маркет</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_news" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://news.yandex.ru">Новости</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_weather" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://pogoda.yandex.ru">Погода</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_rabota" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://rabota.yandex.ru">Работа</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_rasp" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://rasp.yandex.ru">Расписания</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_slovari" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://slovari.yandex.ru">Словари</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_sprav" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://sprav.yandex.ru">Справочник</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_taxi" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="https://taxi.yandex.ru">Такси</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_tv" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://tv.yandex.ru">Телепрограмма</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_uslugi" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://uslugi.yandex.ru">Услуги</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_wow" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://my.ya.ru">Я.ру</a></div></li>
<li class="b-menu__layout-vert-separator"><i class="b-menu__separator"></i></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_mobile" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://mobile.yandex.ru">Мобильный</a></div></li>
<li class="b-menu__layout-vert-cell"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_soft" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://soft.yandex.ru">Программы</a></div></li>
<li class="b-menu__layout-vert-cell b-menu__layout-vert-cell_position_last"><div class="b-menu__item b-head-tabs__item b-head-tabs__item b-head-tabs__item_id_all" onclick="return {'b-menu__item':{name:'b-menu__item'}}"><a class="b-link b-head-tabs__link" href="http://www.yandex.ru/all">Все сервисы</a></div></li>
</ul></div></div></td></tr></table>
</div>
</div></td>
</tr></table>
<!--/noindex--><div class="b-head-search" onclick="return {'b-head-search':{name:'b-head-search'}}"><div class="b-head-search__wrap b-head-search__arrow">
<i class="b-head-search__arr"><i class="b-head-search__arr-i"></i></i><form class="b-search" action="https://money.yandex.ru/search.xml" method="get" accept-charset="utf-8">
<script type="text/javascript">$(function(){ $('.b-head-search .b-search').parent().bind('submit', function(){r(this, 'stred/pid=41/cid=71514');}); });</script><script type="text/javascript">$(function(){ $('.b-head-search .b-search').parent().bind('submit', function(){r(this, 'stred/pid=41/cid=71514');}); });</script><table class="b-search__table">
<tr>
          
        <td class="b-search__input">
<span class="b-form-input b-form-input_theme_grey b-form-input_size_l i-bem" onclick="return {'b-form-input':{name:'b-form-input'}}">
              <span class="b-form-input__hint-wrap"><label for="search-input" class="b-form-input__hint">название товара, услуги или магазина</label></span>
              <span class="b-form-input__box"><input class="b-form-input__input" id="search-input" name="text" maxlength="400" tabindex="1"></span>
            </span><script type="text/javascript">
			$(function() {
				YaMoney.getSuggests({
					url:"/ymsuggest.xml",
					input: ".b-head-search  #search-input",
					counter:"pid=41/cid=71340/path=text",
					ads_counter:"pid=41/cid=71340/path=link"
				});
			});
		</script><script type="text/javascript">
			$(function() {
				YaMoney.getSuggests({
					url:"/ymsuggest.xml",
					input: ".b-head-search  #search-input",
					counter:"pid=41/cid=71340/path=text",
					ads_counter:"pid=41/cid=71340/path=link"
				});
			});
		</script>
</td>
<td class="b-search__button">
            
            <span onclick="return {'b-form-button':{name:'b-form-button'}}" class="b-form-button b-form-button_size_l b-form-button_theme_grey-arrow-no-transparent-l b-search__button_light i-bem"><i class="b-form-button__left"></i><span class="b-form-button__content">
                <span class="b-form-button__text">Найти</span>
              </span><input type="submit" class="b-form-button__input i-bem" tabindex="2" hidefocus="true" value=""></span>
          </td>
</tr>
<tr><td class="b-search__under" colspan="2">
<a class="b-search__advanced" tabindex="3" id="advanced" href="//money.yandex.ru/shops.xml?from=isearch">все товары и услуги</a><div class="b-search__sample b-search__sample_type_long i-bem" onclick="return {'b-search__sample':{name:'b-search__sample'}}">
<i class="b-search__intro">Например,</i> <span class="b-link b-link_pseudo_yes" onmousedown="Lego.ch('money.search.sample',this)"><span class="b-link__inner">xbox live</span></span>
</div>
<script type="text/javascript">
			$('.b-head-search .b-search__sample .b-pseudo-link').click(function() {
				r(this, 'stred/pid=41/cid=71516');
			});
		</script>
</td></tr>
</table>
<input type="hidden" name="search" value="shops"><input type="hidden" name="from" id="isug-id" value="isug" disabled>
</form>
</div></div> </td>
<td class="l-head__gr"><i class="l-head__gap"></i></td>
<td class="l-head__r">
<!--noindex--><table class="b-head-userinfo i-bem" onclick="return {'b-head-userinfo':{name:'b-head-userinfo'}}">
<tr>
<td class="b-head-userinfo__td"></td>
<td class="b-head-userinfo__entry">
<a class="b-link b-link_pseudo_yes" href="https://passport.yandex.ru/passport?mode=auth&msg=money&retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml" onmousedown="Lego.ch('money.login.enter',this)"><span class="b-link__inner">Войти</span></a><form class="b-domik b-domik_type_popup i-bem i-hidden" action="https://passport.yandex.ru/passport?mode=auth&from=money&retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml&msg=money" method="post" onclick="return {'b-domik':{name:'b-domik_type_popup',title:'Деньги',host:'https:\/\/money.yandex.ru\/',register:'',title:'\n          Деньги\n        ',register:'',title:'Деньги',host:'https:\/\/money.yandex.ru\/',register:''}}">
<input name="login"><input name="passwd" type="password"><input name="twoweeks" type="checkbox" value="no">
</form>
</td>
</tr>
<tr><td class="b-head-userinfo__td" colspan="2">
<div class="b-head-userinfo__setup b-head-userinfo__service"><a href="//money.yandex.ru/security/" class="b-head-userinfo__link">Безопасность</a></div>
<div class="b-head-userinfo__help"><a href="//money.yandex.ru/help.xml" class="b-head-userinfo__link">Помощь</a></div>
</td></tr>
<tr><td class="b-head-userinfo__td" colspan="2">
<div class="b-head-userinfo__setup b-head-userinfo__region">
<a href="http://tune.yandex.ru/region/?retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml" class="b-head-userinfo__link">Регион</a>: Миккели</div>
<div class="lang-switcher-container">
        
        <div class="b-dropdowna b-lang-switcher b-lang-switcher_is-bem_yes i-bem i-bem" onclick="return {'b-lang-switcher':{name:'b-lang-switcher'},'b-dropdowna':{name:'b-dropdowna'}}">
<span class="b-dropdowna__switcher b-lang-switcher__lang" onclick="return {'b-dropdowna__switcher':{name:'b-dropdowna__switcher'}}"><span class="b-link b-link_pseudo_yes b-lang-switcher__lang i-bem" onclick="return {'b-link':{name:'b-link'}}"><span class="b-link__inner"><img class="b-icon b-lang-switcher__flag b-country-flag b-country-flag_size-16_ru" src="//yandex.st/lego/_/La6qi18Z8LwgnZdsAr1qy1GwCwo.gif" alt="ru" title=""><span class="b-lang-switcher__lang-name">Ru</span></span></span></span><div class="b-popupa b-popupa_theme_ffffff b-popupa_direction_down-left b-popupa_is-bem_yes i-bem b-dropdowna__popup" onclick="return {'b-popupa':{name:'b-popupa'}}">
<i class="b-popupa__tail"></i><i class="b-popupa__shadow"></i><table class="b-popupa__wrap" cellpadding="0" cellspacing="0"><tr><td class="b-popupa__wrap-cell"><div class="b-popupa__content b-lang-switcher__popup-content">
              
              
              <div class="b-menu b-menu_layout_vert b-dropdowna__menu b-lang-switcher__menu"><ul class="b-menu__layout-vert">
<li class="b-menu__layout-vert-cell b-menu__layout-vert-cell_position_first"><div class="b-menu__item"><span class="b-lang-switcher__lang"><img class="b-icon b-lang-switcher__flag b-country-flag b-country-flag_size-16_ru" src="//yandex.st/lego/_/La6qi18Z8LwgnZdsAr1qy1GwCwo.gif" alt="ru" title=""><span class="b-lang-switcher__lang-name">Ru</span></span></div></li>
<li class="b-menu__layout-vert-cell b-menu__layout-vert-cell_position_last"><div class="b-menu__item"><a class="b-lang-switcher__lang" onclick="r(this, 'stred/pid=41/cid=72152/path=en')" href="//tune.yandex.ru/api/lang/v1.1/save.xml?intl=en&retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml&sk=y8fb63b85fa48665a509f3a82816ea8fc"><img class="b-icon b-lang-switcher__flag b-country-flag b-country-flag_size-16_en" src="//yandex.st/lego/_/La6qi18Z8LwgnZdsAr1qy1GwCwo.gif" alt="en" title=""><span class="b-lang-switcher__lang-name">En</span></a></div></li>
</ul></div>
            </div></td></tr></table>
</div>
</div>
      </div>
</td></tr>
<tr><td class="b-head-userinfo__td" colspan="2"></td></tr>
</table>
<!--/noindex--><script>
  
  $(function() {
  	$('.b-head-userinfo__service .b-head-userinfo__link').on('click', function() {
  		r(this, 'stred/pid=41/cid=70087')
  	});
  	$('.b-head-userinfo__help .b-head-userinfo__link').on('click', function() {
  		r(this, 'stred/pid=41/cid=70088')
  	});
  	$('.b-head-userinfo__exit .b-head-userinfo__link').on('click', function() {
  		r(this, 'stred/pid=41/cid=70091')
  	});
  });
  </script>
</td>
<td class="l-head__g"><i class="l-head__gap"></i></td>
</tr></table>
<script type="text/javascript">r(this, 'stred/pid=41/cid=71167');</script><table border="0" width="100%" cellspacing="0" cellpadding="0" class="l-page l-page_layout_16-40-44">
<tr valign="top">
<td class="l-page__gap"><i></i></td>
<td class="l-page__left"><div class="b-account_ie-placeholder"></div></td>
<td class="l-page__center"></td>
<td class="l-page__right"></td>
<td class="l-page__gap"><i></i></td>
</tr>
<tr valign="top">
<td class="l-page__gap"><i></i></td>
<td class="l-page__left p-newAccout_left" rowspan="2">
<form class="b-domik b-domik_type_onpage i-bem" onclick="return {'b-domik':{name:'b-domik_type_onpage',title:'\n      \n    ',register:''}}" accept-charset="utf-8" action="https://passport.yandex.ru/passport?mode=auth&from=money&retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml&msg=money" method="post">
<div class="b-domik__wrap-roof">
<i class="b-domik__roof b-domik__roof_border"></i><i class="b-domik__roof"></i>
</div>
<div class="b-domik__form">
<div class="b-domik__title">
      Вход
    </div>
<div class="b-domik__username"><span class="b-form-input b-form-input_theme_grey b-form-input_size_m b-domik__input i-bem" onclick="return {'b-form-input':{name:'b-form-input'}}">
        
        
        <span class="b-form-input__hint-wrap"><label for="id1165620935708" class="b-form-input__hint">
          логин
        </label></span>
        <span class="b-form-input__box"><input class="b-form-input__input" id="id1165620935708" name="login" tabindex="100"></span>
      </span></div>
<div class="b-domik__password"><span class="b-form-input b-form-input_theme_grey b-form-input_size_m b-domik__input i-bem" onclick="return {'b-form-input':{name:'b-form-input'}}">
        
        
        <span class="b-form-input__hint-wrap"><label for="id1165659706113" class="b-form-input__hint">
          пароль
        </label></span>
        <span class="b-form-input__box"><input class="b-form-input__input" id="id1165659706113" type="password" name="passwd" tabindex="101"></span>
      </span></div>
<div class="b-domik__haunter"><span class="b-form-checkbox b-form-checkbox_size_m b-form-checkbox_theme_grey-m b-domik__checkbox i-bem" onclick="return {'b-form-checkbox':{name:'b-form-checkbox'}}"><span class="b-form-checkbox__inner"><input class="b-form-checkbox__checkbox i-bem" type="checkbox" id="id1165659705049" name="twoweeks" value="yes" tabindex="102"><i class="b-form-checkbox__bg"><img class="b-form-checkbox__tick" title="" src="//yandex.st/lego/_/La6qi18Z8LwgnZdsAr1qy1GwCwo.gif" alt=""></i></span><label for="id1165659705049" class="b-form-checkbox__label">
        запомнить меня
      </label></span></div>
<div class="b-domik__button"><span onclick="return {'b-form-button':{name:'b-form-button'}}" tabindex="103" class="b-form-button b-form-button_size_s b-form-button_theme_grey-s i-bem"><i class="b-form-button__left"></i><span class="b-form-button__content">
        <span class="b-form-button__text">
          Войти
        </span>
      </span><input type="submit" class="b-form-button__input" hidefocus="true" value=""></span></div>
<div class="b-domik__social" onclick="return {'b-domik__social':{'size':16}}"></div>
<div class="b-domik__remember"><a class="b-domik__remind" href="https://passport.yandex.ru/passport?mode=restore" tabindex="105">Напомнить пароль</a></div>
</div>
<div class="b-domik__register"><a class="b-domik__link" tabindex="104" href="https://money.yandex.ru/reg/?retpath=https%3A%2F%2Fmoney.yandex.ru%2Findex.xml">
      Зарегистрироваться
    </a></div>
<script>$(function() {$('.b-domik_type_bigform .b-domik__register .b-domik__link').on('click', function() {r(this, 'stred/pid=41/cid=2772')});});</script><script>$(function() {$('.b-domik_type_bigform .b-domik__register .b-domik__link').on('click', function() {r(this, 'stred/pid=41/cid=2772')});});</script>
</form>
<div class="b-account_ie-placeholder"></div>
</td>
<td class="l-page__center"><h1 class="b-wizard__title">Как начать пользоваться Яндекс.Деньгами</h1></td>
<td class="l-page__right"></td>
<td class="l-page__gap"><i></i></td>
</tr>
<tr valign="top" class="newb-steps-header">
<td class="l-page__gap"><i></i></td>
<td class="l-page__center">
<div class="b-wizard">
	
	

	<script type="text/javascript">r(this, 'stred/pid=41/cid=71167');</script><div class="b-wizard__step b-wizard__step_active b-wizard__step1">
<div class="b-wizard__stepNum">
                1
            </div>
<a class="b-button b-button_newAccount" href="/reg/?from=imainbutton" onclick="
						r(this, 'stred/pid=41/cid=2768/path=noauth');
					"><span class="b-button__inner">Откройте кошелек</span></a><div class="b-wizard__stepTitle"><div>
<div> </div>
<div>Бесплатно. Быстро. Удобно</div>
</div></div>
</div>

	<div class="b-wizard__step b-wizard__step2">
<div class="b-wizard__stepImg1"></div>
<div class="b-wizard__stepNum">
                2
            </div>
<p class="b-wizard__stepTitle">Выберите, с чего начать</p>
<div class="b-wizard__stepCase"><table><tr>
<td>
				<a class="b-wizard__stepCaseTitle" href="/prepaid/?from=imainprep" onclick="r(this, 'stred/pid=41/cid=71412/path=noauth')"><img src="/i/cash_inactive.png">
						 Пополнить счет</a> 
					<p class="b-wizard__stepCaseText name">можно со счета в любом <a href="/topup/step1.xml?_openstat=dengi;totup;mainnew">банке</a></p>
				</td>
<td>
						<a class="b-wizard__stepCaseTitle" href="/embed/?from=imainembed" onclick="r(this, 'stred/pid=41/cid=71413/path=noauth')"><img src="/i/embed_inactive.png">
						 Получить Яндекс.Деньги</a>
					<p class="b-wizard__stepCaseText name">для собственного проекта или на благотворительность</p>
				<span class="b-wizard__moreLink-container"><a class="b-wizard__moreLink" href="" onclick="r(this, '/path=noauth')"></a></span>
</td>
<td class="b-wizard__stepCase-last-item">
					
				</td>
</tr></table></div>
</div>
	
	<div class="b-wizard__step b-wizard__step3">
<div class="b-wizard__stepNum">
                3
            </div>
<div class="b-wizard__stepTitle">
			<div class="b-wizard__stepTitle__text">Готово, можно тратить</div>
			<div class="g-clear_both"></div>
		</div>
<div class="b-wizard__stepCase"><table><tr>
<td>
<a class="b-wizard__stepCaseTitle" href="/shops.xml?from=imaintr" onclick="r(this, 'stred/pid=41/cid=71414')"><span class="b-wizard__stepCaseImg1"></span>Покупать</a><div class="b-wizard__stepCaseText"><div>игры, билеты, книги и многое другое в интернете. Или <a href="/shop.xml?scid=5007&from=imainyacard">платить в супермаркетах</a>
</div></div>
</td>
<td>
<a class="b-wizard__stepCaseTitle" href="/direct-payment.xml?from=inewp2p" onclick="r(this, 'stred/pid=41/cid=71415')"><span class="b-wizard__stepCaseImg2"></span>Переводить</a><div class="b-wizard__stepCaseText"><div>и получать деньги от других пользователей</div></div>
</td>
<td class="b-wizard__stepCase-last-item">
<a href="/shop.xml?scid=5013&_openstat=dengi;payout;mainnew" class="b-wizard__stepCaseTitle" onclick="r(this, 'stred/pid=41/cid=71567/path=earthport/path=noauth.')"><span class="b-wizard__stepCaseImg3"><img src="/i/planeta__inactive.png"></span>Снимать со счета</a><div class="b-wizard__stepCaseText"><div>например, переводить на счет в любом банке мира (кроме США)</div></div>
</td>
</tr></table></div>
</div>

	<div class="b-social-services ">
<a href="http://clubs.ya.ru/money/" target="_blank" onclick="r(this, 'stred/pid=41/cid=71436/path=ya')" class="b-social-services__link b-icon b-icon_24 b-icon_24_yaru"></a><a href="http://twitter.com/yamoneynews" target="_blank" onclick="r(this, 'stred/pid=41/cid=71436/path=tw')" class="b-social-services__link b-icon b-icon_24 b-icon_24_twitter"></a><a href="http://www.facebook.com/money.yandex.ru" target="_blank" onclick="r(this, 'stred/pid=41/cid=71436/path=fb')" class="b-social-services__link b-icon b-icon_24 b-icon_24_facebook"></a><a href="http://vk.com/public16986287" target="_blank" onclick="r(this, 'stred/pid=41/cid=71436/path=vk')" class="b-social-services__link b-icon b-icon_24 b-icon_24_vkontakte"></a><span class="b-social-services__text"> — самые последние новости Яндекс.Денег</span>
</div>
</div>



</td>
<td class="l-page__right"></td>
<td class="l-page__gap"><i></i></td>
</tr>
</table>
<br><table width="100%" border="0" cellspacing="0" cellpadding="0" class="footer"><tr valign="top">
<td width="20%"><div class="links">
<div class="offer studio-link">Дизайн — <a href="http://www.artlebedev.ru/">Студия Артемия Лебедева</a>
</div>
<div class="offer"><a href="https://money.yandex.ru/doc.xml?id=522764" onclick="r(this, 'stred/pid=41/cid=71074')">Пользовательское соглашение</a></div>
</div></td>
<td width="30%" class="sitemenu"><div class="links">
<div class="links"><a href="https://money.yandex.ru/sessions.xml" onclick="r(this, 'stred/pid=41/cid=71518')">Последнее посещение</a></div>
<div class="links">Позвонить нам +7 (495) 974 3586 или <a href="https://money.yandex.ru/feedback" onclick="r(this, 'stred/pid=41/cid=70101')" style="margin-right:0">написать</a>
</div>
</div></td>
<td width="15%" class="sitemenu"><div class="links">
<div class="shift">
<a href="http://mobile.yandex.ru/apps/money/" onclick="r(this, 'stred/pid=41/cid=72307')">Мобильные приложения</a> 
						</div>
<div class="shift"><a href="http://tune.yandex.ru/api/my/v1.0/my.xml?block=44&param=0&retpath=https%3A%2F%2Fm.money.yandex.ru&sk=y8fb63b85fa48665a509f3a82816ea8fc" onclick="r(this, 'stred/pid=41/cid=70099')">Мобильная версия</a></div>
</div></td>
<td width="15%" class="sitemenu"><div class="links">
<div class="shift">
<a href="https://money.yandex.ru/start/" onclick="r(this, 'stred/pid=41/cid=70086')">Магазинам</a> 
						</div>
<div class="shift"><a href="http://api.yandex.ru/money/" onclick="r(this, 'stred/pid=41/cid=71443')">Разработчикам</a></div>
</div></td>
<td width="20%" class="copyright"><div class="copyright" style="padding-left:0">
<div>
<span>© 2002—2014</span> «<a href="http://www.yandex.ru/">Яндекс</a>»
	</div>© 2007—2014 ООО НКО «Яндекс.Деньги» <div class="links">
<a href="https://money.yandex.ru/about.xml" onclick="r(this, 'stred/pid=41/cid=70100')">О проекте</a>  <a href="https://money.yandex.ru/eng/about.xml" onclick="r(this, 'stred/pid=41/cid=71066')">About</a>
</div>
</div></td>
</tr></table>

-18

dudeonthehorse 17 фев 2014 в 07:48

Табличный БЭМ, что не нравится?

Seldon 17 фев 2014 в 08:25

У вас есть хоть один аргумент против?

+11

Jabher 17 фев 2014 в 11:26

у меня есть:

-8

Anisotropic 17 фев 2014 в 15:12

Сразу видно, в 2014 году человек писем не верстал…

Jabher 17 фев 2014 в 15:50

аа, вот почему минусуют. У нас же ветка другая, посмотрите выше:

Пффф… на главной яндекс денег в исходниках 12 таблиц

А вообще я хотел ниже откомментировать свой шок о том что письма не таблицами разверстаны в посте. Но меня опередили, человек пять.

Seldon 17 фев 2014 в 16:32

Новость дня, на яндекс деньгах 12 таблиц, ахтунг, первая полоса НьюЙоркТаймс. Так вы поинтересейтесь зачем яндексу таблицы, почему они все щее на сайте и так далее. Ну и все-таки скажите почему таблицы на сайтах яндекса — плохо?

Blumfontein 17 фев 2014 в 16:13

На одну единицу полезного текста (тот, который выводится пользователю) овер 9000 единиц html. Нет, это не норма. Боюсь представить, сколько займет верстка большой страницы. Кто-то там удавится за 30kb jquery готов, а тут html больше, чем все библиотеки javascript, вместе взятые.

Ant0ha 17 фев 2014 в 16:40

Для верстки писем — это стандарт.

Akuma 17 фев 2014 в 08:13

В посте рассказывается про верстку писем. Вы правда всегда верстаете письма дивами?

+16

jeppeQue 18 фев 2014 в 10:03

Бггг. Он просто не пробовал верстать под почтовые клиенты. ;)

Akuma 18 фев 2014 в 10:30

Я в таких случаях всегда вспоминаю старенький The Bat, который не отображал фоновые картинки в дивах. А с таблицами было все хорошо. Причину я тогда так и не нашел :)

jeppeQue 18 фев 2014 в 10:35

Ну как бы здесь и здесь описана поддержка HTML и CSS почтовыми клиентами.

Seldon 17 фев 2014 в 08:26

В письмах очень даже норм решение, ибо задача чтобы было везде одинакого хорошо.

stalkerg 17 фев 2014 в 12:31

Для писем, использование таблиц неизбежность в виду ~~ограничености~~особенностей html движков почтовых программ. Я думаю многие бы хотели использовать HTML5/CSS3.

А вот то, что на сайте Яндекса таблицы не к месту, что то странное. Как минимум полоску

Поиск Почта Диск Календарь Деньги Мой Круг Фотки ещё

можно было бы спокойно сделать без таблицы (да и по логике вещей это список, а не таблица). Хотя коль в Яндексе появился БЭМ семантику они и не должны любить.

might 17 фев 2014 в 12:34

если в html-письмах не использовать таблицы, то получатели рассылки получат реальный треш в своих почтовых ящиках.

derSmoll 17 фев 2014 в 12:59

Просто человек никогда не верстал письма и не ведает, что творит :)

SergioBarbery 17 фев 2014 в 08:06

Так же мучился с уведомлениями от ВТБ24, которые проектировали какие-то жуткие дизайнеры, и на простом мобильнике видна только белая верхушка картинки в шапке, остальное надо прокручивать. Решил более кардинально. Подписал телебанк на отдельный ящик. Написал php скипт, который получал почту, на основе регулярных выражений выбирал важную информацию и отправлял короткий текст на почту, которая поступает на мобильник. Скрипт запускается раз в 5 минут через cron у хостера моего сайта.Это конечно минус, но писал ведь для себя и использовал наличие сервера ухостера как данность… Сократил размер с 70-80 кило до нескольких сотен байт.

dudeonthehorse 17 фев 2014 в 08:12

Суров, ничего не скажешь. Некоторые просто не понимают разницы между сайтом и письмом, вот и городят ересь. А хейтеры потом всех и вся в спаме обвиняют. Я за последние несколько лет насмотрелся.

Nikita_Rogatnev 17 фев 2014 в 08:30

Пффф… на главной яндекс денег в исходниках 12 таблиц

Или у меня с головой проблемы, или Вы написали комментарий про страницу яндекс денег, а не письма. В следствии чего я и написал свой последующий комментарий. Я не считаю приемлемым напихивать по несколько таблиц в таблицы, особенно для такой солидной компаниии, как Яндекс, если читающие считают это нормой, Ваши проблемы. Минусующих призываю освежить в памяти Хабраэтикет, напоминаю, что если Ваше мнение не сходистя с моим это не повод минусовать карму.

На вопрос Akuma

В посте рассказывается про верстку писем. Вы правда всегда верстаете письма дивами?

Нет, письма я верстаю не дивами, но и не гавнокодом по 10 таблиц, в котором таблицы в таблицах

-8

dudeonthehorse 17 фев 2014 в 08:35

Никита, успокойтесь, пока не поздно :)

Зачем было отвечать на этот мой комментарий? Он не имеет отношения к таблицам и объекту вашего возмущения.
И да, вы выглядите немного глупо, говоря, что яндексоиды говнокодят.

пы.сы. Упоминание кармы в суе не способствует ее сохранению. Поверьте мне, как сидевшему с минус 60.

Seldon 17 фев 2014 в 08:43

Ваши комментарии были МЕГО информативны и МЕГО аргументированы

Мммм, таблицы

Треш

Товарищи минусующие, вы действительно считаете это нормаой?

Я не считаю приемлемым напихивать по несколько таблиц в таблицы, особенно для такой солидной компаниии, как Яндекс

Поэтому советую в первую очередь вам обратится к упомянотому хаброэтикету и высказывать свое мнение исключительно в купе с аргументами, а не просто обрывками фраз и выкриками «они дебилы, я хороший». Пока что вас оценили лишь на минусы в карму. Попробуйте излагать мысли более понятно и аргументированно.

smind 17 фев 2014 в 09:05

я бы у яндекс денег только 2 минуса назвал, но эти минусы только к яндекс деньги пластику относятся…

первое это:

Мы списываем комиссию — 3% + 15 рублей, но не меньше 100 рублей, если вы:
— снимаете деньги с карты в банкомате;
…

второе:

Почему с меня взяли комиссию 3% + 15 рублей, если я платил с карты в обычном магазине?
Скорее всего, у магазина неправильный MCC…… Если мы получим один из таких кодов (6010, 6011, 6538, 6012, 6051, 6540, 4829), то комиссия спишется автоматически.
В этом случае мы советуем обратиться в службу поддержки магазина и рассказать о проблеме с MCC.

Остальные «минусы» это и не минусы, так мелкие шероховатости :)…

-2

dudeonthehorse 17 фев 2014 в 09:09

Первое меня давно не беспокоит. Наличку почти не использую. Со вторым не сталкивался.

smind 17 фев 2014 в 10:17

я то как раз хотел перевести дочь на безнал, она школьница и мне надоело каждый день деньги выдавать на еду + телефон раз в месяц + карманные, вот подумал надо карту завести и раз в месяц тысяч 5 закидывать.
Озаботился поиском пластика, сбер ничего но надо заморачиваться, т.к. паспорта нет и надо выяснять что да как, заказал от яд карту, но 2 мелочи выше описанные делают данную карту непригодной для использования школьником.

Kirby 19 фев 2014 в 10:01

По идее, телефон можно прямо Яндекс.Деньгами оплачивать. И расплачиваться картой в магазинах онлайн и оффлайн без комиссий. Но если задача — выдавать ребёнку именно наличные, то выпуск карты и правда мало поможет. Большинство банков берут комиссию за снятие денег в чужих банкоматах в любом случае.

Kirby 19 фев 2014 в 10:10

Второе — недостаток любых пластиковых карточек, которые берут деньги за обналичку в «чужих» банкоматах. Так что правда нужно жаловаться в магазины.

felixexter 17 фев 2014 в 09:15

Посмотрел исходник в литмусе. Во всех браузерах рассылка дальше шапки не отобразилась.

Выглядело вот так

А вот исправленный вариант.

dudeonthehorse 17 фев 2014 в 18:14

По первой ссылке тестовый вариант в котором есть лишь шапка.

felixexter 17 фев 2014 в 09:46

Можете приложить код неотредактированного исходника?

dudeonthehorse 17 фев 2014 в 18:24

Я не то, чтобы сильно параноик, но не буду выкладывать весь исходник. Как правило на клиенте в письме хранятся данные, которые не стоит давать в общий доступ.

felixexter 17 фев 2014 в 19:39

Весь не прошу, без данных, конечно. Их можно заменить на рыбу.

Supercharged 17 фев 2014 в 10:31

В мобильных версиях я бы вовсе убрал боковые линии и прочие красивости слева и справа. Итак по ширине места мало.

Triang3l 17 фев 2014 в 10:43

А почему нужны именно звёздочки, а не <hr />?

s0lar 17 фев 2014 в 12:13

Дизайн такой

dudeonthehorse 18 фев 2014 в 22:07

Кстати вы подали отличную идею как реализовать отбивку знаками "="
HR с верхней и нижней dashed границами.

might 17 фев 2014 в 12:39

Вполне возможно в яндексе уже прочитали данную статью и приняли меры:
f6.s.qip.ru/14a5VJb1D.png
В связи с проведением плановых технических работ ваш ящик доступен только для отправки писем и просмотра уже полученных. Вы не можете вносить какие-либо изменения, например, перемещать письма в другие папки или менять настройки почтового ящика. Также временно приостановлена доставка новых писем. Как только технические работы завершатся, все пришедшие за это время письма будут доступны, а отправленные вами письма появятся в папке «Отправленные».

Kirby 17 фев 2014 в 13:36

Добрый день!
Я пришла сказать, что задача на переработку писем и изменение формата вёрстки стоит, над ней работают, Ваши замечания все прочитали, обсудили и приняли к сведению. В посте вопросов, на которые нужен ответ, кажется, всё-таки нет — но если нужно что-то спросить у руководителя отдела интерфейсов, я ей с радостью передам :) Спасибо за обратную связь!

(Меня зовут Аня, я работаю в Яндекс.Деньгах)

+11

dudeonthehorse 19 фев 2014 в 01:57

Рад, что меня услышали. Жду подвижек в данном направлении.

Stdit 17 фев 2014 в 14:33

А я люблю простые текстовые письма без картинок. В них, конечно, рекламу вставить труднее, но если бы службы рассылки технических писем предоставляли выбор формата (text vs html), мир был бы чуточку прекраснее.

dudeonthehorse 17 фев 2014 в 18:22

Они предоставляют. И заботливые компании этим пользуются, дабы не нервировать своего клиента.

Blumfontein 17 фев 2014 в 16:22

Господа, а зачем вам Яндекс.деньги, поделитесь.

-2

Doktor_Gradus 17 фев 2014 в 23:57

Удобно оплачивать услуги некоторых сайтов, на которых карточку светить не очень хочется. Конечно, получается 2 операции, но как-то спокойнее.

Blumfontein 18 фев 2014 в 07:06

Для операций в интернете вообще полезно создавать вторую карточку, кроме того есть же всякие виртуальные карты. А в некоторых банках уже можно создавать виртуальную карту на одну транзакцию.

Romeo_spb 18 фев 2014 в 10:29

Кстати, о виртуальных картах. Можно завести себе такую и в Яндекс.Деньгах. Анонимный счет, анонимное пополнение через Евросеть (под 0%) и никто про вас ничего не узнает :)

money.yandex.ru/virtualcard/about.xml

Kirby 19 фев 2014 в 10:03

Она не на одну транзакцию, она на год;) Но менять можно раз в сутки, это да.

Romeo_spb 19 фев 2014 в 10:42

Но лучше не надо ;) Да и какой смысл, если счет анонимный

Doktor_Gradus 18 фев 2014 в 23:53

Ой, ну это морока. Тем более карточка на 1 транзакцию. Вы, правда, будете создавать виртуальную карту, чтобы перевести рублей 150-300?

Blumfontein 19 фев 2014 в 06:11

1 карточка на одну транзакцию — это для очень осторожных людей или для совсем сомнительных случаев. В абсолютном большинстве случаев достаточно просто отдельной карточки, на которую скидывать по чуть-чуть денег. Получать деньги на карточку, с которой потом через третий сервис скидывать деньги на ЯД — вот точно морока. Тем более, с чего вы взяли, что у моего адресата 150-300 руб есть ЯД? А карточкой я сейчас разве что семечки у бабушки на остановке оплатить не смогу.

Romeo_spb 19 фев 2014 в 10:44

Речь о случае, когда вашу основную карту светить не хочется, зато есть очень большое желание быть анонимным. Тогда удобнее использовать анонимную виртуальную карту, нежели зарплатную банковскую :)

Doktor_Gradus 19 фев 2014 в 21:32

Не сказать, чтобы сильно анонимную. От любопытства госорганов не поможет.

Romeo_spb 20 фев 2014 в 11:30

Анонимный счет, заведенный через ТОР, пополнение через любой терминал на улице. Достаточно анонимно, чтобы вас не нашли.

Doktor_Gradus 19 фев 2014 в 21:31

В чём морока получать деньги на карточку? Пришли, да и всё. Или в банкомате закинуть. Через онлайн-клиент банка перекидываем на ЯД, оттуда быстро перекидываем куда надо.

Вот выводить деньги с ЯД (именно выводить, а не расплачиваться тиньковской картой) — проблема, там комиссию берут.

Про 150-300 рублей я выше писал — оплата тем, кто принимает ЯД (точно так же они могут принимать ещё кучу разных электронных денег).

Blumfontein 20 фев 2014 в 07:25

Через онлайн-клиент банка перекидываем на ЯД, оттуда быстро перекидываем куда надо.

Т.е. вы делаете вот так: «Карта -> ЯД -> магазин»
А я делаю вот так «Карта -> магазин»
Вам не кажется, что в вашей схеме что-то не так?

Doktor_Gradus 23 фев 2014 в 22:29

В вашей схеме: ваша карта -> анонимная карта -> магазин.

Kirby 19 фев 2014 в 10:03

Она не на одну транзакцию, она на год;) Но менять номер карты можно раз в сутки.

Doktor_Gradus 19 фев 2014 в 21:33

Так уже лучше. Только за неё платить надо. А за ЯД я не плачу. Деньги на кошелёк можно закинуть без комиссии. А вот внутриЯДные платежи — они с комиссией.

Romeo_spb 19 фев 2014 в 10:43

Нажал кнопку — получил карту, не особая морока :) Тем более счет анонимный, зачем на одну транзакцию?

kugaevsky 17 фев 2014 в 17:18

Я просто оставлю это здесь zurb.com/ink/

НЛО прилетело и опубликовало эту надпись здесь

dudeonthehorse 17 фев 2014 в 18:07

Ну во-первых они нормально отображают письма.
Во-вторых нам усложняют задачу по повторению почтового интерфейса в письме во избежание фишинговых приемов. По мне так — неплохая себе версия.
В третьих, это остерегает многих людей делать из рассылки накрашенную проститутку.
Так же меня полностью устраивает, что я не могу использовать в письмах флеш и звук.
Не вижу причин для негодования по поводу того, что нам не дают делать в письмах полноценные сайты.

НЛО прилетело и опубликовало эту надпись здесь

dudeonthehorse 19 фев 2014 в 01:47

Это даже хорошо, что заказчики не прислушиваются к вашему мнению, хотя бы потому что имеют голову на плечах и умеют считать деньги.
Давайте на секундочку отойдем от транзакционных писем и поговорим о маркетинге.

Довелось мне работать с одним интернет магазином, который слал своим клиентам Plain/text письма. Был хороший текст, но не было графики. Даже картинок с товаром. Но конверсия была высокой. Мы решили попробовать сделать html выпуск. И послали новую рассылку 50 на 50. Половине людей старую версию, половине новую. Конверсия на html упала что то около 15%. От сюда мы сделали вывод, что стоит оставить текстовую версию, ибо она приносит больше трафика на сайт.

Берем другой магазин. Слали текстовые письма и среднего качества текст. Отрисовал им письмо, добавил изображения к позициям товара, немного «визуального мусора» и переходы на сайт увеличились на 200%. Продажи возросли соответственно.

Идем далее. Купил девушке телефон только благодаря рассылке Нокии. Прислали интересное промо, начал читать обзоры. В противном случае на нокию даже не посмотрел бы.

Вам говорит о чем нибудь CPA? Если заниматься подобными рассылками в текстовом варианте, вы разоритесь. Ибо хомяк не клюет на голый текст. Во избежание вопросов отвечу, что CPA — это прибыльно, но не интересно. Меня хватило на 3 месяца. Потом забросил.

Я к чему это все. Не надо быть субъективным и отталкиваться только от личных предпочтений. Сплит тесты в помощь, прежде чем морочить головы заказчикам.

Envek 23 фев 2014 в 10:27

WTF is CPA? Что-то из этого? Пожалуйста, давайте ссылки на расшифровку узкопрофильных терминов.

dudeonthehorse 23 фев 2014 в 10:58

Именно Cost Per Action

pepelsbey 17 фев 2014 в 20:44

Я был бы рад получить по почте такой же чек — то есть простой текст без скрепочек и загнутых уголков. Адаптивно из коробки, кстати. Это тебе в первый раз «мило», а во второй и дальше ты уже воешь от визуального мусора.

Kirby 19 фев 2014 в 10:06

Я это тоже в отдел интерфейсов передала. Спасибо!

Envek 23 фев 2014 в 10:33

Кстати, добавлю, есть такие письма, которые обзываются multipart/alternate. Можно ведь слать сразу две версии письма, text/plain (только информация) и text/html (со всеми визуальными вкусностями), а почтовый клиент может выбрать какой отображать по вкусу пользователя.
Все продвинутые библиотеки для программного составления писем такую возможность имеют.

jeppeQue 24 фев 2014 в 10:32

Более того, письма с multipart/alternate более удачно проходят антиспам-фильтры. Хотя для Яндекса это неактуально, наверное. :)

Goodkat 19 фев 2014 в 15:38

Амазон выставляет фиксированную высоту строки в своих письмах, в итоге при увеличенном размере шрифтов в iOS Mail строки налезают друг на друга. Я написал им об этом приложив скриншот, они ответили, что письмо не от них, что это фишинг, и порекомендовали удалить :)

Stan_1 1 мар 2014 в 02:20

Хм. А как удается добиться нормальной работы media на ios7? Я как раз последние 2 дня бьюсь над проблемой. код четко адаптируется под desktop/mobile пока он в браузере, но полностью игнорируется, когда он присылается в качестве письма в стандартное приложение iOS.

dudeonthehorse 1 мар 2014 в 06:59

Копать и тестировать

Stan_1 1 мар 2014 в 10:09

Увы. Копание показало очень странную вещь. Если делать определение стиля div, а следом его переопределение через

@media only screen and (max-device-width: 600px)

То тогда это переопределение игнорируется ios7, и письмо отображается в соответствии с правилами первого div. Но тогда письмо нормально отображается в gmail клиентах, как «для большого экрана».

Если же первый div упаковать в

@media only screen and (max-device-width: 6000px)

то есть сделать его так, чтобы «свободных» стилей div'ов, без media не было бы — тогда на ios7 все начинает работать корректно, но в gmail-клиенте письмо выглядит так, как будто определения стилей div'ов вообще нет (что так и есть).

Причину понять не могу. :(

dudeonthehorse 1 мар 2014 в 12:31

Gmail вообще не понимает media queries, можно сказать. Он все жмет по своим алгоритмам. Понимание приходит методом научного тыка. Лучшее решение — не использовать фиксированные величины > 320 px в ширину. Только резина.

Т.е. банальная резина — лучше переопределения стилей.

Stan_1 1 мар 2014 в 16:28

В общем все, разобрался. Почему-то, когда есть базовый стиль, и попытка его переопределить в media, то Apple Safari это понимает корректно, а Apple Mail криво. Я около всех тегов внутри media прописал !important, и все заработало, как ожидалось.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Адаптивные письма? Пожалуйста!

Комментарии 78

Публикации

Истории