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

partyzanx

Ответы пользователя по тегу CSS

  • Как сделать, чтобы меню открывалось нормально?

    partyzanx
    @partyzanx Автор вопроса
    Для родительского элемента сделал следующее и помогло:

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

  • Как начать использовать SASS на хостинге?

    partyzanx
    @partyzanx
    Я тут подумал, что sass и прочие препроцессоры вообще неудобны и нафиг нужны, в таком случае. Переменные есть и в обычном css. Вторая причина, в браузере когда смотришь код, то он показывает тебе css,а не твой sass. И тогда это в 100 раз сложнее становится искать этот код в sass. Третья причина, это всякие геморой, связанный с переводом из sass в css. В общем, баловство это всё.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать чтобы абсолютный ребёнок не скрывался, при этом приравнивался к верхнему краю родителя?

    partyzanx
    @partyzanx Автор вопроса
    Поможет этот скрипт https://codepen.io/agop/pen/itbew
    Ответ написан
    Комментировать
    Комментировать

  • Как убрать scrollbar в Mozilla Firefox?

    partyzanx
    @partyzanx
    Мне помогло эта библиотека dragon.deparadox.com/#get
    Нужно установить и подключить два скрипта Drag On и Bar on
    <script src='/scripts/drag-on.js'></script> <!-- Позволяет пролистывать документ методом drag and drop (перетаскиванием) http://dragon.deparadox.com/#get . В класс нужно добавить dragon  -->
<script src='/scripts/bar-on.js'></script> <!-- Позволяет изменять стиль скруллбара даже в firefox http://dragon.deparadox.com/#get . В класс нужно добавить baron. В css прописать стандартные стили  -->


    После этого каким-то образом firefox начинает слушать настройки скруллбара, заданные через css

    .forscroll {
    scrollbar-color: white white; /* В firefox делает скруллбар под цвет фона. Это нужно задавать, чтобы до момента прогрузки скрипта bar on скруллбар не мелькал */
    }

    .forscroll::-webkit-scrollbar {width: 0;}
    Ответ написан
    Комментировать
    Комментировать

  • Mozila Scrollbar?

    partyzanx
    @partyzanx
    Мне помогло эта библиотека dragon.deparadox.com/#get
    Нужно установить и подключить два скрипта Drag On и Bar on
    <script src='/scripts/drag-on.js'></script> <!-- Позволяет пролистывать документ методом drag and drop (перетаскиванием) http://dragon.deparadox.com/#get . В класс нужно добавить dragon  -->
<script src='/scripts/bar-on.js'></script> <!-- Позволяет изменять стиль скруллбара даже в firefox http://dragon.deparadox.com/#get . В класс нужно добавить baron. В css прописать стандартные стили  -->


    После этого каким-то образом firefox начинает слушать настройки скруллбара, заданные через css

    .forscroll {
    scrollbar-color: white white; /* В firefox делает скруллбар под цвет фона. Это нужно задавать, чтобы до момента прогрузки скрипта bar on скруллбар не мелькал */
    }

    .forscroll::-webkit-scrollbar {width: 0;}
    Ответ написан
    Комментировать
    Комментировать

  • Почему сильно съезжает линия?

    partyzanx
    @partyzanx Автор вопроса
    проблема было в том, что у меня два меню было, и поэтому складывались суммы нескольких меню...
    я конкретизировал код, и норм всё стало.

    $(document).ready(function() {
  // cool nav menu
  $(window).on('load resize', function() {
    var $thisnav = $('.main-category-menu .current-menu-item').offset().left;

    $('.main-category-menu .menu-item').hover(function() {
      var $left = $(this).offset().left - $thisnav;
      var $width = $(this).outerWidth();
      var $start = 0;
      $('.main-category-menu .wee').css({ 'left': $left , 'width': $width });
    }, function() {
      var $initwidth = $('.main-category-menu .current-menu-item').width();
      $('.main-category-menu .wee').css({ 'left': '0' , 'width': $initwidth });
    });
  });

});
    Ответ написан
    Комментировать
    Комментировать

  • Что с этими button не так?

    partyzanx
    @partyzanx Автор вопроса
    Необходимо было для внутренних элементов указать flex: 0 0 auto;
    Всем спасибо, вопрос решён.
    Ответ написан
    Комментировать
    Комментировать

  • Как сменить дизайна сайта с запоминанием в куки?

    partyzanx
    @partyzanx Автор вопроса
    Я нашёл такое решение
    <link id="dyncss" rel="stylesheet" type="text/css" href=""> 
 <script type="text/javascript"> 
 function setDynCSS(url) { 
 if (!arguments.length) { 
 url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1]; 
 if (!url) return ''; 
 } 
 document.getElementById('dyncss').href = url; 
 var d = new Date(); 
 d.setFullYear(d.getFullYear() + 1); 
 document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join(''); 
 return url; 
 } 
 setDynCSS(); 
 </script>


    и html

    <img style="cursor:pointer; width: 30px; height:30px;" src="/social/firefox.png" onclick="setDynCSS('/_st/my.css')"> 
<img style="cursor:pointer; width: 30px; height:30px;" src="/social/ie.png" onclick="setDynCSS('/css/new_1.css')">


    Но у меня есть отдельные элементы style, которые я бы хотел чтобы работали только при активации первого /_st/my.css.
    Что нужно прописать в ява скрипт, чтобы при нажатии кнопки /_st/my.css эти элементы работали, а при нажатии другой кнопки выключались?
    Ответ написан
    Комментировать
    Комментировать