gurylyov

function expandit(id) { var obj = document.getElementById(id), tag=document.getElementsByTagName("DIV"); for(i=0; i<tag.length;i++) if (tag[i].id.match(/proj/)&&!tag[i].id.match(id) ) tag[i].style.display = "none"; obj.style.display == "block" ? obj.style.display = "none" : obj.style.display = "block"; } попробуйте вот такую функцию. она ищет дивы, id которых содержит proj и разбирается с ними. если не ошибся нигде

Коли не надо, тем проще А вот сделать человечка на старте без js у меня не получается. В принципе, об этом речи не было, но я старался без js сделать в силу привычки, хотя с js всё это было бы проще. Сделать-таки всё это js или оставить как есть? p.s. градиенты можно оставить. работают почти во всех браузерах. на крайний случай, чтоб работало даже в ie6, можно добавить после background-color: #063053; строку background-image: url(rainbow.png);, где rainbow - тот же самый градиент, но отрисованный картинкой высотой в 1 пиксель и повторяющуюся вертикально. Если что-то не будет получаться, не стесняйтесь - спрайшивайте.

Читайте про тег <col>. Сформируйте его для своей таблицы, а потом ховер применяйте к нему.

Это не решение проблемы, но могу посоветовать вместо кода кнопки сделать ссылку. Правда, функционал разный. Кнопка делает +1, а ссылка будет отправлять в ленту гугл+. Адрес ссылки _http://plusone.google.com/_/+1/confirm?hl=ru&url=АДРЕС_СТРАНИЦЫ Её в разы проще выравнивать. К тому же, если не ошибаюсь, все остальные кнопки соц. сетей реализованы у вас также. Если это "решение" не подходит, нужно видеть код всего блока, в котором у вас находятся социокнопки. Желательно ещё и весь файл css. На случай, если есть какие-то глобальные стили, образно говоря. К примеру, если кнопка реализована тегом <a> и есть какой-то на этот тег стиль. В общем, мало информации. наткнулся только что в гугл плюсе)))

КАТРИН, на будущее: онегаи, пиши в названии темы в двух словах свою проблему, чтобы было понятно, о чём тема. А-то от "Прошу прощения, помогите, пожалуйста)" появляется желание вызвать скорую совсем неясно, заходить ли в тему, имею ли я по теме какие-либо навыки.

Пока что реализовал вот так: http://jsfiddle.net/Gurylyov/mh4sk/1/ Сейчас по делам ухожу. Как вернусь - постараюсь сделать, чтоб этапы позади человечка были белыми, без рисунка как бы. Ну и его состояние на старте.

А вот кроссбраузерность - это уже никак. Свойство @-webkit-keyframes и @keyframes поддерживают только Хром и Сафари, к сожалению.

Вот генератор градиентов. Выбираешь градиент, он выдаёт css-код.

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

SelenIT, большое спасибо за второй метод! И мысли не было табы через чекбоксы делать. Кстати, в обоих методах нужно максимально ограничить область ul, дабы не было такого места, где пользователь курсором находится курсором в ul, но не наводит в этот момент на ссылки, ибо в таком случае ни одна вкладка подсвечена не будет. Надеюсь, понятно написал.

Прежде уточняющий вопрос: На каждом этапе должен быть свой человечек или везде одинаковый?

Не стал делать работу за вас, приведу хорошие примеры реализации подобных вкладок. Чтобы сохранялась и отображалась внешне активная, нужно применять js. Посмотрите вот здесь. Dimox написал свой плагин к jQuery. Он довольно крупный. Вплоть до запоминания вкладки в cookie браузера при обновлении страницы. Из минусов - уж слишком много стилей у него понавешано, замучаешься изменять. И вот я попробовал сделать по проще вариант. Из минусов - активная вкладка должна быть указана в html, что неудобно. Для этого можно дописать js. Активная вкладка тоже сохраняется. Идею реализации взял отсюда.

Я для такой вёрстки воспользовался бы вариантом, свёрстанным Aleko. Цветом ничего не раскрашено, но суть, вроде бы, подходит. Или я ошибаюсь?

чтобы сильно не париться, задай ширину 99% и всё. умещаться будет.

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

Всё так. Второй вариант там и используется. Который body onload. Вот пример.

Может вот так? Ежели нет, можно ещё подумать. http://jsfiddle.net/Gurylyov/vVMtC/5/

Я же написал, что рипнул, а не сверстал вручную. Просто открыл через firebug страницу и вырезал нужные блоки + ВСЕ css сайта. Ну, по идее у них там на каждую кнопку есть две картинки. Обычное состояние и состояние при наведении. При ховере оно переходит во второе состояние. Так как у них это реализовано через спрайт, то просто меняется положение бэкграунда. то есть что-то в этом роде: .li a { background:url('img/button.png'); } .li a:hover { background-position: 0 -16px;} ни о каких прозрачностях речи не идёт. пример реализации через спрайты можно посмотреть, к примеру, здесь.

Там сверстать самому заново куда проще по ходу, чем рипать с их сайта. Ну, я попробовал рипнуть. Вроде норм.

Посмотри на всякий случай не только тему, а весь DLE. Только не ручками, а через поиск по файлам. к примеру, как сказано выше, в Notepad++

на самом деле гадкий метод, но работает. input.comv {margin: 10px auto;}

Ну вот. По идее только в опере анимация не работает и в ослах: http://jsfiddle.net/Gurylyov/vVMtC/

eralef, попробуйте отключить кэширование в настройках сайта. админка -> конфигурация -> система -> Установки кеша

Great Rash, я не слишком-то доверяю этому переводчику, ибо он временами делает крайне глупые ошибки, за которые потом приходится "расплачиваться", ну, к примеру, переучивать себя.