|
1 2 3 4 5 6 7 8 |
<? $pdf = CFile::GetPath($arItem["PROPERTIES"]["FILE"]["VALUE"]); $arFile=CFile::MakeFileArray($_SERVER["DOCUMENT_ROOT"].$pdf); $size=$arFile["size"]; $sizes = array('B', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'); for ($i=0; $size > 1024 && $i < count($sizes) - 1; $i++) $size /= 1024; echo round($size,$round)." ".$sizes[$i]; ?> |
Автор: wiki2_promos
Для вывода телефона или email в адресе ссылки можно поступить так
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<? ob_start(); $APPLICATION->IncludeFile(SITE_TEMPLATE_PATH . "/include/phone.php", [], ['SHOW_BORDER' => false] ); $phone = ob_get_clean(); ?> <a href="tel:<?=str_replace([' ','(',')'],'',$phone);?>"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "file", "AREA_FILE_SUFFIX" => "", "EDIT_TEMPLATE" => "", "PATH" => SITE_TEMPLATE_PATH."/include/phone.php" ) );?> </a> |
Онлайн-генератор картинок-заглушек
https://imgholder.ru/
GIT команды
— git add — git commit — git push — git pull
Код запуска
npm start — Запускает сервер разработки. npm run build — Объединяет приложение в статические файлы для производства. npm test — Запускает отладчик. npm run eject …
32 CSS Border Animations
https://freefrontend.com/css-border-animations/
Слайдер на JS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
if(document.querySelector(".img_random")) { const slides = document.querySelectorAll('.img_random .img'); let index = 0; const activeSlide = n => { for(slide of slides) { slide.classList.remove('active'); } slides[n].classList.add('active'); } const prepareCurrentSlide = ind => { activeSlide(index); } const nextSlide = () => { if(index == slides.length - 1) { index = 0; prepareCurrentSlide(index); }else { index++; prepareCurrentSlide(index); } } const prevSlide = () => { if(index == slides.length - 1) { index = 0; prepareCurrentSlide(index); }else { index++; prepareCurrentSlide(index); } } setInterval( nextSlide, 4000 ); } |
|
1 2 3 4 5 6 7 8 |
<div class="img_random"> <div class="img"><img src="img/main/main.jpg" alt="img"></div> <div class="img"><img src="img/main/imag01.jpg" alt="img"></div> <div class="img"><img src="img/main/imag02.jpg" alt="img"></div> <div class="img"><img src="img/main/imag03.jpg" alt="img"></div> <div class="img"><img src="img/main/imag04.jpg" alt="img"></div> <div class="img"><img src="img/main/imag05.jpg" alt="img"></div> </div> |
font-awesome
|
1 |
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> |
overflow:scroll не показывается скролл в macbook
|
1 2 3 4 5 6 7 8 9 |
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } |
Скрытие меню при прокрутке вниз и отображение при прокрутке наверх
https://keengo.ru/blog/javascript/skrytie-menyu-pri-prokrutke-vniz-i-otobrazhenie-pri-prokrutke-naverkh/
Используем HTML5 History API
Используем HTML5 History API
Как проверить на какой странице ты находишься WordPress?
|
1 2 3 4 |
if(is_page( ид ) ) { // is_single( ид ) - если надо проверить пост, а не страницу код для контактов } |