Задать вопрос
YuriMolotov

Юрий Молотов

Дизайн и вёрстка сайтов — Molotov.pro
Ответы пользователя по тегу HTML

  • Работа без высшего образования, это реально?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Государственным учреждениям нужны дипломы, частникам нужны деньги, которые ты им заработаешь.

    Так что не стоит питать иллюзий насчёт диплома.
    Если ты хороший специалист, диплом никто спрашивать не будет. Но без навыков в сфере ит делать нечего. И дипломы не спасут.

    В 17 лет рассчитывать на серьёзный оклад не стоит, но подработку вполне можно найти.
    С другой стороны в 17 лет все считают себя крутыми спкциалистами, а html - языком программирования :)
    Ответ написан
    6 комментариев
    6 комментариев

  • Как задать минимальную ширину?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Что-то с точки зрения юзабилити и дизайна вообще какой-то отстой получается.
    Какой горизонтальный скролл у меню? Тебе удобно самому будет таким меню пользоваться?

    Вижу два адекватных варианта: перенос меню от логотипа, сокрытие кнопки, либо обычное мобильное меню.

    b06e8bcc43f74b908dd8c3d57b0732db.png
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли сверстать такое адаптивно?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Тут куча вариантов, в зависимости от того, как это должно адаптироваться, вот пара:

    1. Пропорциональное уменьшение:
    Три колонки (длинные дивы) с шириной 33.3%, у изображений width:100%; height:auto;

    2. Блочный перенос.
    Ширина блоков фиксированная (скажем 300px;), сама фирура формируется посредством отступов сверху 1 и 3 блоков (margin-top:200px;), float:left. При размерах экрана меньше скажем 960px фигура распадается, блоки идут рядом: 
    @media screen and (max-width: 960px) {
div {margin-top:0;}}


    И так далее.
    Зная ширину и высоту блоков с помошью @media можно сделать с ними всё, что угодно, т.к. вариантов "обрезания" у нас всего три: все столбцы влезают (по-умолчанию), 2 влезают, 1 влезает (можно его под экран подогнать). Для каждого варианта не сложно прописать свои абсолютно любые изменения компоновки.
    Ответ написан
    Комментировать
    Комментировать

  • Не могу понять надо ли мне подключать шрифт или нет?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    В браузере (как и в любой другой программе) шрифтов нет. Шрифты установлены в операционной системе компьютера. Соответственно, установленная и отображаемая у вас Helvetica у других пользователей сайта будет заменена на шрифт по-умолчанию (напр. Times New Roman).
    В подключении не нуждаются стандартные шрифты, принудительно установленные у всех: Arial, Tahoma, Verdana и т.д.

    Чтобы подключить свой кастомный шрифт на сайт надо разместить его файлы на хостинге и подключить с помощью font-face в стилях:

    @font-face {
    font-family: Bebas;
    src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot');
    src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.woff') format('woff'),
         url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


    Для каждого начертания по четыре файла в разных форматах для разных браузеров (cконвертировать можно через онлайн-конвертеры), или хотя бы только ttf или otf для распространённых.

    "Bebas" меняете на удобное вам имя, например "HB", "HL" и т.д.
    В урл указываете адрес начертания на хостинге (можно неполный).

    Всё. Далее в стилях у нужных элементов задаёте в font-family нужный шрифт через заданное имя:
    h1 {
font-family: HB;
}
.thin {
font-family: HL;
}
    Ответ написан
    2 комментария
    2 комментария

  • Как сделать многоуровневое меню как на картинке?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro 
    <ul class="mainmenu">
  <li>Unlimited
    <ul>
      <li>Prime</li>
      <li>Learn</li>
    </ul>
  </li>
  <li>MP3s
    <ul>
      <li>MP3</li>
      <li>Music</li>
    </ul>
  </li>
</ul>


    css:
    .mainmenu ul{display:none; position:absolute;}
.mainmenu li:hover ul{display:block;}

    - При наведении на пункт 1 уровня отображаем зафиксированные дочерние подпункты.
    Ответ написан
    4 комментария
    4 комментария

  • PSD файлы сайта - это результат работы дизайн студии?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Файлы (любые) нельзя назвать дизайном. В файлах дизайн-макет, который дизайн сайта отображает. Дизайн же это нечто нематериальное, описывающее далеко не только визуальные факторы, но результатом проработки которого эти факторы могут являться. А PSD файлы это всего-лишь исходники макета.

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

    Если вы дадите ссылку или скрин, думаю, шаблон можно будет без труда распознать. А далее исходить из несоблюдений условий договора.
    Ответ написан
    Комментировать
    Комментировать

  • Как называется плагин для циклической анимации элементов?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Не уверен, что правильно понял, но вот код, который заставит "мигать" объект с классом marker:

    <script>
function action(){
jQuery('.marker').fadeOut(500).fadeIn(500);
}
setInterval(function(){action();}, 1000);
</script>
    Ответ написан
    Комментировать
    Комментировать