0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 305 Просмотров
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Настройка прозрачности
« : 12.04.2020, 15:34:02 »
Добрый день. Сайт http://fokraduga.nikzai.beget.tech/index.php
У меня два вопроса по шаблону helix 3.
1) как сделать полупрозрачный фон вертикальных меню (выпадающих). горизонтальное я сделал через раздел custome code
#sp-header.menu-fixed{background-color:rgba(32,277,188,0.5);}
2) как сделать полупрозрачный фон body, куда выводится материал, чтобы было видно основной фон сайта.

желательно через CSS custom.

спасибо огромное
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Настройка прозрачности
« Ответ #2 : 12.04.2020, 16:08:23 »
проверил. изменений никаких. что может быть?
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
Re: Настройка прозрачности
« Ответ #3 : 12.04.2020, 16:14:13 »
а как проверили-то?
у вас страница custom.css не подгружает, а в инлайновых стилях тоже нет этого кода.
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Настройка прозрачности
« Ответ #4 : 12.04.2020, 16:19:48 »
Я использую шаблон helix 3. Есть два варианта подгрузки кода. При помощи файла и  при помощи поля CUSTOM CSS в самом шаблоне. Я всегда его использовал для небольших изменений в коде. Вот что в нем есть.
#offcanvas-toggler> i {color:red}
#sp-header.menu-fixed {background-color:rgba(32,277,188,0.5);}
#sp-main-body {background:rgba(32,277,188,0.5);}
.sp-megamenu-parent.sp-dropdown.sp-dropdown-inner {background: rgba(32,227,188,0.5);}
.sp-megamenu-parent {float:left;}
.offcanvas-menu{background-color:red; color:green;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background:#20e3bc; padding:15px;}

Я проверил. в коде страницы есть изменения.(
« Последнее редактирование: 12.04.2020, 16:28:57 от nikzai »
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
Re: Настройка прозрачности
« Ответ #6 : 12.04.2020, 16:38:41 »
по крайней мере в коде страницы у вас они без пробелов, поэтому не работает. добейтесь, чтобы было так
Код
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Настройка прозрачности
« Ответ #7 : 12.04.2020, 16:42:57 »
Да .. есть такой мой косяк. Исправил.. Почему то правда цвета не совпадают буду подбирать))
Подскажите еще про основное тело программы хотелось бы тоже сделать чуть прозрачным фон.
А так спасибо огромное..
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
Re: Настройка прозрачности
« Ответ #8 : 12.04.2020, 16:57:23 »
цвета не совпадают, потому что у шапки по дефолту другой цвет, который я и взял за основу.
при скролле цвет меняется на rgba(32,277,188,0.5), можете его поставить.
но вообще, читаемости прозрачность не добавляет меню ни разу - сейчас даже основное плохо читается, не то что выпадающее.
хотбя уменьшите степень прозрачности, что ли.

про основной фон - он у вас пререкрывается другими блоками, так что по факту нужно или главному контейнеру ставить полупрозрачность и отключать фон блоков выше, либо наоборот - отключить фон у главного контейнера, а блоку контента наоборот назначить полупрозрачность
Код
#sp-main-body {
    background-color: rgba(255,255,255,.8);
}

откройте инспектор и поочередно у родителей этого блока отрубайте цвета фона, потом пропишите для них правила.

а лучше сосредоточьтесь на цветовом и шрифтовом единообразии - у вас классический "мой первый сайт - кто в лес, кто по дрова"
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Настройка прозрачности
« Ответ #9 : 12.04.2020, 17:04:34 »
Да. .уже поправил цвета и прозрачность снизил. Так вроде получше стало. Единственное не пойму, при работе с вертикальным меню появляется область фона светло синяя .. где ее убрать ума не приложу. Подскажите тут?

Сайт для диплома.. Потом после защиты будем разбираться с шрифтами. Что скажет заказчик. Везде старался robotic  ставить.. Насмотрелся Куртеева на ютубе.
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
Re: Настройка прозрачности
« Ответ #10 : 12.04.2020, 17:07:59 »
ну поищите видос по работе с инспектором стилей, на тему "стиль при наведении"
Код
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #22b8f0;
}
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Настройка прозрачности
« Ответ #11 : 12.04.2020, 17:12:08 »
Да нашел. Теперь есть чем заняться))) Спасибо огромное за поддержку.
*

nikzai

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Поисковая строка
« Ответ #12 : 12.04.2020, 18:52:07 »
Еще раз добрый вечер.. Я уж заодно спросить пока мы с вам не забыли друг друга.. У меня есть поисковая строка. Настроена с выводом кнопки. НО кнопки нет. что может быть? уже по всякому испробовал..
*

effrit

  • Легенда
  • 9803
  • 1080 / 13
  • effrit.com
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Настройка письма о регистрации нового пользователя

Автор PINE

Ответов: 20
Просмотров: 672
Последний ответ 20.07.2020, 11:54:54
от PINE
Настройка доступа к пункту меню

Автор Pashahome

Ответов: 1
Просмотров: 194
Последний ответ 03.07.2020, 04:09:50
от Cedars
Настройка VDS поддерживающего http/2 push

Автор Loh

Ответов: 5
Просмотров: 224
Последний ответ 03.05.2020, 17:27:53
от Loh
Настройка плагина Attachments

Автор ZerGO

Ответов: 0
Просмотров: 85
Последний ответ 01.05.2020, 13:32:38
от ZerGO
Настройка Joomla 3 на nginx+PHP-fpm

Автор akondr

Ответов: 12
Просмотров: 431
Последний ответ 24.02.2020, 13:34:01
от Akeksandr