О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Как сделать прозрачный фон меню?
Как сделать прозрачный фон меню?
andvit Дата: Четверг, 23.10.2014, 10:31 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 7
Город: Вельск
Репутация: 0
Статус: Offline
Здравствуйте!
Подскажите чайнику, как в меню изменить стиль, т.е. сделать фон прозрачным и т.п.

Скрипт:
Код
<style type="text/css">a.diz-a_menu-main, a.diz-a_menu-main:visited {display:block; padding:3px 5px 3px 5px; background:#FAFAFA; border-top:1px solid #fff; border-bottom:1px solid #E8E8E8; color:#333333; font-weight:bold; text-shadow:0px 1px 0px #fff;}  
  a.diz-a_menu-main:hover, a.diz-a_menu-main:active {color:#696969; background:#F0F0F0;}  
  .diz-a_menu-box {-moz-box-shadow:0px 0px 3px #aaaaaa inset; -webkit-box-shadow:0px 0px 3px #aaaaaa inset; box-shadow:0px 0px 3px #aaaaaa inset;}
</style>
<p><strong><font color="#333333"><a href="http://dsluchik.ucoz.ru/index/informacionnaja_spravka/0-67"><img alt="" src="/images/2.png" style="width: 16px; height: 16px; float: left;" /><span style="font-size:16px;">Основные сведения о МБДОУ д/с "Лучик"</span></a></font></strong> <!-- menumx5 -->  
<a class="diz-a_menu-main" href="javascript://" onclick="$('#menumx5').slideToggle('slow');"> <strong><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="line-height: 20.7999992370605px;"><img alt="" border="0" height="18" src="http://s107.ucoz.net/img/fr/enc.gif" title="Вложить" width="18" /></span></span></span></strong><strong><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Структура и органы управления МБДОУ д/с "Лучик"</span></span></strong> </a></p>

<div id="menumx5" style="display: none; padding-left: 12px;"><a class="diz-a_menu-main" href="http://dsluchik.ucoz.ru/index/str_uchr/0-6"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Структура управления МБДОУ д/с "Лучик"</a> <a class="diz-a_menu-main" href="http://dsluchik.ucoz.ru/index/polozhenija_o_strukturnykh_podrazdelenijakh/0-77"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Структурные подразделения ДОУ</a> <a class="diz-a_menu-main" href="http://dsluchik.ucoz.ru/index/obshhestvennoe_upravlenie/0-114"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Общественное управление</a> <a class="diz-a_menu-main" href="http://scripts-for-ucoz.ru/load/css_stili_dlja_ucoz/17"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Графика</a> <a class="diz-a_menu-main" href="http://scripts-for-ucoz.ru/"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> ОС и сборки</a> <a class="diz-a_menu-main" href="http://scripts-for-ucoz.ru/"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Офис</a> <a class="diz-a_menu-main" href="http://scripts-for-ucoz.ru/"><img align="absmiddle" src="http://diz-a.ru/menu/category.png" width="16" /> Драйвера</a></div>
<!-- /menumx5 --><!-- menumx3 -->


Хотелось чтобы стиль везде как в данной строке:
Код
<p><strong><font color="#333333"><a href="http://dsluchik.ucoz.ru/index/informacionnaja_spravka/0-67"><img alt="" src="/images/2.png" style="width: 16px; height: 16px; float: left;" /><span style="font-size:16px;">Основные сведения о МБДОУ д/с "Лучик"</span></a></font></strong> <!-- menumx5 -->


Заранее извиняюсь, ну просто впервые столкнулся с редактированием сайтов.
Nicki-Jones Дата: Четверг, 23.10.2014, 10:53 | Сообщение # 2
Выпускной класс
Группа: Проверенные
Сообщений: 102
Город: Магнитогорск
Репутация: 0
Статус: Offline
Если я верно все понимаю, то:
background:#FAFAFA - цвет фона, его можешь заменить на свой или переделать под ссылку на картинку фона.
background:#F0F0F0 - цвет фона меню, та же история как и выше.

Собственно меняешь данные в этих местах на свои, и все.




Не пускайте детей в интернет, интернет от детей тупеет...
andvit Дата: Четверг, 23.10.2014, 12:20 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 7
Город: Вельск
Репутация: 0
Статус: Offline
Цитата Nicki-Jones ()
Если я верно все понимаю, то: background:#FAFAFA - цвет фона, его можешь заменить на свой или переделать под ссылку на картинку фона. background:#F0F0F0 - цвет фона меню, та же история как и выше. Собственно меняешь данные в этих местах на свои, и все.

Спасибо большое, получилось!
Nicki-Jones Дата: Четверг, 23.10.2014, 14:30 | Сообщение # 4
Выпускной класс
Группа: Проверенные
Сообщений: 102
Город: Магнитогорск
Репутация: 0
Статус: Offline
Цитата andvit ()
Спасибо большое, получилось!

пожалуйста)




Не пускайте детей в интернет, интернет от детей тупеет...
Форум » Создание сайта » Ucoz » Как сделать прозрачный фон меню?
Страница 1 из 11
Поиск:
Как сделать прозрачный фон меню? - Создание сайта - Ucoz - Форум как сделать на смартфоне прозрачное меню, как на cm 12.1 сделать меню прозрачным, как сделатт прозрачное меню андроид, как сделать прозрачное меню на андроиде, как сделать фон меню на андроид прозрачным
Сегодня были на форуме:

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск