X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Меню с вкладками
DIVIZO
DIVIZO
Topic Starter сообщение 26.7.2009, 18:09; Ответить: DIVIZO
Сообщение #1


Нужно сделать меню с вкладками. Сам в яваскрипте не разбираюсь совсем. вкладки нарисованны а как сделать смену контента под ними не знаю. Сделал смену классов у вкладок по наведению мыши, а как еще вставить вывод нужного контента? Буду очеь признателен за помощь.[IMG]http://www.html.by/attachment.php?attachmentid=895&stc=1&d=1248617396[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DIVIZO
DIVIZO
Topic Starter сообщение 26.7.2009, 18:11; Ответить: DIVIZO
Сообщение #2


Код:
---------------------------
<div id="footer">

<div class="footerWrap">
<div class="btmNav">

<div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkWhite'">
<a href="#" >Семинары</a></div>
<div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkWhite'">
<a href="#">Видеокурсы</a></div>
<div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkWhite'">
<a href="#">Деловые игры</a></div>
<div class="bookmarkSpase"></div>
<div class="bookmarkPoint" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkPoint'">
<a href="#">Видео</a></div>
<div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkWhite'">
<a href="#">Книги</a></div>
<div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'"
onMouseOut="this.className='bookmarkWhite'">
<a href="#">Заказы</a></div>
</div><!--end btmNav-->
<div class="directory">
<table class="footTextBlok" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h3><a href="#">Акционеры и совет директоров</a></h3></td>
<td><h3><a href="#">Акционеры и совет директоров</a></h3></td>
<td><h3><a href="#">Акционеры и совет директоров</a></h3></td>
<td><h3><a href="#">Акционеры и совет директоров</a></h3></td>
<td><h3><a href="#">Акционеры и совет директоров</a></h3></td>
</tr>
<tr class="footText">
<td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую-
щих в управлении компанией.</td>
<td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую-
щих в управлении компанией. Основное направление повышение эффективности достижения поставленных целей.</td>
<td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую-
щих в управлении компанией. Основное направление повышение эффективности.</td>
<td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую-
щих в управлении компанией. Основное направление повышение эффективности достижения поставленных целей.</td>
<td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую-
щих в управлении компанией.</td>
</tr>
<tr>
<td><a href="#">Подробней</a></td>
<td><a href="#">Подробней</a></td>
<td><a href="#">Подробней</a></td>
<td><a href="#">Подробней</a></td>
<td><a href="#">Подробней</a></td>
</tr>
</table>


СSS:
-------------------------------
#footer{
clear:left; width:100%; background:url(../images/footerBg.jpg) repeat-x;
}
.footerWrap{
width:1000px; margin:0 auto;
}
.btmNav{
height:44px; position:relative; top:7px;
}
.bookmarkActiv{
float:left; background:url(../images/1.jpg) no-repeat; width:116px; height:37px;
}
.bookmarkActiv a{
margin:13px 0 0 15px; color:#FFF; font-size:14px; display:block;
}
.bookmarkWhite{
float:left; background:url(../images/2.jpg) no-repeat; width:116px; height:37px;
}
.bookmarkWhite a{
margin:13px 0 0 10px; color:#333; font-size:14px; display:block;
}
.bookmarkSpase{
float:left; background: url(../images/bookmarkSpase.gif) no-repeat; width:259px; height:42px; position:relative; top:-8px; margin-left:26px;
}
.bookmarkPoint{
float:left; background: url(../images/bookmarkPoint.jpg) no-repeat; width:125px; height:44px; position:relative; top:-7px;
}
.bookmarkPoint a{
margin:20px 0 0 25px; color:#333; font-size:14px; display:block;
}
.directory{
clear:both; height:150px; background-color:#636468; color:#ccc;
}

Впредь советую все большие коды указывать в соответствующих тегах.
Licoric
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zver0555
zver0555
сообщение 27.2.2010, 3:22; Ответить: zver0555
Сообщение #3


Слушайте я чтот тут не понял можно по подробней как это сделать???

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:47
Дизайн