Ответы пользователя по тегу HTML
  • Не показывает рекламу гугл внутри страниц сайта?

    @Hanneman
    В комментарий не дает загрузить:
    604dbbca1cb8f916338716.jpeg
    Советую почистить кэш. Попробуйте использовать инкогнито-режим. Можете скачать также Тор-бразуер и проверять им.
    Ответ написан
    1 комментарий
  • Как исправить отображение кириллицы?

    @Hanneman
    В правой части статус бара есть VS Code есть показатель кодировки. Нажмите и смотрите выше - там появится предложение открыть файл заново в нужной кодировке. Когда файл будет выглядеть приемлемо, ещё разок на кодировке, но уже надо будет выбрать "сохранить в кодировке', где желательно указать utf-8.
    После этих манипуляций файл будет сохранен в utf-8, и проблема будет решена.
    Ответ написан
    5 комментариев
  • Как сделать текст другого цвета?

    @Hanneman
    Да здесь элементарно по логике и слову color можно, даже не зная азов, самому догадаться, как сделать.
    Добавьте color:rgb(207, 207, 207) в нужный класс, т.е:
    .editorSheet {
          width: 80vw;
          min-height: 100vw;
          margin-left: 10vw;
          border: solid;
          border-width: 0px;
          text-align: left;
          background-color: rgb(70, 70, 70);
          -webkit-box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
          padding: 15px;
          color:rgb(207, 207, 207)
        }
    Ответ написан
    Комментировать
  • Каким будет html для этого CSS меню?

    @Hanneman
    Любым - исключительно, на ваш вкус.
    UPD:
    1. Советую почитать учебник по HTML/CSS. Очень советую Изучаем HTML, XHTML и CSS для начала. Качайте там PDF по ссылке.
    2. Пример, раз уже так (хоть и тихий ужас):

    Пример HTML-страницы, реализующей ваш CSS-код
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Пример</title>
    </head>
    
    <style>
    .header {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 1920px;
        height: 4776px;
        z-index: 140;
        background-color: coral;
    }
    .About {
        font-size: 15px;
        font-family: "Myriad Pro";
        color: rgba(255, 255, 255, 0.502);
        text-transform: uppercase;
        line-height: 1.8;
        text-align: left;
        position: absolute;
        left: 1361.937px;
        top: 31px;
        z-index: 137;
    }
    .products {
        font-size: 15px;
        font-family: "Myriad Pro";
        color: rgba(255, 255, 255, 0.502);
        text-transform: uppercase;
        line-height: 1.8;
        text-align: left;
        position: absolute;
        left: 1183.937px;
        top: 31px;
        z-index: 136;
    }
    .Home {
        font-size: 15px;
        font-family: "Myriad Pro";
        color: rgba(255, 255, 255, 0.502);
        text-transform: uppercase;
        line-height: 1.8;
        text-align: left;
        position: absolute;
        left: 1020.937px;
        top: 31px;
        z-index: 135;
    }
    .Menu {
        font-size: 15px;
        font-family: "Myriad Pro";
        color: rgba(255, 255, 255, 0.502);
        text-transform: uppercase;
        line-height: 1.8;
        text-align: left;
        position: absolute;
        left: 70.937px;
        top: 31px;
        z-index: 134;
    }
    .en {
        font-size: 15px;
        font-family: "Myriad Pro";
        color: rgba(255, 255, 255, 0.502);
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        position: absolute;
        left: 1856.937px;
        top: 35.5px;
        z-index: 133;
    }
    .Wooder {
        font-size: 36px;
        font-family: "Myriad Pro";
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 1.2;
        text-align: center;
        position: absolute;
        left: 717.844px;
        top: 19.9px;
        z-index: 128;
    }
    </style>
    <body>
    <div class="header">
      <a href="#" class="About">About</a><br>
      <a href="#" class="products">products</a><br>
      <a href="#" class="Home">Home</a><br>
      <a href="#" class="en">en</a><br>
      <a href="#" class="Wooder">Wooder</a><br>
    </div>
    </body>
    </html>
    Ответ написан
  • Как сделать переход на другой html файл по кнопке?

    @Hanneman
    Вариантов несколько. Правильнее было бы через визуальное CSS-оформлении ссылки в виде кнопки (если button используется вне тега form), но в вашем топорном случае решается через JavaScript:
    <button onclick="window.location.href='http://site.ru/information.html';">
       Information
    </button>
    Ответ написан
    Комментировать
  • Почему Opera Mini режет качество фотографий?

    @Hanneman
    Потому что Opera Mini прогоняет весь трафик через свои прокси, которые сжимают на лету изображения для экономии трафика.
    Ответ написан
    2 комментария
  • Как при определенном разрешении масштабировать сайт?

    @Hanneman
    Используйте @media.
    И для каждого экрана будете задавать размеры каждого элемента.
    Пример, чтобы понять, как работает:
    body {
      background-color: tan;
    }
    
    
    @media screen and (max-width: 992px) {
      body {
        background-color: blue;
      }
    }
    
    
    @media screen and (max-width: 600px) {
      body {
        background-color: olive;
      }
    }
    Ответ написан
    Комментировать
  • Как реализовать смс валидацию номера перед регистрацией в форме?

    @Hanneman
    Схема предельно проста:
    1. Заключаете договор с компанией, занимающейся рассылкой СМС, например CMC Аэро
    2. Получаете доступ к их API
    3. При регистрации пользователя генерируете код, например 234567, сохраняете в базе
    4. Отправляете через API СМС пользователю
    5. Пользователь вводит код в форму
    6. Сверяете с тем, что в базе

    Ну вот и всё.
    Ответ написан
    Комментировать
  • Имею несколько HTML страниц, какой css файл подключать?

    @Hanneman
    Оставьте один. Он всё равно кэшируется. Нет никаких проблем иметь все стили в одном файле (у вас же сайт не на 100500 разных страниц по контенту).
    Но никто не запрещает хранить общие стили в одном CSS, но подключать вторые, имеющие отношение к конкретной странице. Либо прописывайте уникальный стиль прямо в теги style на странице.
    Нет четких правил - всё зависит от структуры сайта и принципов оптимизации.
    Ответ написан
    1 комментарий
  • Как создать форму для ссылки?

    @Hanneman
    Вот простейший рабочий пример. Другие поля сами добавите по образу и подобию.
    <body>
        <form action="https://касса.ру/merchant/forms.php" method="GET">
            <input type="text" name="targets" id="targets" value="123">
            <br>
            <input type="text" name="default-sum" id="default-sum" value="55">
            <br>
            <input type="submit">
        </form>
    </body>
    Ответ написан
    Комментировать
  • Как полностью отключить адаптивность на сайте?

    @Hanneman
    Да ради всего святого, уберите все @media-запросы из всех файлов стилей и уберите везде тэги вроде такого:
    <meta name="viewport" content="width=device-width, initial-scale=1">

    Всего делов.
    Ответ написан
    Комментировать