Scaryer, согласен полностью, глаза тоже поломал)
А вообще в какую сторону думать, если уж очень хочется. Почитайте про cufon. Ну и главная проблема в том, что IE кушает шрифты только формата EOT
css:
body { background: orange url('path/to/image.jpg') no-repeat center 0; }
Готовый вариант конечно делать не буду, но могу подтолкнуть на мысль как это сделать)
1) добавляем в верстку
<div id="fixed_block">bla-bla-bla text</div>
2) в css позиционируем (fixed) этот блок относительно body
3) подключаем jquery
4) вешаем событие на этот блок (hover, click, например) и соответственно определяем что с ним делать - показывать или скрывать (show/hide, animate, fadeIn/fadeOut). В общем полет фантазии, ровные руки, знания и все получится)
jcarousel, jcarousellite приходят в голову в первую очередь) А вообще, как практика показывает, большинство плагинов всеравно приходится допиливать под свои нужды, редкие случаи когда ничего не приходится доделывать
На будущее советик) У вас в ссылке получается 2 разных картинки, и возникает маленький и неприятный момент (например, меня как пользователя иногда это раздражает :) ) при первом наведении, на мгновение бэкграунд пропадает, пока не прогрузится вторая картинка. Выход такой, сделать из двух картинок одну (спрайт), и менять при наведении только background-position. Такая штука полезна как для глаз пользователей, так и для файловой системы (в данном случае правда минимальная польза)
затерто...
Посмотрите в сторону абсолютного позиционирования, либо воспользуйтесь таким чудесным свойством как float
Собственно говоря, довольно просто этот блок выдрать прямо из форбс, например. В коде прямо за блоком есть js, немного разобравшись с ним, думаю, не составит труда его и к себе прилепить.
Вот, кстати, прямая ссылка на likebox от фейсбука
Полностью солидарен с PLSB.
Ну и маленькое исправление на горячую руку, в списке меток, самим меткам добавьте стиль 'white-space: nowrap' и 'line-height', равное размеру шрифта. Так они не будут друг на друга залазить, и если в метке несколько слов и она не помещаетя в строку, то отобразится на следующей строке)
Где вы такое выкопали) У float нет такого значения 'center'
Чтобы выровнять блок по центру, нужно всего-лишь указать ему width, margin-left: auto, margin-right: auto
#centered_block { width: 960px; margin: 0 auto; }
<ul> <li>text</li> <li>text</li> <li>text</li> </ul>
А так сами смотрите, если есть возможность запихнуть вывод <ul></ul> в то место, где формируется само меню, то сделайте это. Там же определять, если подменю нет, то и не выводить пустую конструкцию в html
Кстати, мало просто присутствие тегов <li>, для полной валидации они еще не должны быть пустыми)
