Ilya
25/12/2007 18:47
По секрету всему свету

На сайте Компьютерра-онлайн опубликована статья о том, как можно подправить таблицу стилей CSS веб-сайта для корректного отображения дизайна как на десктопе, так и в Opera Mini. Постоянные посетители нашего сайта ничего особо нового там не узнают, т.к. данная статья основана полностью на материале, _//forum.myopera.net/showflat.php?Cat=&Board=newsuser&Number=36592#Post36592_ на MyOpera.net чуть ранее.

Но есть в статье и небольшой рождественский сюрприз для всех посетителей MyOpera: на скриншотах можно увидеть дизайн новой версии веб-сайта MyOpera.net, который в данный момент проходит закрытое тестирование, а официальное открытие намечено на начало 2008 года.

_//www.computerra.ru/gid/prodigi/343672/_


iNDiAnFLy
27/12/2007 03:55
Re: По секрету всему свету

есть ещё один полезный метод.

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

и так, реализация метода:
создаём в шапке блок с текстовым заголовком и пустой контейнер
Code:
<div id="header">

<h1>
<a href="http://myopera.net/">MyOpera.Net
<span></span>
</a>
</h1>
...
</div>

далее остаётся только оформить эту конструкцию,
а именно выровнить контейнер (span) таким образом, что-бы он перекрывал заголовок...
Code:
#header h1 a span{

position:absolute;
width:100px;
height:50px;
top:0;
left:0;
background:transparent url("./header.png") no-repeat 0 0;
cursor:hand;
}

не стану полностью описывать оформление,
надеюсь и без того идея ясна -- теперь если отключены изображения или бэкграунды, то контейнер с прозрачным фоном (transparent) явит нам текстовый заголовок...


Ilya
27/12/2007 08:03
Re: По секрету всему свету

о, тоже полезная штука




  
Отправить email администрации MyOpera.net - Home

© 2000-2002. Николай Ковальчук - All rights reserved
Rambler's Top100