Здравствуйте. Решила воспользоваться выпадающим меню, которое появляется при наведении курсора. Проблема такая: фон самого выпадающего меню остается того цвета, которого и был, а весь текстовый материал на странице съехал в сторону. Нужно пять контейнеров размером 130х50
Пока что удалила контейнеры.
Цвет границы: #ffffff
Цвет фона: #17293d
Непрозрачность: 100%
Помогите, пожалуйста.
Заранее спасибо.
Выпадающее меню.
Страница: 1
Сообщений 1 страница 16 из 16
Поделиться12011-06-26 16:44:37
Поделиться22011-06-26 17:27:30
Vаlькiriя
можете предоставить код меню, что использовали?
Поделиться32011-06-26 17:32:54
Какого именно. Весь? Илли только который в объявления?
Поделиться42011-06-26 17:34:59
Vаlькiriя
весь код выпадающего меню)
Поделиться52011-06-26 17:40:18
Код:
<style>
div.splLink {width: 130px; height: 40px; border: 2px solid #ffffff; background: #17293d; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div.splCont {height: auto; width: 300px; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>Это который в верх.
Код:
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').parent().hover(function(){
$(this).children('div.splCont').toggle('normal');
},
function(){
$(this).children('div.splCont').toggle('normal');
});
});
</script>Это который в низ
Код:
<center> <table style="width: 100%"> <tr> <td> <div class="spll"> <div class="splLink">Первый контейнер</div> <div style="DISPLAY: none; position: absolute;" class="splCont" > ... </div> </div> </td> <td> <div class="spll"> <div class="splLink">Второй контейнер</div> <div style="DISPLAY: none; position: absolute;" class="splCont" > ... </div> </div> </td> <td> <div class="spll"> <div class="splLink">Третий контейнер</div> <div style="DISPLAY: none; position: absolute;" class="splCont" > ... </div> </div> </td> <td> <div class="spll"> <div class="splLink">Четвертый контейнер</div> <div style="DISPLAY: none; position: absolute;" class="splCont" > ... </div> </div> </td> </tr> </table> </center>
Это в объявления.
Поделиться62011-06-26 17:54:24
Vаlькiriя
то, что было в HTML-вверх
заменяете на это
Код:
<style>
div.splLink {width: 130px; height: 50px; border: 2px solid #ffffff; background: #17293d; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 50px; }
.spll div.splCont {height: auto; width: 130px; background: url(http://www.pictureshack.ru/images/306212.png); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #ffffff; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>высота меню, гденаходиться текстовая информация, будет изменяться от наполнения данных)
Поделиться72011-06-26 18:01:12
http://magicheskiemiri.rolka.su/
Посмотри. Немного съехало...
Поделиться82011-06-26 18:02:16
Высоту надо поменьше наверное сделать...
Поделиться92011-06-26 18:06:18
Vаlькiriя
может в рядок все 5 контейнеров сделать?
Реклама смотрится не "ахти" где-то сбоку
Поделиться102011-06-26 18:08:20
Всё, я поняла в чем дело) Знаю, он съехал. Шас заново вставлю. Спасибо =) + за помощь =)
Поделиться112011-06-26 18:12:12
Теперь вроде неплохо вышло =)
Поделиться122011-06-26 18:19:20
Блин, еще кое-что вспомнила, но уже не по теме. Как заменить цвет текста на странице? Когда делала, все сделала черным и теперь жалею. Уже забыла, где это надо вставлять...
Поделиться132011-06-27 13:09:56
Vаlькiriя
Поставьте во второе Окно стиля:
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
color:#CEC9D8;
text-shadow:#171717 1px 1px 2px;
}
А в ccылках мож сменить цвета ? (ищите там же, во втором Окне, и подбирайте то, что Выделено Красным
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #FFFFBE;
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #FFFFBE;
}/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #A076FF;
}
Отредактировано Deff (2011-06-27 13:22:19)
Поделиться142011-06-28 11:21:43
Deff
Это насчет чего?
У меня там проблем с границами, они съехали. Не знаю, что делать. Это поможет?
Поделиться152011-06-28 11:59:29
- Форумчанин
- Зарегистрирован: 2010-06-23
- Приглашений: 0
- Сообщений: 39
- Уважение: +9
- Позитив: +4
- Пол: Женский
- Возраст: 33 [1991-09-26]
- Провел на форуме:
2 дня 2 часа - Последний визит:
2012-04-20 17:31:45
Vаlькiriя написал(а):
Как заменить цвет текста на странице? Когда делала, все сделала черным и теперь жалею. Уже забыла, где это надо вставлять...
Если работаете с функцией свой стиль, то:
Почитайте этот пост там все расписано.
Говоря короче, это нужно будет менять все
color: #цвет
в своем стиле в цветах в этой графе:
/* CS1 Background and text colours
-------------------------------------------------------------*/
Она самая первая, промахнуться трудно.
Хотя, упс, кажется это уже отвечено. Х.Х
Отредактировано Atlun (2011-06-28 12:04:39)
Поделиться162011-08-03 18:47:33
- Новичок
- Зарегистрирован: 2011-07-28
- Приглашений: 0
- Сообщений: 14
- Уважение: +1
- Позитив: +1
- Провел на форуме:
19 часов 30 минут - Последний визит:
2014-07-14 19:43:43
Эм, а как вместо прозрачного фона сделать картинку?
Страница: 1
Похожие темы
| Выпадающее меню для форума | Галерея скриптов | 2012-09-13 |
| Выпадающее меню | Корзина | 2012-04-24 |
| проблема с выпадающим меню | Архив тем | 2010-12-23 |
| Выпадающее меню навигации, помогите!!!! | Вопросы по скриптам | 2011-04-01 |
| Выпадающее меню | Архив тем | 2009-11-20 |