Решение задач для мини-конкурса Блоки

[Vlad]

В эту тему выкладываются решения задач. Задачи должны быть предварительно выложены на сайт http://jsfiddle.net здесь же указывается только ссылка на них в следующем виде.

[ hide ]

http://jsfiddle.net/EhDWR/

http://jsfiddle.net/EhDWR/2/

http://jsfiddle.net/EhDWR/3/

[ /hide ]

BB-коды пишутся без пробелов. Этот блок скрывает от просмотра ссылки и виден только мне и автору. После завершения времени конкурса все скрытые блоки открываются для всеобщего просмотра.

Напоминаю важные правила

• Запрещено редактировать своё сообщение, в противном случае оно удаляется и решения в конкурсе не участвуют.
  
• Если вам требуется внести правки в ссылку или в решение, создайте новое сообщение.
  
• Все решения должны сдаваться одновременно, т.е. три ссылки сразу. Если вы не успеваете решить какую-то задачу в срок, тогда выкладывайте имеющиеся.
  

Если возникают вопросы по поводу выкладывания результатов, задавать их в этой теме.

Удачного выступления!

[SelenIT]

Вроде получилось что-то похожее на 3-й:

http://jsfiddle.net/QPvpM/9/

[Vlad]

Задания надо скопом сдавать. И обращаю ваше внимание, что рамка тоже градиентная, а не однотонная.

[lexxcode]

первое

Второе

Третье

[Vlad]

Принимается. Но если вы подправите код и уберёте огрызки XHTML, то баллы снимать за это не буду (снимается за небрежность немного, но всё же предупреждаю об этом).

Если вы внесёте исправления, создайте для этого новое сообщение.

[mishka]

http://jsfiddle.net/FnjSU/

http://jsfiddle.net/bd3ur/

http://jsfiddle.net/kYbBM/

[psywalker]

Задания надо скопом сдавать. И обращаю ваше внимание, что рамка тоже градиентная, а не однотонная.

О какой рамке идёт речь Влад?

[Vlad]

Задача №3.

[mishka]

Уже год как не верстаю поэтому я не в курсе новых технологий. Сделал как мог. Думаю тут Свете не было бы равных

[Int]

Задание 1:

Куча костылей, да и в сафари не проверял, но очень надеюсь, что прокатит и в нём тоже

http://jsfiddle.net/RJyfn/2/

Ой, скопом я не могу Первое-то еле сделал

[mishka]

Ой, Влад, я картинку юзал с компа, там неправильно путь к ней. Так как по тому адресу что ты дал - еррор. А я свою забыл выложить

[Vlad]

Так время ещё есть, полтора часа. Лучше 20 баллов за скорость потерять, но 50 за выполненную задачу получить.

Ой, Влад, я картинку юзал с компа, там неправильно путь к ней. Так как по тому адресу что ты дал - еррор. А я свою забыл выложить

Это не принципиально. Картинку для проверки подставлю, главное, чтобы прозрачность была соблюдена.

[psywalker]

1

http://jsfiddle.net/qhCcg/

2

http://jsfiddle.net/qhCcg/1/

3

http://jsfiddle.net/UA9fr/

Влад, проверь пожалуйста, что у меня всё нормально, чтобы я был спокоен.

[lexxcode]

Первая

Вторая

Третья

Ну вот был первый, стоило отвлечься на работу... )))

[taiki]

http://jsfiddle.net/taiki2702/7Eqw2/

http://jsfiddle.net/taiki2702/8DpYV/5/

Сделал не все, и не много не до конца, все равно не призовые места не рассчитываю, больше интересно что скажут о "стиле".

Edited August 3, 2011 by Vlad

[Golgi]

Block 2

Block3

Спасибо за такой конкурс!

Жаль у меня нету больше времени. Сделал что смог и как смог

[Vlad]

psywalker, в мелочах наложал. Код не HTM5, доктайп хотя бы добавь. Полей вокруг текста в одной задачи нет.

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

[taiki]

http://jsfiddle.net/taiki2702/7Eqw2/

http://jsfiddle.net/taiki2702/8DpYV/5/

Сделал не все, и не много не до конца, все равно не призовые места не рассчитываю, больше интересно что скажут о "стиле".

P.S. в предыдущем напортачил с hide

[psywalker]

psywalker, в мелочах наложал. Код не HTM5, доктайп хотя бы добавь. Полей вокруг текста в одной задачи нет.

Блиин, доктайп забыл(( вот лошара.

А что за поля, в какой задаче?

[Int]

Задание 2

http://jsfiddle.net/Ca6wG/1/

Опять же, в IE8 не работает, а в 9 кто ж его знает, я его никогда не видел. WSUS его не обновляет, а дома Linux.

[Vlad]

В первой.

[Int]

Эээ, а в jsfiddle можно и заголовки писать, не только код? о_О

[ilhan]

Тоже не претендую на призовые места.

Выполнил не все, что успел и что смог.

Буду признателен за указание ошибок.

http://jsfiddle.net/BdXHr/

http://jsfiddle.net/hUAH5/

http://jsfiddle.net/uxxuV/

[SelenIT]

1:

http://jsfiddle.net/KqvvN/1/

2:

http://jsfiddle.net/kB7eB/5/

3:

http://jsfiddle.net/QPvpM/13/

[leoni4]

http://jsfiddle.net/N2myw/

http://jsfiddle.net/N2myw/2/

http://jsfiddle.net/N2myw/3/