Jump to content

hypnocolor

Expert
  • Posts

    749
  • Joined

  • Last visited

  • Days Won

    32

Everything posted by hypnocolor

  1. Странный вопрос, на самом деле. Просто действуйте по ситуации, принимая во внимание тот факт, что margin не увеличит размеры блока, к которому применяется, добавив внешние отступы, а значение padding, соответственно, прибавится к этим размерам. Ну и всё это при условии, что свойство box-sizing не установлено в border-box.
  2. Ну меняйте кнопки на то, что вам нужно, и пропишите этот элемент вместо ".buttons button" в коде.
  3. PIE, насколько помнится, поддерживает только линейные градиенты. На Стековерфлоу предлагают способ с двумя слоями, наложенными друг на друга. К сожалению, нет возможности сейчас проверить его в IE8, но лично я бы в подобной ситуации, конечно, для IE просто оставил линейный градиент, для нормальных браузеров — диагональный.
  4. Примерно так. А вообще, мне кажется, или градиент у «рамки» диагональный?
  5. Код вашей страницы (где-то после 130-й строки): ... <p>.buttons li{ ... Откуда в стилях взялись <p>?
  6. http://learn.javascript.ru Плюс вот здесь, например, есть небольшой список отличных книг, в том числе по JS.
  7. Сделать можно как угодно: хоть кнопками, хоть ссылками, хоть даже картинками. Вопрос «как будет лучше» уже относится к дизайнеру. http://jsfiddle.net/hypnocolor/hhwue/
  8. Да хотя бы привязка слоёв, которые надо раскрыть, к тексту на соответствующей кнопке: ... if (txt == "Современные интерьеры") { jQuery("#ToggleRestavration").slideToggle("slow"); } else if (txt == "Классические интерьеры") ... А если кнопок будет 20? Писать 20 условий для 20 текстовых значений? А если 100? Кроме того, из описания я вообще слабо понял, что именно вам нужно. Если не знаете, как объяснить — можно нарисовать, например.
  9. Вот уж на что, а на такой говнокод я бы в жизни ориентироваться не стал.
  10. То, что мешает в разработке, вряд ли можно назвать целесообразным. В конце концов, если стили разрослись до исполинских размеров и каждый байт переноса строки или пробела играет роль, то все файлы перед загрузкой на хостинг можно предварительно минифицировать, благо возможностей для этого предостаточно, начиная с различных веб-сервисов и заканчивая специализированными утилитами навроде Grunt с мощными возможностями в этом плане. Не совсем понял, что вы имели ввиду. Думаю, имелось ввиду, что это ваша первая серьёзная работа и должного внимания читаемости файлов вы пока не уделяете, что для первых проб не удивительно.
  11. А, ну и по поводу CSS могу очень важный момент выделить: пишите каждый селектор и его свойства на новых строках. То есть, к примеру, этот кусок стилей: #header, #section, #footer, #img_menu { min-width:1000px; max-width:1300px; margin:0 auto; overflow:hidden; } должен превратиться в такой: #header, #section, #footer, #img_menu { min-width: 1000px; max-width:1300px; margin: 0 auto; overflow: hidden; } Вес файла стилей от этого незначительно увеличится, зато читаемость повысится во много раз, и работать с таким файлом станет гораздо легче и удобнее.
  12. Вроде прошуршалось. Вёрстка в принципе нормальная, для первого раза хорошо. Только картинки-категории мебели и пункты блока «Услуги» я бы тоже сверстал списком. Могу ещё по дизайну замечаний поделать. Как-то всё кучновато. Куча текста замыливает взгляд и отвлекает от самой сути — заказа мебели. Мало кто захочет читать простыню про австрийское оборудование или прочие вещи, которые, по сути, никак не помогут зашедшему на сайт человеку в заказе мебели. Сделайте красивую форму заказа и разместите её прямо на главной странице. Иными словами — упрощайте всё до разумного минимума. Избавляйте потенциального клиента от ненужной информации. Сокращайте время, которое нужно потратить для достижения конечной задачи сайта. Если разместить какую-то информацию наподобие той, что размещена сейчас, действительно необходимо — уберите её в свой раздел. Если человек захочет почитать именно об этом, он зайдёт в раздел и прочтёт, не сомневайтесь. Ещё есть ссылка «ИНФОРМАЦИЯ». В отличие от остальных ссылок, идущих в одной визуальной линии с ней, эта не даёт явного представления о том, куда именно можно попасть и какую информацию можно получить, перейдя по ней. Вывод из этого — работайте над удобством восприятия навигации, да и вообще любой информации на сайте. Ну и не злоупотребляйте прописными буквами. Пишите слова так, как они пишутся в обычном тексте, то есть первая буква — прописная, остальные — строчные. «Капсовость» текста обычно подходит для кричащих рекламных щитов, да и там далеко не всегда используется к месту. Ну и не советовал бы смешивать в себе дизайнера и верстальщика в одном лице. Всё-таки лучше быть специалистом, но отличным специалистом, в какой-либо одной области, хотя общее владение фотошопом и подобным ПО для работы с уже готовыми макетами верстальщику, несомненно, никак не повредит. Конечно, встречаются уникумы-оркестры, которые и верстают зверски, и макет могут сделать отличный и удобный, и в пхп, например, запрограммировать что-то, но это очень редкие исключения. Впрочем, если очень захотеть, можно в космос полететь, поэтому это просто совет, а как его придерживаться и истолковывать — решать только вам. Удачи
  13. Неужто сайт лёг под наплывом людей с форума? Так и не смог достучаться.
  14. Макеев, наверное, уже измучался от икоты. Ссылку на видео его доклада я в сообщениях форума видел уже раз 10. Что ж, повторим. http://vimeo.com/19072506
  15. Пользователи IE6 пусть и дальше продолжают сидеть в бункере без связи с внешним миром. Тем не менее, и у них всё перечисленное будет работать.
  16. http://docs.joomla.org/Template_Development http://codex.wordpress.org/Theme_Development
  17. Нельзя. Можно получить разрешение экрана через JS и, используя его как условие, выполнить загрузку файла. Если используется jQuery — читайте мануал.
  18. Как-то раз у меня появилась задача. В наличии — карта области, разделённая на регионы. Требовалось, чтобы при наведении курсора на каждый регион выполнялась цветовая подсветка этого самого региона. В общем, как на президентском сайте, за тем исключением, что с флешем я не работаю. Карта представляла собой целую картинку. Соответственно, я тоже устремился в сторону map. Расставить точки на изображении мышкой и просто скопировать координаты отмеченной области мне помог пост на Хабрахабре. Вроде как Dreamweaver тоже такое умеет, но им я не пользуюсь, поэтому не могу сказать наверняка. Подсветку самих областей я делал с помощью плагина Mapper.js. Возможно, есть какие-то более автоматизированные пути решения подобных задач, но так как мне такое попадается довольно редко, особо не искал и воспользовался тем, что с первого раза показалось более-менее удобным.
  19. В общем, два момента в main.js: result = calculateCredit[type]((summ - fP), term.value, rate.value); if(type === "annuitet") { textReport += "<p class = 'payment'>" + result.payments[x] + " X " + term.value + "</p>"; break } В обоих вместо term.value укажите term.value*12.
  20. Везде в коде, где в вычислениях используется переменная term, поменяйте её на (term * 12). Либо изначально перед вычислениями объявите, что term *= 12 (так даже лучше). А на самой странице переназовите поле в «срок в годах».
  21. Добавьте параметр wmode="opaque" к вашему iframe, или параметр ?wmode=opaque к URL ролика (http://www.youtube.com/embed/ccOx041__PE?wmode=opaque в вашем случае).
  22. Собственно, набросал пример. Для наглядности сначала просто покликайте по ссылкам, а потом пооткрывайте их в новых вкладках браузера. В коде скрипта есть комментарии. Надеюсь, будет понятно.
  23. Мне бы очень хотелось основательно помочь с подробным примером, но сейчас в Магадане 2 часа ночи, поэтому я просто подскажу направление. Копайте в сторону window.location.hash — это та часть URL, которая идёт после знака #. При загрузке страницы проверяйте яваскриптом, присутствует ли сейчас в адресе хэш, и в зависимости от того, чему он равен, сразу показывайте содержимое нужного таба. Можно сделать по-разному: например, работать с хэшами вида #1, #2, #3 и открывать табы с соответствующими индексами. Или же присвоить каждому табу свой идентификатор и проверять хэш на совпадение с любым из них. В общем, насколько позволит фантазия. Если всё равно не сможете осилить — завтра вечером (утром по Москве) постараюсь накидать наглядный пример.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy