Контакты

Наибольший вклад в теги

Все теги (7)

Лучшие ответы пользователя

Все ответы (11)
  • Как расположить один div над другим?

    AlexanderBashkin
    @AlexanderBashkin
    64ce392a73931762884751.jpeg

    .section {
         padding: 10px;
         background-color: #010915;
         height: 90vh;
    }
     .section-block-one {
         height: 100%;
         display: flex;
         justify-content: flex-end;
         align-items: center;
         background-color: #1c344b;
    }
     .section-block-two {
         width: 200px;
         height: 200px;
         background-color: white;
    }
    Ответ написан
    Комментировать
  • Система постов для сайта?

    AlexanderBashkin
    @AlexanderBashkin
    Ответ написан
    Комментировать
  • Как называется эффект прокрутки страницы?

    AlexanderBashkin
    @AlexanderBashkin
    На этом сайте используется библиотека ScrollMagic
    Ответ написан
    1 комментарий
  • Как изменить размеры flex-элемента без изменения положения соседних блоков?

    AlexanderBashkin
    @AlexanderBashkin
    https://codepen.io/rainbrew/pen/OJaqEOy

    <div class="container">
       <div class="item">
          <div class="item-wrapper">
             <div class="visible-block">
                Какой-то контент, который виден по умолчанию
             </div>
             <div class="hidden-block">
                Контент, который появляется при наведении мыши на item
             </div>
          </div>
       </div>
       <div class="item">
          <div class="item-wrapper">
             <div class="visible-block">
                Какой-то контент, который виден по умолчанию
             </div>
             <div class="hidden-block">
                Контент, который появляется при наведении мыши на item
             </div>
          </div>
       </div>
       <div class="item">
          <div class="item-wrapper">
             <div class="visible-block">
                Какой-то контент, который виден по умолчанию
             </div>
             <div class="hidden-block">
                Контент, который появляется при наведении мыши на item
             </div>
          </div>
       </div>
       <div class="item">
          <div class="item-wrapper">
             <div class="visible-block">
                Какой-то контент, который виден по умолчанию
             </div>
             <div class="hidden-block">
                Контент, который появляется при наведении мыши на item
             </div>
          </div>
       </div>
       <div class="item">
          <div class="item-wrapper">
             <div class="visible-block">
                Какой-то контент, который виден по умолчанию
             </div>
             <div class="hidden-block">
                Контент, который появляется при наведении мыши на item
             </div>
          </div>
       </div>
    </div>


    .container {
         max-width: 800px;
         padding: 10px;
         margin: 0 auto;
         border: 2px solid #000;
         box-sizing: border-box;
         display: flex;
         justify-content: flex-start;
         align-items: stretch;
         flex-wrap: wrap;
         gap: 25px;
    }
     .item {
         text-align: center;
         flex: 0 1 240px;
         box-sizing: border-box;
         position: relative;
    }
     .item .item-wrapper {
         border: 1px solid red;
         background: #fff;
    }
     .item:hover .item-wrapper {
         position: absolute;
         top: 0;
         left: 0;
         box-shadow: 0 0 10px rgba(0,0,0,0.5);
         min-height: 100px;
         z-index: 2;
    }
     .item:hover .hidden-block {
         display: block;
         padding: 0 20px 20px 20px;
    }
     .item .visible-block {
         padding: 20px;
    }
     .hidden-block {
         display: none;
    }
    Ответ написан
    1 комментарий
  • Как добавить второй логотип в header.php Wordpress тему?

    AlexanderBashkin
    @AlexanderBashkin
    <?php
    if ( function_exists( 'the_custom_logo' ) ) {
        if ( has_custom_logo() ) : ?>
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                <?php the_custom_logo(); ?>
            </a>
            <a href="...">Logo 2</a>
            <?php 
        endif;
    }
    Ответ написан
    Комментировать