Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
vahe_2000

Ваге

  • 47
    вклад
  • 13
    вопросов
  • 100
    ответов
  • 29%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как реализовать живой поиск?

    vahe_2000
    Ваге @vahe_2000
    Search bar PHP and AJAX
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Каким образом можно убрать рамку вокруг ссылки?

    vahe_2000
    Ваге @vahe_2000
    :focus {outline:none;}
    ::-moz-focus-inner {border:0;}
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как фиксировать body при прокрутке страницы?

    vahe_2000
    Ваге @vahe_2000
    Если у вас позиция меню position:absolute; измените его position:relative;
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как разобраться в темах для Wordpress?

    vahe_2000
    Ваге @vahe_2000
    YouTube
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • GNU GPL Лицензия, или что могут сделать со мной?

    vahe_2000
    Ваге @vahe_2000
    Читайте вот здесь Ответы на вопросы о лицензиях GNU
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как передать из php в javascript массив?

    vahe_2000
    Ваге @vahe_2000
    <script type="text/javascript">
    var ar = <?php echo json_encode($ar) ?>;
    </script>

    Функция PHP json_encode возвращает строку, содержащую JSON эквивалент стоимости переданного ей в качестве мы демонстрируем здесь с численно индексированный массив:

    Или это попробуйте
    <script type="text/javascript">
    var fruits = <?php echo '["' . implode('", "', $fruits) . '"]' ?>;
    </script>

    The implode() function returns a string from the elements of an array.
    The implode() function accept its parameters in either order. However, for consistency with explode(), you should use the documented order of arguments.
    The separator parameter of implode() is optional. However, it is recommended to always use two parameters for backwards compatibility.
    This function is binary-safe.
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как мне правильно написать такой jQuery скрипт?

    vahe_2000
    Ваге @vahe_2000
    Попробуем сделать так я приведу такой пример

    HTML
    <header></header>
    <main>
      <script> 
        for(var i = 0; i < 40; i++){ 
        document.write("<h2>"+(i+1)+". Dummy page content ... </h2>"); 
        }
    </script>
    </main>
    <footer></footer>


    CSS
    body {
        padding-top: 40px;
    }
    
    header {
        background: #f5b335;
        height: 40px;
        position: fixed;
        top: 0;
        transition: top 0.2s ease-in-out;
        width: 100%;
    }
    
    .nav-up {
        top: -40px;
    }
    
    main {
       background:url(
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2O8dOnSfwYg0NPTYwTRuAAj0QqxmYBNM1briFaIzRbi3UiRZ75uNgUHGbfvabgfsHqGaIXYPAMAD8wgC/DOrZ4AAAAASUVORK5CYII=
       ) repeat;
        height: 2000px;
    }

    И наконец jQuery
    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $('header').outerHeight();
    
    $(window).scroll(function(event){
        didScroll = true;
    });
    
    setInterval(function() {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 250);
    
    function hasScrolled() {
        var st = $(this).scrollTop();
        
        // Убедитесь, что они прокрутки более чем на дельте
        if(Math.abs(lastScrollTop - st) <= delta)
            return;
        
        // Если они прокручиваются вниз и мимо навигационной панели, добавить класс .nav-up.
        // Это необходимо, чтобы вы никогда не увидите, что "за" навигационной панели.
        if (st > lastScrollTop && st > navbarHeight){
            // Прокрутка вниз
            $('header').removeClass('nav-down').addClass('nav-up');
        } else {
            // Прокрутка вверх
            if(st + $(window).height() < $(document).height()) {
                $('header').removeClass('nav-up').addClass('nav-down');
            }
        }
        
        lastScrollTop = st;
    }
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Анимация при открытии страницы?

    vahe_2000
    Ваге @vahe_2000
    Нужно использовать свойства анимация animation-delay
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
     animation-delay: 2s;

    Это определяет задержку анимации
    Значение задержки анимации определяется в секундах (s) или миллисекунд (ms).
    Если вы назначаете -2s анимация начнется сразу 2 секунд спустя.
    Не знаю смог хорошо объяснить, смотрите в этом пример..Даже пример который вы указали анимация начинается при наведения курсора там есть блок <div></div>
    назначим
    HTML
    <div></div>
    значения назначем none
    CSS
    div {
        width: 100px;
        height: 100px;
        background: red;
        position: relative;
        -webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */
        -webkit-animation-delay: none; /* Chrome, Safari, Opera */
        animation: mymove 2s infinite;
        animation-delay: none;
    }
    
    /* Chrome, Safari, Opera */
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 200px;}
    }
    
    @keyframes mymove {
        from {left: 0px;}
        to {left: 200px;}
    }
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Проверка наличия слова в Input и переход на другую страницу?

    vahe_2000
    Ваге @vahe_2000
    if($name == 'value'){
    header("location:page.php");
    } else {
    echo "Your text";
    }
    Ответ написан более трёх лет назад
    4 комментария
    4 комментария
  • Как сделать прозрачной рамку для кнопки?

    vahe_2000
    Ваге @vahe_2000
    <input type="button" class="button" value="GO AHEAD" />


    CSS

    .button {
      display: inline-block;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      width: 218px;
      height: 57px;
      cursor: pointer;
      padding: 10px 20px;
      border: 7px solid #BBEBE1;
      font: normal 23px/normal Arial, Helvetica, sans-serif;
      color: rgba(255,255,255,0.9);
      text-align: center;
      -o-text-overflow: clip;
      text-overflow: clip;
      background: #1ABC9C;
    }
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как растянуть картинку на всю высоту ячейки в зависимости от высоты соседней ячейки таблицы?

    vahe_2000
    Ваге @vahe_2000
    Я приведу пример из jsfiddle.net/k349os5o
    просто вы должны назначить ширину,назначим его 100px.
    img {
        width: 100px;
        height:auto;
    }

    А высоту назначим автоматически height:auto;
    А если вы были внимательно в том примеры был ширина автоматически а высота был назначен 100%.Вот и все ширина будет 100px а высота будет автоматически растягиваться на высоту текста.

    p{
      display: table-cell;
      vertical-align: top;
    }
    img {
        width: 100px;
        height:auto;
    }
    .image {
        display: table-cell;
        vertical-align: top;
        padding: 0 20px 0 0;;
    }
    .section {
        display: table;
    }
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как сделать такую рамку вокруг картинки?

    vahe_2000
    Ваге @vahe_2000
    добавим border и border-radius,изменяем углы .

    HTML
    <img src="#"></img>

    CSS
    img{
      width:110px;
      height:110px;
      border-radius:100%;
      border:5px solid #333;
    }
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как правильно сверстать такую форму поиска(на рис.) с выбором категорий?

    vahe_2000
    Ваге @vahe_2000
    Смотри здесь хороший пример,с помощью Bootstrap.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как отправить письмо на mail.ru?

    vahe_2000
    Ваге @vahe_2000
    Попробуй этот код,возможно у тебя не работает функция mail() праверь.
    Примеры есть в w3schools
    <?php
    $to = "somebody@example.com";
    $subject = "Тема";
    $txt = "Привет Мир!";
    $headers = "From: webmaster@example.com" . "\r\n" .
    "CC: somebodyelse@example.com";
    
    mail($to,$subject,$txt,$headers);
    ?>
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать вот такое меню?

    vahe_2000
    Ваге @vahe_2000
    Наверное вам нужен полоса а не меню просто вот пример

    Создаем лист с помощью HTML
    <ul>
      <li>Главная</li>
      <li>Галерея</li>
      <li>Доставка</li>
      <li>Контакты</li>
    </ul>


    Мы будем изменить задний фон ul
    ul{
      background:#a1a1a1;
      padding:5px;
      position:absolute;
      left:600px;
      width:830px;
    }
    ul li{
      position:relative;
      left:-5px;
      list-style:none;
      display:inline;
      padding:5px;
      padding-bottom:6px;
      background:red;
      color:#fff;
    }
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать такую кнопку в css, чтобы были другие углы или другие формы?

    vahe_2000
    Ваге @vahe_2000
    Возможно вы имейте виду это посмотрите в JSFIDDLE

    HTML
    <div>
        <p>text..</p>
    </div>
    
    <div>
        <p>text..</p>
    </div>
    
    <div>
        <p>text..</p>
    </div>


    CSS
    div:nth-child(1) {
        background: rgb(122, 206, 122);
        height: 140px;
        transform: skew(-10deg) rotate(2deg);
        -webkit-transform: skew(-10deg) rotate(2deg);
        -moz-transform: skew(-10deg) rotate(2deg);
    }
    
    div:nth-child(1) p {
        transform: skew(10deg) rotate(-2deg);
        -webkit-transform: skew(10deg) rotate(-2deg);
        -moz-transform: skew(10deg) rotate(-2deg);
        padding: 3% 2%;
    }
    
    div:nth-child(2) {
        border-bottom: 180px solid rgb(233, 233, 65);
        border-left: 8px solid transparent;
        border-right: 14px solid transparent;
        height: 0;
        margin-top: 60px;
        transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
    }
    
    div:nth-child(2) p {
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        padding: 3.5% 3%;
    }
    
    div:nth-child(3) {
        border-top: 140px solid rgb(253, 74, 74);
        border-left: 23px solid transparent;
        border-right: 14px solid transparent;
        height: 0;
        margin-top: 20px;
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
    }
    
    div:nth-child(3) p {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        position: absolute;
        top: -140px;
        padding: 3% 3%;
    }
    
    div:nth-child(3):before {
        content: '';
        width: 124%;
        height: 80px;
        background: #fff;
        position: absolute;
        left: -20%;
        bottom: 120px;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
    }

    Вместо <div></div> ставьте <button></button> или что то другое
    Чтобы не сделать круглые углы как вы же сказали нужно использовать свойство border-radius:none;
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Где можно черпать вдохновение веб-дизайнеру?

    vahe_2000
    Ваге @vahe_2000
    AWWWARDS и CSSDESIGNAWARDS
    Самые красивые сайты и не только.Смотри работы дизайнеров в CodePen
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как вернуть CSS3 анимацию, когда убираешь курсор?

    vahe_2000
    Ваге @vahe_2000
    Не надо извинятся вот код ты также можешь добавить что хочиш в селекторе :hover
    Я создал блог с помощью <div></div> измени добавь id class..
    div {
      background: red;
      width:100px;
      height:100px;
       -webkit-animation: mymove 0.3s infinite;
      animation: mymove 0.3s infinite;
    }
    @-webkit-keyframes mymove {
    0% {opacity: 0;} 
    100% {opacity: 1;} 
    }
    @keyframes mymove { 
        0% {opacity: 0;} 
        100% {opacity: 1;} 
    } 
    /* При наведении  */
    div:hover{
      -webkit-animation: mymove1 0.3s infinite;
        animation: mymove1 0.3s infinite;
    }
    @-webkit-keyframes mymove1 {
    0% {opacity: 1;} 
    100% {opacity: 1;} 
    }
    @keyframes mymove1 { 
    0% {opacity: 1;} 
    100% {opacity: 1;} 
    }
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как прикрепить элемент с помощью css?

    vahe_2000
    Ваге @vahe_2000
    Чтобы стоял на месте тебе просто надо вот это position:fixed;
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Где можно пройти тесты/курсы для получения сертификатов (HTML5, CSS3, JS, AS3 и др.)?

    vahe_2000
    Ваге @vahe_2000
    w3schools
    Там ты можешь пройти тесты HTML,CSS,JavaScript,PHP,jQuery,XML но там нет AS3
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
Оценили как «Нравится»
  • ← Предыдущие
  • 1
  • 2
  • 3
  • 4
  • 5
Самые активные сегодня
  • vabka
    Василий Банников
    • 15 ответов
    • 0 вопросов
  • Drno
    • 7 ответов
    • 0 вопросов
  • hint000
    hint000
    • 4 ответа
    • 0 вопросов
  • ThunderCat
    ThunderCat
    • 4 ответа
    • 0 вопросов
  • Rsa97
    Rsa97
    • 4 ответа
    • 0 вопросов
  • CityCat4
    CityCat4
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации