Jump to content

Biotoxsin

Members
  • Content Count

    94
  • Joined

  • Last visited

Posts posted by Biotoxsin

  1. 3 часа назад, petroff сказал:

    Это гуглите и читайте все подряд, вариантов много. Есть простые скрипты на js, есть реализация с помощью тегов html5. Я где-то делал такое давно, но сейчас уже не вспомню. Там есть проблемы с тем, что что-то не поддерживают какие-то браузеры. Поэтому вам надо искать вариант под себя. Но вариантов много и всё есть в сети 100%

    Ясно, спасибо за помощь! =)

  2. Здравствуйте!

    Подскажите как можно справиться с такой проблемой:

    <div class="test"></div>
    .test {
    	position: relative;
    	height: 10px;
      	width: 10px;
      	background: #353535;
      	opacity: 0;
      	transition: all 3s linear;
    }
    .test::before {
    	content: "";
      	position: absolute;
    	height: 10px;
      	width: 10px;
      	background: #595959;
      	z-index: -1;
    }

    И если мы присвоим блоку "test" "opacity: 1;" во время анимации наш "::before" будет отображаться поверх нашего блока "test". Скажите есть возможность отображения этого "::before" как задумывалось?

  3. Здравствуйте! 

    Скажите, лицензия MIT разрешает использовать, скажем плагин, в разработке сайтов на заказ, т.е. сайт который по факту будет продан?

    Возможно вы сталкивались с какими-то подводными камнями по этому поводу?

  4. 6 минут назад, files сказал:

    https://jsfiddle.net/1bphskwq (используйте ползунки для увеличения окна)

    В браузерах на движке Хром нет бордера.

    В том то и дело что это НЕ бордер, это скорее похоже на box-shadow, который появляется случайным образом, снизу и справа по краям (Тоже случайно либо снизу либо справа при анимации). На фулскрин там не растянуть, спасибо я работал на этих ресурсах знаю как ими пользоваться.

  5. 13 часа назад, files сказал:

    В песочницу закиньте https://jsfiddle.net Здесь не так много экстрасенсов :)


    Там слишком маленькое окно для воспроизведения 1px практически не видно. Если хотите, вот обычный стандартный код для воспроизведения.

    <html>
      <body>
        <style>
        	body {
              background:#fff;
            }
            .block {
              transition: all ease 1s;
              height:400px;
              width:400px;
              will-change: transform;
              -webkit-backface-visibility: hidden;
            }
    
            .img {
              height:100px;
              width:100px;
            }
    
            .block:hover{
              transform:scale(1.5);
            }
        </style>
        <div class="block">
          <div class="img">
            <img width="500px" src="https://www.wallpaperup.com/uploads/wallpapers/2014/09/25/456523/8712bc3014fd5e0bd1fff922e992b966-1400.jpg">
          </div>
        </div>
      </body>
    </html>

     

  6. Здравствуйте!

    Наверное все знают о артефактах вроде размытия или дёргающегося текста при анимации c помощью transform.

    Я сегодня столкнулся с артефактом который проявляется при масштабировании блока в котором находится картинка. Появляется чтото вроде тонкого border'а, снизу и справа картинки примерно в 1px не больше, чёрного цвета.

    Ещё никто с таким не сталкивался? Может кто знает как решить проблему, потому что стандартными методами вроде "backface-visibility: hidden" она не решается.

  7. 19 минут назад, petroff сказал:

    Надо знать, какая база данных используется в приложении, потом, если нужно, ее перевести в бд сайта и это нужно как-то выводить на экран. Плясать надо от этих вопросов

    Тогда возможно есть информация/книги/гайды по взаимодействию с базами данных и их синхронизации которые вы могли бы посоветовать?

  8. Здравствуйте!

    Пробовал настроить кеш сайта через несколько способов:

    <filesMatch ".(css|js)$">
    Header set Cache-Control "max-age=604800, public"
    </filesMatch>

    И

    <IfModule mod_headers.c>
    кэшировать html и htm файлы на один день
    <FilesMatch "\.(html|htm)$">
    Header set Cache-Control "max-age=43200"
    </FilesMatch>
    кэшировать css, javascript на одну неделю
    <FilesMatch "\.(js|css)$">
    Header set Cache-Control "max-age=604800"
    </FilesMatch>
    </IfModule> 

    Но данные способы не работают. Проверял на сайте "redbot"(точка орг). На этом сайте мне выводит следующее:

        HTTP/1.1 200 OK
        Date: Tue, 11 Jun 2019 10:30:09 GMT
        Content-Type: text/html; charset=UTF-8
        Transfer-Encoding: chunked
        Connection: keep-alive
        Keep-Alive: timeout=5
        Vary: Accept-Encoding
        Server: Apache
        Set-Cookie: PHPSESSID=d1849e81c8ad102d58e70c6ee958e625; expires=Tue,
            18-Jun-2019 10:30:09 GMT; Max-Age=604800; path=/;
            HttpOnly
        Expires: Thu, 19 Nov 1981 08:52:00 GMT
        Cache-Control: no-store, no-cache, must-revalidate
        Pragma: no-cache

    Вопрос, почему не работает? Может хостинг как-то препятствует настройке?

  9. В 06.05.2019 в 5:21 AM, c00x сказал:

    html:

    
    <div id="tabs">
        <input name="i-1" type="radio">
        <input name="i-2" type="radio">
        <input name="i-3" type="radio">
    </div>

    js:

    
    window.onload = function () {
        var container, tabs, i, j;
    
        container = document.getElementById( 'tabs' );
    
        tabs = container.getElementsByTagName( 'input' );
    
        for ( i = 0; i < tabs.length; i++ ) {
            tabs[i].addEventListener( 'click', function () {
                for ( j = 0; j < tabs.length; j++ ) {
                    if ( tabs[j] !== this ) {
                        tabs[j].checked = false;
                    }
                }
            }, true );
        }
    };

     

    А как ограничить работу этих правил только в в одном блоке?

     

  10. Здравствуйте!

    Подскажите как на JS можно переключать input radio? К примеру нужно сделать имитацию переключения input как если бы у них было одно name.

    <div class="input-box">
      <input type="radio" name="i-1"/>
      <input type="radio" name="i-2"/>
      <input type="radio" name="i-3"/>
    </div>

    Из моего понимания нужно для каждого активированного инпута прописать выключение остальных. Но в JS я не силён. Помогите кто чем может.

     

    p.s. Задачка у меня сложнее но эта база поможет мне её решить.

  11. 48 минут назад, files сказал:

    Задача изложена ни в какую, поэтому и тишина. Вы хоть сами читали, что написали?

    Да читал, немного сложно понять. Постараюсь объяснить проще... Есть два варианта input name="1" и input name="2". Каждого input по 3 шт. Один input должен переключаться сразу между обеими вариантами. Как будто у него два имени.

  12. Здравствуйте!

    Встала задачка сделать несколько инпутов которые будут открывать табы (инпут_1) и в табах сделать вложенные инпуты (инпут_2), НО один из инпутов который открывает табы должен иметь имя вложенных но выглядеть должно так  будто от переключается от инпут_2 и инпут_1. Само собой name должен быть как у вложенных а если так сделать то инпут который открывает табы и имеет имя вложенных будет отмечаться одновременно с инпут_1 рядом стоящими, если всем поставить одно имя то галочки выбранных инпутов будут переключаться на вложенные инпуты.

    Сделать нужно что-то вроде такого:

    <div>
    	<input name="1" type="radio">
      	<input name="2 1" type="radio"> <!--Да я знаю что нельзя ставить 2 имени просто для наглядности-->
      	<input name="1" type="radio">
    </div>
    <div>
    	<input name="2" type="radio">
      	<input name="2" type="radio">
      	<input name="2" type="radio">
    </div>

    У кого есть какие идеи? Буду благодарен любой помощи.

  13. 8 минут назад, DevilStar сказал:

    Если кратко, то здесь определены:

    • градиент
    • свг маска

    В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask.

    Если подробнее:

    https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
    https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

    Я сейчас ещё заметил что весь код HTML там в одну строчку. Вы не знаете каких программ которые могли бы выровнять код хотя бы после каждого тега?

  14. 1 минуту назад, DevilStar сказал:

    Если кратко, то здесь определены:

    • градиент
    • свг маска

    В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask.

    Если подробнее:

    https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
    https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

    Спасибо

  15. Здравствуйте!

    Я столкнулся с какой то непонятной вёрсткой, вроде как svg но сам браузер в исходном коде определяет всё как html. И вот я не могу понять что это такое? 

    *Код из которого почти полностью состоит вся страничка*

    <defs>
            <linearGradient id="gradient">
                <stop offset="0%" stop-color="#e7a900"/>
                <stop offset="100%" stop-color="#996f00"/>
            </linearGradient>
            <mask id="clients-mask" maskUnits="userSpaceOnUse" x="0" y="0" width="610" height="330">
                <path fill="white"
                      d="M0,330H425V0H0Zm10-13.46A9.57,9.57,0,0,0,13.34,320H10ZM14.81,312a4,4,0,0,1,4.24-3.88,4.08,4.08,0,0,1,4.36,4,4,4,0,0,1-4.24,4A4.12,4.12,0,0,1,14.81,312Zm22.4-1a4.6,4.6,0,1,1,4.6,4.72A4.48,4.48,0,0,1,37.21,311Zm29.6,9H59.43c2-1.31,3.06-3.76,3.06-7.28v-6h4.32Zm188.36-28c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S255.17,305.5,255.17,292Zm63,0c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S318.17,305.5,318.17,292Zm63,0c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S381.17,305.5,381.17,292Zm32.12,28q.9-1,1.71-2.11V320ZM415,10V266.11c-4.87-6.65-12.09-10.51-21.33-10.51-18.1,0-28.5,14.8-28.5,36.4,0,11.8,3.11,21.56,8.88,28H350.29c5.77-6.44,8.88-16.2,8.88-28,0-21.6-10.4-36.4-28.5-36.4s-28.5,14.8-28.5,36.4c0,11.8,3.11,21.56,8.88,28H287.29c5.77-6.44,8.88-16.2,8.88-28,0-21.6-10.4-36.4-28.5-36.4s-28.5,14.8-28.5,36.4c0,11.8,3.11,21.56,8.88,28H229a22.46,22.46,0,0,0,5.19-15c0-15.4-11-23.4-24-23.4h-5.7l.7-9.6h25.5V257h-40.5l-2.9,40.2h21.9c6.1,0,9,3.5,9,7.8s-2.9,7.8-9.5,7.8-9.6-2.8-11.2-7.4l-13.8,8a23.82,23.82,0,0,0,4.09,6.6H116.28a9.55,9.55,0,0,0,2.73-2.56l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2A11.61,11.61,0,0,0,120,311c0-6-4.32-10.56-10.16-10.56A10.25,10.25,0,0,0,99.21,311a10.11,10.11,0,0,0,4.93,9H93.28A9.54,9.54,0,0,0,96,317.44l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2A11.61,11.61,0,0,0,97,311c0-6-4.32-10.56-10.16-10.56A10.25,10.25,0,0,0,76.21,311a10.11,10.11,0,0,0,4.93,9H72.81V301H56.49v11.32c0,2.48-1,3.64-2.88,3.08V320H47.4a10.6,10.6,0,1,0-11.17,0h-11a8.85,8.85,0,0,0,4.18-7.8,8.51,8.51,0,0,0-8.28-8.72,8.15,8.15,0,0,0-5.48,1.88c.56-1.4,1.6-2.56,5.16-3.88,4.24-1.6,6.72-3.08,7.52-6.44l-5-2.84c-1.16,2.84-2.92,3.36-7.2,5.48-3.16,1.56-5.05,3.18-6.17,5.19V10ZM105.45,308.92a4.5,4.5,0,0,1,8.6,0Zm-23,0a4.5,4.5,0,0,1,8.6,0Z" />
                <polygon fill="white"
                         points="456.86 300 449.86 300 443.86 308.76 443.86 300 437.87 300 437.87 320 443.86 320 443.86 311.16 450.26 320 457.06 320 449.58 310 456.86 300"/>
                <path fill="white"
                      d="M460.34,311.32c0,2.48-1,3.64-2.88,3.08V320c5.84.68,8.88-2.24,8.88-8.28v-6h4.32V320h6V300H460.34Z"/>
                <polygon fill="white"
                         points="486.9 310 486.9 300 481.06 300 481.06 320 485.46 320 494.02 310 494.02 320 499.86 320 499.86 300 495.46 300 486.9 310"/>
                <path fill="white"
                      d="M513.9,299.44A10.25,10.25,0,0,0,503.26,310c0,6,4.24,10.56,11.08,10.56a10.15,10.15,0,0,0,8.72-4.12l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2a11.61,11.61,0,0,0,.24-2.4C524.06,304,519.74,299.44,513.9,299.44Zm-4.4,8.48a4.5,4.5,0,0,1,8.6,0Z"/>
                <polygon fill="white"
                         points="540.26 307.2 533.46 307.2 533.46 300 527.46 300 527.46 320 533.46 320 533.46 312.8 540.26 312.8 540.26 320 546.26 320 546.26 300 540.26 300 540.26 307.2"/>
                <polygon fill="white"
                         points="548.86 305.76 554.9 305.76 554.9 320 560.9 320 560.9 305.76 566.86 305.76 566.86 300 548.86 300 548.86 305.76"/>
                <path fill="white"
                      d="M578.26,299.44A10.56,10.56,0,1,0,588.86,310,10.48,10.48,0,0,0,578.26,299.44Zm0,15.28a4.72,4.72,0,1,1,4.6-4.72A4.49,4.49,0,0,1,578.26,314.72Z"/>
                <path fill="white"
                      d="M607.18,309.76a4.8,4.8,0,0,0,1.88-4c0-3.32-2.36-5.72-6.8-5.72h-10v20h10.8c4.44,0,6.8-2.4,6.8-5.72A4.87,4.87,0,0,0,607.18,309.76Zm-9.32-5h3.76c1.08,0,1.76.44,1.76,1.44s-.68,1.36-1.76,1.36h-3.76Zm4.4,10.24h-4.4v-2.88h4.4c1,0,1.76.44,1.76,1.4S603.3,315,602.26,315Z"/>
            </mask>
        </defs>

    Подскажите кто что знает? Саму вёрстку надо нацепить на движок а как это сделать с таким кодом даже не представляю.

  16. Здравствуйте!

    Я в js ещё слишком зелен, я был бы очень благодарен если бы кто-то мне помог с моим вопросом. Подскажите как повысить параметр css допустим font-size: 40px ; до 100px во время использования скрола плавно повышая значение? Допустим если скролить вниз то значение плавно повышается и вверх наоборот понижается. Не подскажете?  

    Спасибо за внимание!

  17. В 29.12.2018 в 11:01 PM, files сказал:

    ОГО, вы замахнулись на прием прямых платежей биткоином!

    Не понимая ничего в этом (что и видно), рекомендую использовать сторонние платежные шлюзы. Будете принимать всевозможную криптовалюту, но за обслуживание шлюза придется отдать процент.

    Для WOO есть много готовых решений

    На худой конец таже Интеркасса имеет в своем арсенале биткоин.

    2й плагин имеет похожую установку, как в статье по ссылке. Его можно использовать для подключения кошелька созданного по статье? Я вот разобраться с интеграцией не могу, не подскажете как это сделать?

  18. 5 часов назад, files сказал:

    ОГО, вы замахнулись на прием прямых платежей биткоином!

    Не понимая ничего в этом (что и видно), рекомендую использовать сторонние платежные шлюзы. Будете принимать всевозможную криптовалюту, но за обслуживание шлюза придется отдать процент.

    Для WOO есть много готовых решений

    На худой конец таже Интеркасса имеет в своем арсенале биткоин.

    А не могли бы вы немного рассказать о приёме прямых платежей? Или ссылку на статейку скинуть? 

    Вот на счёт второго плагина, а как работает эта система? Допустим если товар в долларах и покупается через сайт в долларах плагин примет этот запрос и переведёт всё в btc? (Как то тупо, мне кажется) Или, Оплата с сайта осуществляется только в btc и просто переводятся на этот сервер?

×
×
  • Create New...