我将网站的请求复制到电报聊天中
$arr = array(
'Форма заказать звонок со страницы' => $pageTitle,
'Имя:' => $name,
'Телефон:' => $phone,
'Страница:' => THIS_URL
);
foreach($arr as $key => $value) {
if ($key === 'Телефон:') {
$value = "<a href='tel:$value'>$value</a>";
}
$txt .= "<b>".$key."</b> ".$value."%0A";
};
我不明白如何确保信中的电话号码包含在链接中。告诉我，有什么问题吗？
已注册网站图标：
<link rel= "apple-touch-icon" size= "57x57" href= "/apple-icon-57x57.png" >
<link rel= "apple-touch-icon" size= "60x60" href= "/apple-icon-60x60.png" >
<link rel= "apple-touch-icon" size= "72x72" href= "/apple-icon-72x72.png" >
<link rel= "apple-touch-icon" size= "76x76" href= "/apple-icon-76x76.png" >
<link rel= "apple-touch-icon" size= "114x114" href= "/apple-icon-114x114.png" >
<link rel= " apple-touch-icon" size= "120x120" href= "/apple-icon-120x120.png" >
<link rel= "apple-touch-icon" size= "144x144" href= "/apple-icon-144x144.png" >
<link rel= "apple-touch-icon" size= "152x152" href= "/apple-icon-152x152.png" >
<link rel= "apple-touch-icon" size= "180x180" href= "/apple-icon-180x180.png" >
<link rel= "icon" type= "image/png" size= "192x192" href= "/android-icon-192x192.png" >
<link rel= "icon" type= "image/png" size= "96x96" href= "/favicon-96x96.png" >
<link rel= "manifest" href= "/manifest.json" >
<link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png">
<link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png">
<meta name= "msapplication-TileColor" content= "#ffffff" >
<meta name= "msapplication-TileImage" content= "/ms-icon-144x144.png" >
<meta name= "theme-color" content = "#ffffff" >
<link rel="mask-icon" href="/favicon.svg" color="orange">
但我收到错误“favicon.ico 缺少一些推荐尺寸的图标（16x16、32x32）”，专家，请告诉我问题是什么？
鉴赏家，需要帮助。有一个从一个点开始扩大圆圈的动画，但它以某种方式向一侧移动，并且在所有方向上都不是均匀的。请告诉我如何解决这个问题。最近在做动画
.changegalview{
margin: 20px 20px;
}
.changegalview .circle1{
border-radius: 50%;
border: solid 3px #333;
/* transform: translateX(-80%) translateY(-20%); */
position: absolute;
opacity: 0.2;
animation: changegalview 2s linear infinite 0.25s;
top: 15px;
left: 38px;
}
@keyframes changegalview {
50% {
width: 30px;
height: 30px;
opacity: 0.5;
}
75% {
width: 40px;
height: 40px;
opacity: 0.2;
}
100% {
width: 50px;
height: 50px;
opacity: 0.05;
}
}
<span class="changegalview" data-type="map">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="#f50101">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0046 25C13.0046 25 23.2319 18.1818 23.2319 10.2273C23.2319 7.51483 22.1544 4.91348 20.2364 2.9955C18.3184 1.07751 15.7171 0 13.0046 0C10.2922 0 7.69083 1.07751 5.77284 2.9955C3.85486 4.91348 2.77734 7.51483 2.77734 10.2273C2.77734 18.1818 13.0046 25 13.0046 25ZM16.4164 10.2272C16.4164 12.11 14.8901 13.6363 13.0073 13.6363C11.1246 13.6363 9.59826 12.11 9.59826 10.2272C9.59826 8.3444 11.1246 6.8181 13.0073 6.8181C14.8901 6.8181 16.4164 8.3444 16.4164 10.2272Z" fill="#BDBDBD"></path>
</svg>
<span class="circle1"></span>
</span>
我使用在页面上显示 pdf 文件的内容
<iframe width="100%" height="900px" frameborder="0" src="/files/price_bs.pdf#toolbar=0&scrollbar=0&navpanes=1"></iframe>
在 PC 上一切看起来都很好。但是在移动设备上，iframe 不接收内容，浏览器写道
没有启用的插件支持此 MIME 类型
告诉我可能是什么问题
专家，有问题。我显示了一个带有 transform: perspective 属性的块，而在 iPhone 上，该块根本不显示。互联网铲了，并没有找到解决方案（我会很高兴任何提示
<div class="sale_15">
<span class="sale_15_text">скидка 15%</span>
</div>
CSS：
.sale_15_text{
font-size: 64px;
font-weight: 900;
color: #fff;
}
.sale_15{
background: #FF4800;
border-radius: 26px;
width: 505px;
height: 103px;
margin-left: auto;
margin-right: auto;
text-align: center;
transform: perspective(278px) rotateY(10deg);
}
底线是我正在做一个标签切换器，最后我需要做这样的事情
我决定用border-bottom.
这是一个例子：
.item_tabs_new {
margin-top: 50px;
margin-bottom: 50px;
}
.r-tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-top: 0px !important;
margin-left: 0px;
border-bottom: 2px solid #EBEBEB;
}
.js-tab {
color: #222;
border-top: 11px solid transparent;
margin: 0px 15px 0px 0px;
padding-left: 0px;
margin-right: 25px !important;
}
.product-tabs__link {
font-weight: 200;
font-size: 18px;
line-height: 22px;
transition: border-top-color .15s,color .15s;
color: #000;
text-decoration: none;
border-top: 11px solid transparent;
}
.js-tab.active {
color: #AD7DB7;
border-bottom: 2px solid #AD7DB7;
} <div class="item_tabs_new">
<ul class="r-tabs-nav">
<li data-tab="item_tab_1" class="js-tab">
<span class="r-tabs-anchor product-tabs__link">Описание</span>
</li>
<li data-tab="item_tab_2" class="js-tab">
<span class="r-tabs-anchor product-tabs__link">Показания к назначению</span>
</li>
<li data-tab="item_tab_3" class="js-tab active">
<span class="r-tabs-anchor product-tabs__link">Интерпретация результата</span>
</li>
</ul>
<div class="tabs_block animate-block">
<div id="item_tab_1" class="tab_blocs">
</div>
</div>
</div>最后事实证明
无论我如何尝试调平它，它都不起作用。告诉我，也许这原本是一个疯狂的想法？
鉴赏家，需要帮助。我正在遍历文件中的数组。元素的输入原则是通过每个逗号标记一个新元素。此外，它被带入具有特定类的 div 中。
$.get("./files/city_list.txt", function(data) {
let doctors = data.split(',');
$.each(doctors, function() {
$('.selectCity__list').append('<div class="selectCity__item">'+this+'</div>');
});
问题是，我们还能用“;”分隔吗？并将它放在另一个具有不同类的 div 中而不破坏序列？我提前为愚蠢的问题道歉，我不擅长js
行家，我需要帮助，我不明白如何，但如果 Bitrix 页面上有组件，则整个页面的内容仅显示给管理员，一切正常。同时，未经授权的用户只显示页眉和页脚。如果组件的输出是从代码中删去的，那么一切都会正常输出（但相应地，没有所需的组件）。请告诉我，可能是什么问题？组件输出：
<?$APPLICATION->IncludeComponent(
"bitrix:news.list",
"index-proiz",
Array(
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"ADD_SECTIONS_CHAIN" => "N",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "N",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "A",
"CHECK_DATES" => "Y",
"COMPONENT_TEMPLATE" => "index-proiz",
"DETAIL_URL" => "",
"DISPLAY_BOTTOM_PAGER" => "N",
"DISPLAY_TOP_PAGER" => "N",
"FIELD_CODE" => array(0=>"NAME",1=>"PREVIEW_PICTURE",2=>"",),
"FILTER_NAME" => "",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"IBLOCK_ID" => "27",
"IBLOCK_TYPE" => "news",
"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
"INCLUDE_SUBSECTIONS" => "Y",
"MESSAGE_404" => "",
"NEWS_COUNT" => "10",
"PAGER_BASE_LINK_ENABLE" => "N",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => ".index-proiz",
"PAGER_TITLE" => "Примеры исполнения лазерной резки",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"PROPERTY_CODE" => array(0=>"",1=>"",),
"SET_BROWSER_TITLE" => "N",
"SET_LAST_MODIFIED" => "N",
"SET_META_DESCRIPTION" => "N",
"SET_META_KEYWORDS" => "N",
"SET_STATUS_404" => "N",
"SET_TITLE" => "N",
"SHOW_404" => "N",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_BY2" => "SORT",
"SORT_ORDER1" => "DESC",
"SORT_ORDER2" => "ASC",
"STRICT_SECTION_CHECK" => "N"
)
);?>
组件模板：
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
use Bitrix\Main\Localization\Loc;
$this->setFrameMode(true);
?>
<script>
$(function(){
$('.another_project .slider').owlCarousel({
loop: true,
margin: 0,
nav: true,
dots: true,
navSpeed: 750,
smartSpeed: 750,
autoplaySpeed: 750,
items: 1,
autoplay: true,
autoplayTimeout: 10000,
responsive : {
700 : {
items: 4
},
300 : {
items: 2,
margin:20
}
}
})
});
</script>
<?if(!empty($arResult["ITEMS"])):?>
<div class="cont lazer_slider_block">
<section class="another_project">
<div class="block_h1"><span></span><h2>Примеры исполнения лазерной резки</h2><span></span></div>
<article class="news owl-carousel slider owl-theme">
<?foreach($arResult["ITEMS"] AS $obItem):?>
<?
$this->AddEditAction($obItem['ID'], $obItem['EDIT_LINK'], CIBlock::GetArrayByID($obItem["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($obItem['ID'], $obItem['DELETE_LINK'], CIBlock::GetArrayByID($obItem["IBLOCK_ID"], "ELEMENT_DELETE"), Array("CONFIRM" => Loc::getMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
?>
<div id="<?=$this->GetEditAreaId($obItem['ID']);?>" class="slide project_itm">
<a>
<div class="article-item">
<div class="article-content_wrapper">
<?if(!empty($obItem["PREVIEW_PICTURE"])):?>
<div class="article-content_img">
<img src="<?=$obItem["PREVIEW_PICTURE"]['MINI']['src'];?>" alt="<?=$obItem["PREVIEW_PICTURE"]['ALT'];?>" />
</div>
<?endif;?>
</div>
</div>
</a>
</div>
<?endforeach;?>
</article>
</section>
</div>
<?endif;?>
鉴赏家！问题是我不明白为什么悬停动画不起作用，似乎我做的一切都是正确的
.vse_templates a {
display: flex;
width: 200px;
color: #222;
}
.vse_templates svg {
transform: rotate(180deg);
margin-right: 10px;
margin-top: 5px;
}
.prev-arrow:hover svg {
animation: bounceleft 0.3s alternate ease infinite;
}<div class="vse_templates next_templates_svg prev-arrow">
<a href="/shop/">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="16" viewBox="0 0 40 16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.3638 6.89841L32.1121 1.45455L33.5153 0L39.1282 5.81818C39.6821 6.39242 39.9725 7.13905 39.9981 7.89062C40.0262 8.71442 39.7363 9.55148 39.1282 10.1818L33.5153 16L32.1121 14.5455L37.5048 8.95545H0V6.89841H37.3638Z" fill="#000"></path>
</svg><span></span>Смотреть все</a>
</div>有一个带有 .glb 3d 模型的文件，是否可以在没有第三方服务的情况下以某种方式将此 3d 带到该站点？遇到了插入代码形成服务的当前支持者。
鉴赏家，需要帮助。我正在设计一个 Yandex 地图，地图上有 iconImage 标记。告诉我，如何为地图设置过滤器，同时标签保持其颜色？这是地图结构： https ://codepen.io/tintursoft/pen/MWQORMN
<div class="yandexMapa" id="yandexMapa_86">
在网站上，当您在地址栏中输入时，例如 site.ru/?abrakadabra 会重定向到主页。任务是让它在这种情况下重定向到 404 错误。试图这样做
RewriteCond %{QUERY_STRING} ^utm_source= [NC]
RewriteRule (.*) $1? [R=301,L]
我真的不明白这个话题，我会很高兴任何提示
鉴赏家，需要帮助。底线是如何在网站上实现一个链接，该链接将从特定类下载图像。假设它在网站上，单击时会下载一个图像，该图像位于类 .class 的 div 中。也许有一些关于这个主题的文章，我会很感激，我在谷歌上没有找到任何东西（（
