Задать вопрос
babulja

Станислав Третьяков

Ответы пользователя по тегу CSS

  • Как захватить цвет?

    babulja
    @babulja
    Вам нужно окрасить блок всеми цветами? И каждый цвет - это 1px?

    Если да, то первое что приходит в голову, то взять RGB и пробежаться циклом
    от rgb(0, 0, 0) до rgb(255, 255, 255), создавая блоки 1px на 1px для каждого цвета.

    Посмотрите пример на хабре как делают Color Picker на JavaScript, все достаточно
    примитивно и даже можно скачать исходник. Я понимаю, что вам не нужен Color
    Picker, просто посмотрите на реализацию цикла и сделайте то, что надо вам.
    Ответ написан
    Комментировать
    Комментировать

  • Почему header не охватывает блоки входящие в него?

    babulja
    @babulja
    Перед закрывающем header поставьте.

    <div style="clear:both"></div>

    Вы использовали обтекание - float и не закрыли его, поэтому оно воздействует на header.
    Вот - codepen.io/anon/pen/QyxVjL - добавил черный фон, чтобы было видно.
    Ответ написан
    Комментировать
    Комментировать

  • От куда такие проблемы с сайтом?

    babulja
    @babulja
    Насчет сглаживания в мозилле и сафари - старые версии не поддерживают. У меня сейчас Fierfox 44 (линукс), линии отображаются нормально, без кубиков. Еще один забавный пример:

    Создайте блок и задайте ему такие свойства:

    border-radius: 100px;
border: 1px dotted #000

    По идеи скругленные углы должны быть из точек, но они превращаются в линии. В общем, в фаерфоксе и не только в нем, беда c подобными трюками. Скорей всего с одной из таких вы и столкнулись.

    Насчет второго вопроса, добавьте блоку #about свойства:

    max-height: 100%;
overflow-y: auto;

    Проверил на вашем сайте, работает. Кстати, на сайте нет overflow-y: auto, поэтому указал его.
    Ответ написан
    2 комментария
    2 комментария

  • Как на canvas-е нарисовать сетку?

    babulja
    @babulja
    Я правильно вас понял? - codepen.io/anon/pen/JGZOEX

    <canvas id="setka" width="400" height="400"></canvas>


    var c_canvas = document.getElementById("setka");
var context = c_canvas.getContext("2d");

for (var x = 0.5; x < 400; x += 10) {
	context.moveTo(x, 0);
	context.lineTo(x, 400);
}

for (var y = 0.5; y < 400; y += 10) {
	context.moveTo(0, y);
	context.lineTo(400, y);
}

context.strokeStyle = "#888";
context.stroke();
    Ответ написан
    Комментировать
    Комментировать

  • Как вывести количество записей в рубрике за последние 24 часа WordPress?

    babulja
    @babulja 
    // Получаем время отсчета. То есть текущее время минус 24 часа = точка старта.
$day = date('Y-m-d H:i:s', strtotime('-1 day'));

// Делаем запрос к бд, получая в ответ все записи, которые
// были опубликованы за последние 24 часа
$numpost = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND post_date > '$day'");

// Выводим результат 
echo $numpost;

    Я не внимательно прочитал. Оказывается надо для каждой рубрики.
    Поэтому добавляю код, который выводит и для рубрик:

    $this_cat = get_the_category();
  
$this_cat = $this_cat[0]->cat_ID; // id текущей рубрики

$day = date('Y-m-d H:i:s', strtotime('-1 day'));

$numpost = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts 
							WHERE post_status = 'publish' AND post_type = 'post' AND post_date > '$day' AND 
							id IN (SELECT object_id FROM $wpdb->term_relationships WHERE term_taxonomy_id = '$this_cat')");

echo $numpost;
    Ответ написан
    1 комментарий
    1 комментарий

  • Не работает highlight.js?

    babulja
    @babulja
    Возможно вы неправильно инициализируете highlight.js...

    Когда инициализируете только лишь посредством этой строки:

    hljs.initHighlightingOnLoad();

    То необходимо установить его после HTML разметки, в противном случае ничего сработает.

    Либо делайте проверку на загрузку страницы при помощи window.onload:

    window.onload=function(){
    hljs.initHighlightingOnLoad();
}

    Либо при помощи других библиотек, например, Jquery:

    $(document).ready(function() {
    hljs.initHighlightingOnLoad();
});

    То есть инициализируем highlight, только после полной загрузки html-документа.
    Попробуйте на codepen.io обернуть инициализацию в функцию ожидания загрузки страницы и все должно заработать.

    P.S. Хотя по идеи должно работать и так, и так, если верить документации, но у меня не работало, когда я вызывал функцию до html разметки.
    Ответ написан
    3 комментария
    3 комментария