Trifler Blog
После публикации «Исчезающий Fixed...» в личной переписке был задан ряд вопросов и пожеланий:
С вертикальным скроллом все просто. Не буду приводить ни html-кода, ни стилей, лучше сразу перейти к примерам, в них нет ничего сложного, смотрим, разбираем, вопросы в комментарии.
Из примеров видно, фиксированные колонки при переполнении информацией могут индивидуально прокручиваться по вертикали без появления скролла, что привело к дополнительному html-коду, но в тоже время это позволяет в предложенном классе разметки, довольно простыми средствами использовать графику.
За основу возьмем некогда предложенный автором ресурса метод изложенный в «Универсальном графическом контейнере». Само собой графика имеет свою специфику, но увеличение html-кода, полностью компенсируется возможностью с помощью всего двух графических файлов, минимального объема, создавать все колонки и блоки любой ширины, ограничение - ширина самой графики.
Не однократно писал, что OPERA странный браузер и это еще мягко сказано. Говорю без относительно функционала, все связано только со своеобразной трактовкой самых простейших стилевых правил.
К сути.
Довольно часто для задания индивидуальных стилевых правил для OPERA рекомендуют такую конструкцию:
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0){
head~body .XXX {color:#000;}}
Как вы понимаете, запомнить и на память воспроизвести подобного рода запись не так-то просто. Это вам не звездный хак для IE6 - *html .XXX {color: #000;} доступный даже первокласснику :)
Вот и пришлось его подсократить до:
@media not all and () {.XXX {color:#000;}}
Проверено в нескольких работах, как будет себя вести в предыдущих версиях OPERA, не знаю, одна рекомендация - обновляемся чаще.
Вполне возможно, в последующих релизах может повести себя не предсказуемо и это для данного производителя браузера - обычная история.
Оседлаем любимого конька автора блога – фиксированные блоки-колонки, произведем скрещивание оного с озвученным в последних постах – "Любителям экзотики и извращений..." и "Жесткое порно..." получив на выходе нетривиальную вещицу.
Собственно ни html-кода, ни стилей, как обычно не будет, лучше посмотреть все в живую.
Дизайн натянут на Lasto Blog. Без руки Мастера – автора скрипта, не обошлось, за что тысяча благодарностей. Оказанная техническая поддержка, позволила расширить некоторые функции движка блога, многие из них легко портируются и на другие скрипты.
Как говориться краткость сестра таланта, потому идем и смотрим.
Дополнительная информация по дизайну присутствует.
Горизонтальный banner counters.php - width:494px;
| февраль, 2012 | ||||||
| пн | вт | ср | чт | пт | сб | вс |
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | ||||