08.02.2019
11:15
08.02.2019 11:15:48
Иногда есть задача - скопировать html и css код с определенного элемента сайта, вроде бы просто, но css этого элемента может быть размазан по всему файлу css а также у элемента могут быть дочерние элементы их тоже нужно выискивать в файле.
В этом случае нам поможет плагин для Chrome
CSS Used Работа с плагином проста, устанавливаем плагин по ссылке, в правой части там же где инспектор css - в меню появился еще один пункт
CSS Used.
Выделяем нужный Html блок и плагин вытянет все стили этого элемента и в том числе дочерние.
08.02.201911:1508.02.2019 11:15:48
24.01.2019
10:43
24.01.2019 10:43:49
В этой статье мы рассмотрим лучшие для верстки в Visual Studio Code
24.01.201910:4324.01.2019 10:43:49
20.12.2018
12:04
20.12.2018 12:04:26
Очень часто SEO специалисты просят закрыть от индексации определенные пункты меню битрикс.
И так преступим:
1. Открываем файл нужного нам меню, обычно этот файл находится в корневом каталоге сайта на битрикс, и его название начинается с точки, к примеру .top.menu.php
Добавляем еще один параметр "noindex" => true в массив параметров меню.
Array(
"Компания",
"/company/",
Array(),
Array("noindex" => true,),
""
),
|
2. Заходим в шаблон компонента меню и в цикл вывода меню добавляем условие - если параметр noindex == true, то оборачиваем пункт меню в noindex, если нет то выводим как обычно.
<?php if ($arItem["PARAMS"]["noindex"] == true): ?>
<noindex>
Код шаблона меню
</noindex>
<?php else: ?>
Код шаблона меню
<?php endif; ?>
|
20.12.201812:0420.12.2018 12:04:26
20.11.2018
10:40
20.11.2018 10:40:37
В этой статья я расскажу о стилизации чекбокса средствами CSS.
Дизайн формы.
Начнем стилизацию, html код чекбокса:
<div>
<input type="checkbox" id="check" name="check" />
<label for="check">Я согласен с политикой конфиденциальности компании и даю согласие на обработку моих персональных данных</label>
</div>
|
Преминем стили CSS для чекбокса:
//checkbox
input[type=checkbox], input[type=radio] {display: none;}
input[type=checkbox] + label:before {
content: "\2713";
color: transparent;
display: inline-block;
border: 1px solid #ced4da;
font-size: 20px;
line-height: 22px;
margin: -5px 5px 0 0;
height: 20px;
width: 20px;
text-align: center;
vertical-align: middle;
transition: color ease .3s;
}
input[type=checkbox]:checked + label:before {
color: red;
}
|
В качестве бонуса SASS стили для чекбокса:
//checkbox
input[type=checkbox], input[type=radio]
display: none
input[type=checkbox] + label:before
content: "\2713"
color: transparent
display: inline-block
border: 1px solid #ced4da
font-size: 20px
line-height: 22px
margin: -5px 5px 0 0
height: 20px
width: 20px
text-align: center
vertical-align: middle
transition: color ease .3s
input[type=checkbox]:checked + label:before
color: red
|
20.11.201810:4020.11.2018 10:40:37
16.11.2018
10:08
16.11.2018 10:08:09
Для того чтобы узнать какие каталоги занимают больше всего места в linux нужно установить программу ncdu
Запускаем ncdu, в параметре указываем каталог от которого программа начинает считать занимаемое место каталогами, в данном случаи от корневого каталога /
После анализа каталогов ncdu покажет занимаемое ими место, сверху самые тяжелые папки.
Можно перемещаться стрелочками - вниз - вверх, по нажатию Enter проваливаться в каталог и анализировать подкаталоги.
Для того чтобы посмотреть свободное место на жестких дисках linux можно воспользоваться штатной программой df которая идет во многих распространенных дистрибутивах linux - Debian, Ubuntu, CetnOs, Fedora и т.д.
16.11.201810:0816.11.2018 10:08:09
