Оптимизация веб-сайта для Opera-mini

На самом деле для подобных вещей нужно бы завести отдельную ветку, но пока всё на стадии идеи - поделюсь опытом здесь.

Итак - преамбула.
Opera-mini позволяет просматривать обычные веб-сайты, но со временем начинаешь замечать, что не всё отображается в мобильном браузере также, как и в обычном, для настольных компьютеров. В частности, нередко "шапка" сайта теряет фоновый рисунок, а видимым остаётся только логотип ресурса. Происходит такое от того, что зачастую фон "шапки" веб-сайта прорисовывается из небольшого графического файла, клонированного на всю ширину экрана. В таблицах стилей всё это выглядит примерно так:
Code:


#header{
background-image: url({site_url}themes/site_themes/orange/header.png);
background-repeat: repeat-x;
}

А уже поверх такого "одеяла" накладывается логотип веб-сайта. На десктопе всё выглядит вполне прилично, но в Opera-mini происходит корректировка оформления страниц с целью уменьшения объёма закачиваемого трафика, и в этом случае из контента выпадает тот самый фоновый рисунок, которым должна заполняться "шапка" веб-сайта. В итоге при работе в Opera-mini мы видим только логотип на белом фоне, что немного нарушает восприятие и сводит на нет изыски дизайнеров.

Но выход есть, и очень простой. Для того, чтобы владельцы Opera-mini лицезрели ваш веб-сайт максимально в том же виде, что и на десктопе, достаточно добавить в CSS ещё одну строку примерно таким образом:
Code:


#header{
background-image: url({site_url}themes/site_themes/orange/header.png);
background-repeat: repeat-x;
background-color:#000000;
}

В этом случае при просмотре в настольном браузере заданный нами фоновый цвет "шапки" (в нашем примере - чёрный, но вы можете подобрать его по своему усмотрению) будет перекрываться сверху фоновым рисунком. Если же на сайт забрёл пользователь Opera-mini, то он увидит логотип веб-ресурса на цветном фоне. Если подобрать цвет в тон к фоновому рисунку, то пользователь Opera-mini даже не заметит разницы, т.к. будет видеть веб-сайт практически в том виде, в котором привык лицезреть его с домашнего компьютера.