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

Юрий Молотов

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

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

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

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

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

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

    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 комментария

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

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

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