AddType application/x-httpd-php .html
<a class="a" href="/AUTH-2/Log_In">Войти</a>
<a class="a" href="/AUTH-2/Sign_In">Регистрация</a>
<a class="a" href="/AUTH-2/Sign_Out">Выйти</a>
body {
background: url(https://html5book.ru/wp-content/uploads/2015/10/background54.png)
}
footer {
background: #AAAAAA;
}
.a {
text-decoration: none;
outline: none;
display: inline-block;
margin: 10px;
color: white;
box-shadow: 0 0 0 2px white;
padding: 20px 0;
width: 150px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
overflow: hidden;
}
.a span {
font-family: 'Montserrat', sans-serif;
position: relative;
z-index: 5;
}
.a:before, .a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.a:before {
transform: translateX(-100%);
background: white;
transition: transform .3s cubic-bezier(.55, .055, .675, .19);
}
.a:after {
background: #413ad5;
transform: translateX(100%);
transition: transform .3s cubic-bezier(.16, .73, .58, .62) .3s;
}
.a:hover:before, .a:hover:after {
transform: translateX(0);
}
<a class="a" href="/AUTH-2/Log_In"><span>Войти</span></a>
<a class="a" href="/AUTH-2/Sign_In"><span>Регистрация</span></a>
<a class="a" href="/AUTH-2/Sign_Out"><span>Выйти</span></a>
.class {height: 100vh;}
.class {height: calc(100vh - 60px);}
var device = navigator.userAgent.toLowerCase();
var apple = device.match(/iphone|ipad|ipod/);
if (apple) {
$( "head" ).append( '<link type="text/css" rel="stylesheet" href="apple.css">' );
// Или если нужен только один класс без файла
$( "head" ).append( '<style>.class {height: calc(100vh - 60px);}</style>' );
}
<html lang="">
<head>
<base href="//example.ru/"> //слеш в конце важен
...
<link type="text/css" rel="stylesheet" href="css/styles.css">
$_SERVER['DOCUMENT_ROOT']
, но могут быть проблемы, если у вас сайт на локальном сервере лежит не в корне, а в папке проекта, а можно, как вариант, добавить в начале всех страниц переменную, что б править только в одном месте. Например, вставки лежат в корне в папке inc и у нас есть страница на несколько уровней глубже. Скажем estheticlive.ru/price/deeper<?php $inc_path = '../../inc/'; ?>
<!DOCTYPE HTML>
<html lang="ru">
<head>
<base href="//estheticlive.ru/">
<?php include $inc_path . 'head.php';?>
</head>
<body>
<?php include $inc_path . 'footer.php';?>
</body>
</html>
i
на классах — значит точно в css. Посмотрите какие ещё файлы стилей подключены. Если какие-то большие файлы, можно поиском внутри файла по имени класса попробовать. А вообще, самое простое — открыть веб-инспектор/дев-тулс браузера на этих иконках и просто посмотреть откуда страница их берёт. background-attachment: fixed;
.base
определяет пути для атрибутов href
и src
на самой странице. К вашему файлу css в частности. А вот внутри самого файла пути определяются уже относительно корня сайта (вариант 1) или его самого (вариант 2). Короче говоря, для первого варианта надо было бы указывать что-то вроде /sites/EtotSite/temlates/protostar/images/background.png, а для второго — класть папку images в папку css.url(../images/background.png)