Ответы пользователя по тегу HTML
  • Как из формы вытянуть таблицу и поместить ее в другом месте?

    max_cry
    @max_cry
    инопланетянин из Крыма
    можно пойти трудным путём и заюзать jquery :

    Допустим страница содержит следующий текст:
    
     <ul class="list l1">
       <li class="item i1"> Высоко </li>	
       <li class="item i2"> Быстро </li>	
       <li class="item i3"> Сильно </li>	
     </ul>
     <ul class="list l2">
       <li class="item i1"> Выше </li>	
       <li class="item i2"> Быстрее </li>	
       <li class="item i3"> Сильнее </li>	
     </ul>
    
    следующие два выражения будут равнозначны
    
     $(".i1").replaceWith("<li class='item'>Тест</li>");
     
     $("<li class='item'>Тест</li>").replaceAll($(".i1"));
    
    в обоих случаях элемент списка с текстом "Тест" заменит элементы с классом i1. В результате, текст нашей страницы станет следующим:
    
     <ul class="list l1">
       <li class='item'>Тест</li>	
       <li class="item i2"> Быстро </li>	
       <li class="item i3"> Сильно </li>	
     </ul>
     <ul class="list l2">
       <li class='item'>Тест</li>	
       <li class="item i2"> Быстрее </li>	
       <li class="item i3"> Сильнее </li>	
     </ul>
    
    
    Помимо html-текста, можно заменять одни элементы страницы другими. При этом, вставляемые элементы будут не скопированы, а перемещены. Например следующий код
    
     $(".l2 i2").replaceWith($(".l1 i1"));
    
    изменит первоначальную страницу следующим образом:
    
     <ul class="list l1">
       <li class="item i2"> Быстро </li>	
       <li class="item i3"> Сильно </li>	
     </ul>
     <ul class="list l2">
       <li class="item i1"> Выше </li>	
       <li class="item i1"> Высоко </li>	
       <li class="item i3"> Сильнее </li>	
     </ul>
    
    
    Рассмотрим пример с использованием пользовательской функции. Добавим драматичности элементам из второго списка:
    
     $(".l2 .item").replaceWith(function(){
         return ' <li class="item" > '+$(this).text()+', я кому сказал! </li>';
     });
    
    в итоге, текст первоначальной страницы станет следующим:
    
     <ul class="list l1">
       <li class="item i1"> Высоко </li>	
       <li class="item i2"> Быстро </li>	
       <li class="item i3"> Сильно </li>	
     </ul>
     <ul class="list l2">
       <li class="item"> Выше, я кому сказал! </li>	
       <li class="item"> Быстрее, я кому сказал! </li>	
       <li class="item"> Сильнее, я кому сказал! </li>	
     </ul>
    Ответ написан
    2 комментария
  • Главная страница на wordpress, как реализовать?

    max_cry
    @max_cry
    инопланетянин из Крыма
    первый вопрос : а зачем ?
    а теперь возможно ответ на Ваш вопрос : вы можете создать кастомный темплейт для любой страницы в WordPress - создать страницу и задать ей этот самый темплейт, и в настройках определить отображение не последних записей из блога, а статическую страницу (на которой вы предварительно воткнули код) - всё готово.
    Ориентировочный код :
    <?php
    /*
    Template Name:  Допустим главная страница
    */
    ?>
    <?php get_header(); ?> //тут можете вызвать шапку если нужна, а можете и не вызывать
    
    тут ваш контент
    
     <?php get_sidebar(); ?> //тут можете вызвать сайдбар если нужен, а можете и не вызывать
     
    <?php get_footer(); ?> //тут можете вызвать подвал если нужен, а можете и не вызывать
    Ответ написан
    5 комментариев
  • Не могу разобраться со шрифтовыми иконками?

    max_cry
    @max_cry
    инопланетянин из Крыма
    а потому что у них половина иконок не работает, вот почему, велиовгруп не очень сайт, возьми и подключи отсюда Тыц или так Ещё раз тыц
    Ответ написан
    Комментировать
  • Существует ли html редактор с возможностью своих быстрых клавиш?

    max_cry
    @max_cry
    инопланетянин из Крыма
    sublime text 2 +emmet
    Ответ написан
    Комментировать
  • Как правильно сверстать горизонтальное меню с иконками?

    max_cry
    @max_cry
    инопланетянин из Крыма
    https://vk.com/video-79831840_170983801
    там всё доходчиво объяснено. +исходники+готовый результат.) удачи)
    Ответ написан
  • Как выровнять блоки по высоте самого высокого элемента при динамическом изменении этой самой высоты?

    max_cry
    @max_cry
    инопланетянин из Крыма
    .общий контейнер {
    display: flex;
    flex-wrap:wrap;
    }
    .эти итемы {
    margin:auto;
    }

    ну как вариант .
    Ответ написан
    Комментировать
  • Как сделать полу - pagescrolling?

    max_cry
    @max_cry
    инопланетянин из Крыма
    может быть Вы уточните вопрос : что необходимо прокручивать на Вашем сайте ? с пейджпилингом всё абсолютно просто даже для тех кто с jquery не сталкивался ни разу. у альваротриго насколько я знаю есть пример страницы :
    верхняя часть сайта с использованием пейджпилинга, а сразу под этой секцией идет обычный сайт.
    Пример :
    alvarotrigo.com/fullPage/examples/oneSection.html

    вы просто не уточнили, что именно вы хотите.
    Ответ написан
    Комментировать