babuya

Новенький
  • Публикации

    8
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О babuya

  • Звание
    Новичок
  1. Возможно в SCSS так сделать?

    Возможно, но это пока туго)) Спасибо! Спасибо, так гораздо проще и логичнее)
  2. Всем доброго дня. Копаюсь в sass (scss), возник вопрос, ответ на который либо я не понимаю, либо не могу найти) Собственно такая структура .navigation ul li { span.inner > a span.icon_cat { display: inline-block; width: 24px; height: 24px; position: absolute; left: 7px; top: ; &.cars { @include sprite(url(../img/sprite.png), -14, 4); } } &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } } сам вопрос такой: Допустим у меня 50 категорий, для каждой своя иконка, как видно из кода это спрайт. В таком варианте как сейчас мне нужно писать очень много (ну или копировать), то есть выглядит примерно так: .navigation ul li { span.inner > a span.icon_cat { display: inline-block; width: 24px; height: 24px; position: absolute; left: 7px; top: 0; &.cars { @include sprite(url(../img/sprite.png), -14, 4); } &.cars2 { @include sprite(url(../img/sprite.png), -14, 4); } &.cars3 { @include sprite(url(../img/sprite.png), -14, 4); } &.cars4 { @include sprite(url(../img/sprite.png), -14, 4); } } &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars2{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars3{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars4{ @include sprite(url(../img/sprite.png), -14, -22); } } если честно я даже не особо понимаю как правильно объяснить, но примерно так: есть ли возможно обратиться к названию родительского класса, чтобы вместо &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } писать &:hover тут что-то что заменит (span.inner > a span.icon_cat).cars{ @include sprite(url(../img/sprite.png), -14, -22); } Ну или может есть какой-то другой короткий способ записи? Подскажите пожалуйста
  3. Отображение страницы на retina

    Есть еще варианты?
  4. Отображение страницы на retina

    С вебмастера?
  5. Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верстке не про Помогите пожалуйста
  6. psd макет 2800px

    День добрый. Попался макет шириной 2800px, со словами заказчика: "Сайт будет адаптирован под мониторы различной ширины, минимальная ширина 1000 пикс." Не пойму как верстать) Шрифты, графика - просто огромные, к примеру размер заголовков по 40px (font-size), изображения, которые с виду должны быть около 200px имеют ширину по 600-700 Вопрос: верстать как моей душе угодно (думаю не стоит), делать фон на 100% контент на 1000px, или есть какой-то принцип масштабирования таких макетов (ну к примеру 2 к 1, но в таком случае рисовали бы тысячи на 2000-2400)?
  7. Всем спасибо, решил вопрос добавлением лишних блоков и вставкой такого изображения в нужное место(
  8. хром и сафари пашут( с мозилой беда, с ие наверно вообще слезы
  9. Должна быть возможность изменения фона слайдера
  10. Доброго вечера. Помогите решить небольшую проблему (для меня оказалась) Есть хедер, под ним слайдер и дальше контент, у контента фон серый (грубо говоря) у хедера со слайдером белый... Короче скрин прилагаю, не могу решить проблему со скруглением между слайдером и контентом. Подскажите пожалуйста. http://www.dropbox.com/s/n9lxwmnfuus7z8o/scr.png?dl=0