|
Как адаптировать всплывающее меню?Обсуждение темы Как адаптировать всплывающее меню? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Если тема обсуждалась, скиньте ссылку, плиз... У себя на компе вижу нужный вариант меню (выплывающие блоки), а при заливке на сервер все по ... |
|
Опции темы |
08.10.2012, 13:05 | #1 |
|
Если тема обсуждалась, скиньте ссылку, плиз...
У себя на компе вижу нужный вариант меню (выплывающие блоки), а при заливке на сервер все по другому (mini.s-shot.ru.jpg. Походу, надо код где то исправить- помогите. Исходный код: @charset "UTF-8"; /* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /************************************************** ***************************** LAYOUT INFORMATION: describes box model, positioning, z-order ************************************************** *****************************/ /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ ul.MenuBarVertical { font-size: 100%; background-color: #FF0000; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; width: 147px; margin: 1px; padding: 0px; position: relative; text-align: left; background-position: left; list-style-type: square; z-index: auto; line-height: 15px; white-space: nowrap; border: 1px solid #CCCCCC; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are same fixed width as parent */ ul.MenuBarVertical li { list-style-type: square; font-size: 100%; text-align: left; cursor: pointer; width: 147px; background-color: #FFFFFF; z-index: 1005; position: relative; border-bottom:1px solid #CCCCCC; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarVertical ul { padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1005; cursor: default; width: 151px; left: -1000em; top: 0; margin-top: -5%; margin-right: 0; margin-bottom: 0; margin-left: 95%; visibility: inherit; background-color: #FFFFFF; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 10px; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li { width: 147px; } /************************************************** ***************************** DESIGN INFORMATION: describes color scheme, borders, fonts ************************************************** *****************************/ /* Outermost menu container has borders on all sides */ ul.MenuBarVertical { background-color: #CCCCCC; color: #FFFFFF ?); border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-repeat: repeat; color: #CCCCCC; white-space: nowrap; text-align: left; position: absolute; z-index: 1005; left: 1px; visibility: inherit; background-attachment: fixed; display: block; } /* Submenu containers have borders on all sides */ ul.MenuBarVertical ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarVertical a { display: block; cursor: pointer; background-color: #FFF; padding: 0.5em 0.75em; color: #333; text-decoration: none; font-size: 13px; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { background-color: #33C; color: #CCCCCC; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #CCCCCC; color: #333; } /************************************************** ***************************** SUBMENU INDICATION: styles if there is a submenu under a given menu item ************************************************** *****************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /************************************************** ***************************** BROWSER HACKS: the hacks below should not be changed unless you are an expert ************************************************** *****************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarVertical iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: #CCCCCC; } } Спасибо |
|
08.10.2012, 14:59 | #2 |
|
еще бы адрес сайта. ибо не найдя :hover остается предположить, что меню javascript, который вы не подключили
|
|
08.10.2012, 15:09 | #3 |
|
http://amallin.ru/stolzakazov.html
|
|
08.10.2012, 15:10 | #4 |
|
<script src="../../SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="../../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css"> где-то потеряли |
|
08.10.2012, 15:14 | #5 |
|
Благодарю, а где это прописать?
|
|
08.10.2012, 15:16 | #6 |
|
|
|
08.10.2012, 15:45 | #7 |
|
Нашел. Залил. И ничего не изменилось.
|
|
08.10.2012, 16:05 | #8 |
|
Куда залил? http://amallin.ru/SpryAssets/SpryEffects.js , к примеру, не наблюдаю
остальных тоже |
|
08.10.2012, 16:10 | #9 |
|
Файлы нашел в папке у себя на компе, где сайт делаю, а загрузил их на сервер, как обычные файлы.
Похоже, че то не так сделал? |
|
08.10.2012, 16:14 | #10 |
|
ну естественно. у вас прописаны пути. я уже 2 раза вам показал, где должны лежать файлы. либо в шаблоне исправьте пути на те, которые сейчас есть.
Сейчас они лежат у вас в корне сайта http://amallin.ru/SpryEffects.js http://amallin.ru/SpryMenuBar.js http://amallin.ru/SpryMenuBarVertical.css а в шаблоне прописано вот что http://amallin.ru/SpryAssets/SpryEffects.js http://amallin.ru/SpryAssets/SpryMenuBar.js http://amallin.ru/SpryAssets/SpryMenuBarVertical.css чувствуете разницу? Вот что получится, если прописать правильные пути Последний раз редактировалось vladendark; 08.10.2012 в 16:18.. |
|
Этот пользователь сказал спасибо vladendark за это полезное сообщение: | Viktors (08.10.2012) |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Доска объявлений - какой движок лучше адаптировать? | Lufau | ASP, Perl, PHP и MySQL | 0 | 04.11.2010 12:52 |
Всплывающее окошко | mut480 | Кальянная | 5 | 14.04.2010 22:22 |
Автоматическое всплывающее окно | battrack | HTML, CSS, JavaScript | 2 | 29.12.2009 20:38 |
Помогите адаптировать дизайн | Anutik | HTML, CSS, JavaScript | 5 | 19.12.2008 11:11 |
Всплывающее окошко | Anonim | HTML, CSS, JavaScript | 9 | 26.01.2005 02:01 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|