Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Схожу с ума стили css offline.tpl

Тема в разделе "Вопросы- ответы", создана пользователем Media Maniac, 2 апр 2019.

02.04.19 в 16:27
02.04.19 в 16:58
9
468
0
  1. TopicStarter Overlay
    Media Maniac

    Media Maniac Бывалый

    Регистрация:
    1 июл 2016
    Сообщения:
    139
    Лучших ответов:
    0
    Рейтинги:
    +20 / 2 / -0
    Уже все перепробовал стили не становятся

    Код css



    Код offline.tpl

     

    Вложения:

    #1 Media Maniac, 2 апр 2019
    Последнее редактирование: 2 апр 2019
  2. hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    в файле offline.tpl добавь
    <link href="{THEME}/css/*css*" type="text/css" rel="stylesheet">
    упд=а,у тебя они стоят уже
    упд2=скорее всего из-за кодировки
     
  3. TopicStarter Overlay
    Media Maniac

    Media Maniac Бывалый

    Регистрация:
    1 июл 2016
    Сообщения:
    139
    Лучших ответов:
    0
    Рейтинги:
    +20 / 2 / -0
    [​IMG]

    Должна быть такая хрень
     
  4. TopicStarter Overlay
    Media Maniac

    Media Maniac Бывалый

    Регистрация:
    1 июл 2016
    Сообщения:
    139
    Лучших ответов:
    0
    Рейтинги:
    +20 / 2 / -0
    спасибо, UTF-8 стоит или ты про что?)
     
  5. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    Media Maniac используй ббкоды КОД СПОЙЛЕР (для больших картинок)! Сообщения выше отредактируй!
     
    • Нравится Нравится x 1
  6. hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    держи

    Код:
    body {
      background-color: #f45b69;
      font-family: "Asap", sans-serif;
    }
    
    .login {
      overflow: hidden;
      background-color: white;
      padding: 40px 30px 30px 30px;
      border-radius: 10px;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 400px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
      -moz-transition: -moz-transform 300ms, box-shadow 300ms;
      transition: transform 300ms, box-shadow 300ms;
      box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2);
    }
    .login::before, .login::after {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      border-top-left-radius: 40%;
      border-top-right-radius: 45%;
      border-bottom-left-radius: 35%;
      border-bottom-right-radius: 40%;
      z-index: -1;
    }
    .login::before {
      left: 40%;
      bottom: -130%;
      background-color: rgba(69, 105, 144, 0.15);
      -webkit-animation: wawes 6s infinite linear;
      -moz-animation: wawes 6s infinite linear;
      animation: wawes 6s infinite linear;
    }
    .login::after {
      left: 35%;
      bottom: -125%;
      background-color: rgba(2, 128, 144, 0.2);
      -webkit-animation: wawes 7s infinite;
      -moz-animation: wawes 7s infinite;
      animation: wawes 7s infinite;
    }
    .login > input {
      font-family: "Asap", sans-serif;
      display: block;
      border-radius: 5px;
      font-size: 16px;
      background: white;
      width: 100%;
      border: 0;
      padding: 10px 10px;
      margin: 15px -10px;
    }
    .login > button {
      font-family: "Asap", sans-serif;
      cursor: pointer;
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      width: 80px;
      border: 0;
      padding: 10px 0;
      margin-top: 10px;
      margin-left: -5px;
      border-radius: 5px;
      background-color: #f45b69;
      -webkit-transition: background-color 300ms;
      -moz-transition: background-color 300ms;
      transition: background-color 300ms;
    }
    .login > button:hover {
      background-color: #f24353;
    }
    
    @-webkit-keyframes wawes {
      from {
        -webkit-transform: rotate(0);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    @-moz-keyframes wawes {
      from {
        -moz-transform: rotate(0);
      }
      to {
        -moz-transform: rotate(360deg);
      }
    }
    @keyframes wawes {
      from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    a {
      text-decoration: none;
      color: rgba(255, 255, 255, 0.6);
      position: absolute;
      right: 10px;
      bottom: 10px;
      font-size: 12px;
    }
    
    Screenshot_1.png
     
  7. TopicStarter Overlay
    Media Maniac

    Media Maniac Бывалый

    Регистрация:
    1 июл 2016
    Сообщения:
    139
    Лучших ответов:
    0
    Рейтинги:
    +20 / 2 / -0
    огромнейшее спасибо!!

    е
     
  8. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    hent4iboys это должен делать ТС, иначе получается в его постах - я читаю лендинг для слепых:
    2019-04-02_20-51-05.png

    полностью картинка даже во всю высоту монитора не влезла:
    2019-04-02_20-52-40.png
     
    • Нравится Нравится x 1
  9. hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
  10. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    чтобы потом ТС и дальше такие посты делал и ему ставили спойлеры и тего кодов для длинных тегов? Пусть смотрит в сторону тегов ббкодов и использует их, иначе тему удаляю пока не будет оформлена понятна для чтения!!! Media Maniac исправляй свои сообщения длиной в бесконечность, как оформляется - выше дали пример, иначе тему удалю в мусорку :rolleyes:
     
    • Нравится Нравится x 2
Яндекс.Метрика