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

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

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

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

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

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

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

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

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

Антон Литвиненко

HTML coder
  • 368
    вклад
  • 17
    вопросов
  • 388
    ответов
  • 68%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Есть ли какие-то сервисы для натяжки html на WP?

    iiiBird
    iBird Rose @iiiBird Куратор тега HTML
    Пока ты спишь - твой конкурент совершенствуется
    такой сервис называется фриланс https://freelance.habr.com/
    Ответ написан 29 янв.
    Комментировать
    Нравится 23 Комментировать
  • Как сделать что бы при переходе срабатывала якорная ссылка?

    godsplane
    godsplane @godsplane
    Можно например в ссылке указать так
    <a href="/reviews#reviews"> </a>
    Ответ написан 23 нояб. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Как реализовать такого плана прогресс бар в слайдере?

    Get-Web
    Виталий @Get-Web Куратор тега JavaScript
    Front-End Developer
    Примерно так:
    Ответ написан 22 нояб. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как сделать такой фон блока на css?

    RAX7
    RAX7 @RAX7
    Ответ написан 16 нояб. 2020
    2 комментария
    Нравится 11 2 комментария
  • Как заставить убрать двойной бордер между дивами?

    anton99zel
    Антон @anton99zel
    29а класс средней школы №7
    Ответ написан 05 нояб. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как сверстать пунктирную рамку такой неправильной формы у блока?

    RAX7
    RAX7 @RAX7
    Нарисовать на js ¯\_(ツ)_/¯
    Ответ написан 28 сент. 2020
    1 комментарий
    Нравится 3 1 комментарий
  • Как реализовать галлерею в вордресс по своей сетке?

    deniscopro
    Денис Янчевский @deniscopro Куратор тега WordPress
    WordPress-разработчик, wpcute.ru
    С помощью фильтра post_gallery.

    Пример:
    <?php
    function my_post_gallery( $output, $attr, $instance ) {
    	$_attachments = get_posts( array('include' => $attr['include'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => $attr['orderby']) );
    
    	$attachments = array();
    	foreach ( $_attachments as $key => $val ) {
    		$attachments[$val->ID] = $_attachments[$key];
    	}
    
    	if ( empty( $attachments ) ) {
    		return '';
    	}
    
    	ob_start();
    	?>
    	<div class="gallery">
    		<?php
    		foreach ( $attachments as $i => $image ) :
    			$url = wp_get_attachment_url( $image->ID );
    			?>
    			<a href="<?php echo $url; ?>" class="gallery-item">
    				<?php echo wp_get_attachment_image( $image->ID, 'thumbnail' ); ?>
    			</a>
    		<?php endforeach; ?>
    	</div>
    	<?php
    	$output = ob_get_contents();
    	ob_end_clean();
    
    	return $output;
    }
    
    add_filter( 'post_gallery', 'my_post_gallery', 10, 3 );
    Ответ написан более года назад
    Комментировать
    Нравится 3 Комментировать
  • Как заставить slick-slider срабатывать при ресайзе страницы?

    ProjectSoft
    ProjectSoft @ProjectSoft
    Front-end && Back-end разработчик
    // Подпишемся на ресайз и продиспатчим его для запуска
    $(window).on('resize', function(e){
    	// Переменная, по которой узнаем запущен слайдер или нет.
    	// Храним её в data
    	var init = $(".card-box").data('init-slider');
    	// Если мобильный
    	if(window.innerWidth < 480){
    		// Если слайдер не запущен
    		if(init != 1){
    			// Запускаем слайдер и записываем в data init-slider = 1
    			$('#card-box').slick({
    				infinite: true,
    				slidesToShow: 1,
    				slidesToScroll: 1
    			}).data({'init-slider': 1});
    		}
    	}
    	// Если десктоп
    	else {
    		// Если слайдер запущен
    		if(init == 1){
    			// Разрушаем слайдер и записываем в data init-slider = 0
    			$('#card-box').slick('unslick').data({'init-slider': 0});
    		}
    	}
    }).trigger('resize');

    https://monosnap.com/file/Jw6PomDPOuv54bY25640JxAz...
    Ответ написан более двух лет назад
    4 комментария
    Нравится 3 4 комментария
  • Как сделать такой select?

    vladislav_boychenko
    Владислав Бойченко @vladislav_boychenko
    Купаюсь в гривнах
    Можно так.
    https://codepen.io/vladyslav-boichenko/pen/oNjKWaa
    Ответ написан 30 мая 2020
    1 комментарий
    Нравится 2 1 комментарий
  • При вставке изображения через background очень сильно теряется качество, появляется зернистость. пиксельные края элементов и тд. Как решить проблему?

    houseprog
    Роман @houseprog
    Веб-разработчик
    Перед вставкой изображения в CSS background-image, предварительно следует подготовить его - масштабировать до нужного размера средствами PHP или JS. Например, на хостинг можно положить скрипт, resize-image.php а путь к изображению указывать так: resize-image.php?pathimage=images/photo1.jpg&width=200&height=200

    В результате изображение будет вставляться в background-image уже нужного размера и браузеру не придется его масштабировать самостоятельно(с чем он справляется как вы верно заметили не очень).

    Скрипт на PHP может выглядеть так:

    <?php
    
    function img_resize($src, $dest, $width, $height, $rgb = 0xFFFFFF, $quality = 100) {  
    	    if (!file_exists($src)) {  
    	        return false;  
    	    }  
    	    $size = getimagesize($src);  
    
    	    if ($size === false) {  
    	        return false;  
    	    }  
    
    	    $format = strtolower(substr($size['mime'], strpos($size['mime'], '/') + 1));  
    	    $icfunc = 'imagecreatefrom'.$format;  
    	    if (!function_exists($icfunc)) {  
    	        return false;  
    	    }  
    
    	    if($width==0)if($size[0]<=800)$width=$size[0];else $width=800;
    	    if($size[0]<$width)$width=$size[0];  
    	    if($size[1]<$height)$height=$size[1];  
    
      
    	    $x_ratio = $width  / $size[0];  
    	    $y_ratio = $height / $size[1];  
      
    	    if ($height == 0) {  
      
    	        $y_ratio = $x_ratio;  
    	        $height  = $y_ratio * $size[1];  
      
    	    } elseif ($width == 0) {  
      
    	        $x_ratio = $y_ratio;  
    	        $width   = $x_ratio * $size[0];  
      
    	    }  
      
    	    $ratio       = min($x_ratio, $y_ratio);  
    	    $use_x_ratio = ($x_ratio == $ratio);  
      
    	    $new_width   = $use_x_ratio  ? $width  : floor($size[0] * $ratio);  
    	    $new_height  = !$use_x_ratio ? $height : floor($size[1] * $ratio);  
    	    $new_left    = $use_x_ratio  ? 0 : floor(($width - $new_width)   / 2);  
    	    $new_top     = !$use_x_ratio ? 0 : floor(($height - $new_height) / 2);  
      
    	    $isrc  = $icfunc($src);  
    
    	    $idest = imagecreatetruecolor($width, $height);  
    
    	    imagefill($idest, 0, 0, $rgb);  
    
    	    imagecopyresampled($idest, $isrc, $new_left, $new_top, 0, 0, $new_width, $new_height, $size[0], $size[1]);  
    
    	    header("Content-type: image/jpeg");
    	    imagejpeg($idest);
      
    	    imagedestroy($isrc);  
    	    imagedestroy($idest);  
     
    }  
    
    header("Content-type: image/jpeg");
    header("Cache-control: public");
    header("Expires: " . gmdate("D, d M Y H:i:s", date("U")+(86400*365.25)) . " GMT");
    
    img_resize($_GET['pathimage'], $dest, $_GET['width'], $_GET['height'], $rgb = 0xFFFFFF, $quality = 70);
    Ответ написан 21 мая 2020
    1 комментарий
    Нравится 2 1 комментарий
  • Contact form 7 + Wordpress - как вывести своё окно благодарности?

    IvanMogilev @IvanMogilev
    Backend-developer:Wordpress,Yii
    У contact form 7 есть свои события, пример из Документации
    document.addEventListener( 'wpcf7submit', function( event ) {
      if ( '123' == event.detail.contactFormId ) {
        alert( "The contact form ID is 123." );
        // do something productive
      }
    }, false );

    вместо алерта можете попробовать показывать своё окно,и лучше использовать событие wpcf7mailsent
    Ответ написан 30 апр. 2020
    Комментировать
    Нравится 3 Комментировать
  • Как добавить параметр для одной ссылки меню WordPress?

    mihdan
    Михаил Кобзарев @mihdan
    WordPress-евангелист, ведущий РНР - разработчик
    add_filter( 'nav_menu_link_attributes', 'wpse121123_contact_menu_atts', 10, 3 );
    function wpse121123_contact_menu_atts( $atts, $item, $args ) {
      // ID айтема в меню
      $menu_target = 123;
    
      if ( $item->ID == $menu_target ) {
        $atts['rel'] = 'nofollow';
      }
      return $atts;
    }
    Ответ написан более года назад
    1 комментарий
    Нравится 2 1 комментарий
  • Как заставить исполняться функцию, каждые 500px прокрутки страницы?

    dollar
    dollar @dollar
    Делай добро и бросай его в воду.
    var old = 0;
    window.addEventListener("scroll", function() {
      let now = Math.floor(window.pageYOffset / 500);
      if ( now > old ) {
        console.log("Очередные 500", now);
        old = now;
      }
    }, false);
    Ответ написан более года назад
    Комментировать
    Нравится 4 Комментировать
  • Как сделать такой слайдер на owl carousel?

    0xD34F
    0xD34F @0xD34F Куратор тега CSS
    https://jsfiddle.net/1z2hbamc/
    Ответ написан более года назад
    1 комментарий
    Нравится 4 1 комментарий
Оценили как «Нравится»
Самые активные сегодня
  • dimonchik2013
    dimonchik2013
    • 16 ответов
    • 0 вопросов
  • neuroscript
    • 16 ответов
    • 0 вопросов
  • DevMan
    DevMan
    • 11 ответов
    • 0 вопросов
  • TNPTSYWWCC
    Uneasy Hearts Weigh the Most
    • 6 ответов
    • 0 вопросов
  • CityCat4
    CityCat4
    • 5 ответов
    • 0 вопросов
  • mkone112
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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