блоки как на мегасофте, меню как на мегасофте,www.1x.do.am сворачивание как на мегасофте, вид материалов как на мегасофте www.1x.do.am
Так вот здесь:вид материалов,меню,блоки(сворачиваемые и нет www.1x.do.am)
1 этап. вид материалов.
css:
Code
table.modern_block_top
{width: 100%;border: 0px;background:
url('http://megasoft.3dn.ru/images/modern_block_header_bg.gif') left
top repeat-x;margin: 2px 0px 0px 0px;}
table.modern_block_alt_top
{width: 100%;border: 0px;background:
url('http://megasoft.3dn.ru/images/modern_block_header_bg.gif') left
top repeat-x;margin: 2px 0px 0px 0px;}
table.modern_block {width:
100%;border: 0px;background: #ffffff
url('http://megasoft.3dn.ru/images/modern_block_bg.gif') left bottom
repeat-x;margin: 0px 0px 2px 0px;}
table.modern_block_closed
{width: 100%;border: 0px;background:
url('http://megasoft.3dn.ru/images/modern_block_header_bg.gif') left
top repeat-x;margin: 2px 0px 2px 0px;}
td.modern_block_top_left
{width: 6px;background:
url('http://megasoft.3dn.ru/images/modern_block_top.gif') left top
no-repeat;font-size: 1px;line-height: 1px;}
td.modern_block_top
{height: 29px;background:
url('http://megasoft.3dn.ru/images/modern_news_top.gif') left top
repeat-x;font-family: tahoma, verdana, arial;font-size:
11px;line-height: 12px;font-weight: bold;letter-spacing:
0.5px;vertical-align: middle;color: #364683;cursor: default;text-align:
center;padding-right: 10px;}
td.modern_block_show_hide
{background: url('http://megasoft.3dn.ru/images/modern_news_top.gif')
left top repeat-x;font-size: 1px;vertical-align: middle;padding:
0px;width: 12px;}
td.modern_block_top_right {width:
8px;background:
url('http://megasoft.3dn.ru/images/modern_block_top.gif') right top
no-repeat;font-size: 1px;line-height: 1px;}
td.modern_block_left
{width: 6px;background:
url('http://megasoft.3dn.ru/images/modern_block_left.gif') left top
repeat-y;font-size: 1px;line-height: 1px;}
td.modern_block_right
{width: 8px;background:
url('http://megasoft.3dn.ru/images/modern_block_right.gif') right top
repeat-y;font-size: 1px;line-height: 1px;}
td.modern_block_bottom_left {height: 5px;width: 6px;background:
url('http://megasoft.3dn.ru/images/modern_block_bottom.gif') left
bottom no-repeat;font-size: 1px;line-height: 1px;}
td.modern_block_bottom {height: 5px;background:
url('http://megasoft.3dn.ru/images/modern_news_bottom.gif') left bottom
repeat-x;font-size: 1px;line-height: 1px;}
td.modern_block_bottom_right {height: 5px;width: 8px;background:
url('http://megasoft.3dn.ru/images/modern_block_bottom.gif') right
bottom no-repeat;font-size: 1px;line-height: 1px;}
td.modern_news_top {background:
url('http://megasoft.3dn.ru/images/modern_news_top.gif') left top
repeat-x;height: 29px;font-family: tahoma, arial, verdana;font-size:
11px;line-height: 12px;font-weight: bold;letter-spacing:
1px;vertical-align: middle;color: #364683;cursor: default;padding: 0px
4px 4px 0px;}
td.modern_news_main {border: 0px;margin:
0px;padding: 4px 14px 6px 14px;font-family: tahoma, verdana,
arial;font-size: 11px;line-height: 14px;text-align: justify;}
#modern_news_category,td.modern_news_category {padding: 2px 0px 2px
14px;border: 0px;margin: 0px;font-family: tahoma, verdana,
arial;font-size: 11px;color: #364683;line-height: 12px;vertical-align:
middle; width: 100%;}
#modern_news_category
a:link,#modern_news_category a:active,#modern_news_category a:visited
{color: #3e73b9;font-family: verdana, tahoma, arial;text-decoration:
none;border: 0px;}
#modern_news_category a:hover {color:
#3e73b9;font-family: verdana, tahoma, arial;text-decoration:
none;border-bottom: 1px dashed #3e73b9;}
td.modern_block_closed_top_left {width: 6px;background:
url('http://megasoft.3dn.ru/images/modern_block_closed.gif') left top
no-repeat;font-size: 1px;}
td.modern_block_closed_top {height:
29px;background:
url('http://megasoft.3dn.ru/images/modern_block_closed_bg.gif') left
top repeat-x;font-family: tahoma, verdana, arial;font-size:
11px;line-height: 12px;font-weight: bold;letter-spacing:
0.5px;vertical-align: middle;color: #364683;cursor: default;text-align:
center;padding-right: 10px;}
td.modern_block_closed_show_hide
{background:
url('http://megasoft.3dn.ru/images/modern_block_closed_bg.gif') left
top repeat-x;font-size: 1px;vertical-align: middle;padding: 0px;width:
12px;}
td.modern_block_closed_top_right {width: 8px;background:
url('http://megasoft.3dn.ru/images/modern_block_closed.gif') right top
no-repeat;font-size: 1px;}
img.icon_show_hide {border: 0px;padding: 0px;width: 12px;height: 12px; cursor: pointer;}
img.icon {border: 0px;float: left;padding-right: 7px;width: 16px;height: 16px;}
сам вид материалов:
Code
<DIV id="$ID$">
<TABLE class="modern_block_top" cellpadding="0" cellspacing="0">
<TBODY><TR><TD class="modern_block_top_left" nowrap="nowrap"><BR></TD>
<TD class="modern_news_top" style="padding: 0px;
width:%;"><IMG
src="http://megasoft.3dn.ru/images/news/modern_icon_news.gif"
class="icon" border="0">
<A
href="$ENTRY_URL$">$TITLE$</A> <IMG
src="http://megasoft.3dn.ru/images/news/icon_news.gif"></TD><TD
class="modern_news_top"></TD>
<TD class="modern_block_top_right" nowrap="nowrap"></TD></TR>
</TBODY></TABLE><TABLE class="modern_block" border="0"
cellpadding="0" cellspacing="0"><TBODY><TR><TD
class="modern_block_left" nowrap="nowrap"></TD><TD
id="modern_news_category">Категория: <A
href="$CATEGORY_URL$"><STRONG><FONT
color="#1e90ff">$CATEGORY_NAME$</FONT></STRONG></A>
| Добавил: <A title="Автор новости $USERNAME$"
href="$PROFILE_URL$"><STRONG><FONT
color="#000080">$USERNAME$</FONT></STRONG></A> |
Дата:<STRONG><FONT
color="#0000cd">$DATE$</FONT></STRONG>
<TABLE
id="win_20460" style="border: 1px solid rgb(0, 0, 0); background:
rgb(154, 200, 127) none repeat scroll 0% 0%; -moz-background-clip:
border; -moz-background-origin: padding; -moz-background-inline-policy:
continuous; position: absolute; visibility: hidden; opacity: 0.95;
width:
200px;">
</TABLE>
</TD><TD id="modern_news_category" style="text-align: right;
width: 16px;"><A href="#" target="_self" title="Подняться вверх
страницы" style="border: 0px none ;"><IMG
src="http://megasoft.3dn.ru/images/news/modern_navigation_up.gif"
align="absmiddle" border="0"></A></TD><TD
class="modern_block_right" nowrap="nowrap">
</TD></TR><TR><TD class="modern_block_left"
nowrap="nowrap"> </TD><TD class="modern_news_main"
colspan="2">
<TABLE style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<TBODY><TR><TD style="padding: 5px; vertical-align: top;">
$MESSAGE$
</TD></TR></TBODY></TABLE>
$MODER_PANEL$
</TD><TD class="modern_block_right" nowrap="nowrap">
</TD></TR><TR><TD class="modern_block_left"
nowrap="nowrap"> </TD><TD id="modern_news_category"
style="padding: 2px 0px 10px 14px;">Просмотров: <B><FONT
color="#000080">$READS$</FONT></B> | Загрузок:
<STRONG><FONT
color="#000080">$LOADS$</FONT></STRONG> | <A
href="$COMMENTS_URL$"><FONT
color="#1e90ff">Коментарии:</FONT><STRONG><FONT
color="#1e90ff">($COMMENTS_NUM$)</FONT></STRONG></A>
<BR></TD><TD class="modern_news_category"
style="padding: 2px 8px 10px 0px; width: 300px;
text-align:
right;"> <B><A href="$ENTRY_URL$"><IMG
src="http://megasoft.3dn.ru/images/news/view_downloads.gif"></A></B></TD><TD
class="modern_block_right" nowrap="nowrap">
</TD></TR><TR><TD class="modern_block_bottom_left"
nowrap="nowrap"><BR></TD><TD
class="modern_block_bottom" colspan="2"><BR></TD><TD
class="modern_block_bottom_right"
nowrap="nowrap"><BR></TD></TR></TBODY></TABLE></DIV>
одно замечание,все картинки в уроке лежат на мегасофте,для себя я бы скачал их к себе. www.1x.do.am
2 Этап меню:
Приступим Сначала с CSS
Code
/* ====== Меню====== */
#dropmenudiv {filter: alpha(opacity=95, enabled=1)
progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=3);}
#newpm {filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);}
div.div_busy_layer {filter: alpha(opacity=10);}
table.quick_search {width: 100%;margin: 2px 0px 2px 0px;border: 0px;}
table.quick_search td.left {width: 6px;height: 29px;background:
url(/menu/modern_search_left_bg.gif') right top no-repeat;padding:
0px;margin: 0px;}
table.quick_search td.center {background:
url('/menu/images/modern_search_bg.gif') left top repeat-x;padding:
0px;margin: 0px;vertical-align: top;}
table.quick_search
td.center input {width: 100%;height: 16px;font-family:
tahoma;font-size: 11px;border: 0px;background: #ffffff;margin: 5px 0px
0px 0px;text-align: center;color: #cccccc;}
table.quick_search
td.right {width: 30px;background:
url('/menu/modern_search_bg_right.gif') left top no-repeat;padding:
0px;margin: 0px;cursor: pointer;}
table.menu_category {width:
100%;background: url('/menu/modern_menu_category_bg_nonactive.gif')
left top repeat-x;border: 0px;margin: 2px 0px 2px 0px;}
table.menu_category:hover {background:
url('http://polezn-ucoz.3dn.ru/menu/modern_menu_category_bg_active.gif')
left top repeat-x;cursor: pointer;}
table.menu_category td.left
{width: 5px;height: 29px;background:
url('/menu/modern_menu_category_bg_left.gif') right top
no-repeat;padding: 0px;}
table.menu_category td.roll {width:
44px;background: url('/menu/modern_menu_category_bg_roll.gif') left top
no-repeat;padding: 0px;}
table.menu_category td.roll:hover {background: url('/menu/modern_menu_category_bg_roll_active.gif') left top no-repeat;}
table.menu_category td.right {width: 5px;background:
url('/menu/modern_menu_category_bg_right.gif') left top
no-repeat;padding: 0px;}
table.menu_category td.image {width:
16px;text-align: center;vertical-align: middle;background:
url('/menu/modern_menu_category_bg_center.gif') left top
repeat-x;padding: 0px;}
table.menu_category td.image img {border: 0px;padding: 0px 0px 2px 0px;}
table.menu_category td.center {text-align: left;vertical-align:
middle;background: url('/menu/modern_menu_category_bg_center.gif') left
top repeat-x;padding: 0px 0px 3px 4px;font-family: tahoma, verdana,
arial;color: #ffffff;font-weight: bold;font-size: 11px;letter-spacing:
0.5px;line-height: 12px;}
table.menu_category_opened {width:
100%;background: url('/menu/modern_menu_category_bg_active.gif') left
top repeat-x;border: 0px;margin: 2px 0px 2px 0px;}
table.menu_category_opened td.left {width: 5px;height: 29px;background:
url('/menu/modern_block_top.gif') left top no-repeat;padding:
0px;cursor: pointer;}
table.menu_category_opened td.collapse
{width: 44px;background:
url('/menu/modern_menu_category_bg_collapse.gif') left top
no-repeat;padding: 0px;cursor: pointer;}
table.menu_category_opened td.collapse_hover {width: 44px;background:
url('/menu/modern_menu_category_bg_collapse_active.gif') left top
no-repeat;padding: 0px;cursor: pointer;}
table.menu_category_opened td.image {width: 16px;text-align:
center;vertical-align: middle;background:
url('/menu/modern_block_top.gif') center top repeat-x;padding:
0px;cursor: pointer;}
table.menu_category_opened td.image img {border: 0px;padding: 0px 0px 2px 0px;}
table.menu_category_opened td.center {text-align: left;vertical-align:
middle;background: url('/menu/modern_block_top.gif') center top
repeat-x;padding: 0px 0px 3px 4px;font-family: tahoma, verdana,
arial;font-size: 11px;color: #ffffff;font-weight: bold;line-height:
12px;letter-spacing: 0.5px;cursor: pointer;}
table.menu_category_opened td.container {background:
url('/menu/modern_block_right.gif') right top repeat-y;padding: 2px 7px
2px 0px;}
table.menu_category_opened td.left_border {background:
url('/menu/modern_menu_border_pixel.gif') left top repeat-y;padding:
0px;}
table.menu_category_opened td.bottom_left {width:
5px;height: 5px;background:
url('http://polezn-ucoz.3dn.ru/menu/modern_block_bottom.gif') left top
no-repeat;padding: 0px;}
table.menu_category_opened
td.bottom_right {width: 5px;background:
url('/menu/modern_block_bottom.gif') right top no-repeat;padding: 0px;}
table.subcategories_table {width: 100%;padding: 0px;margin: 0px;}
table.subcategories_table td.subcat_left {text-align: center;vertical-align: middle;width: 4px;padding: 0px;margin: 0px;}
table.subcategories_table td.link {height: 20px;background:
#ffffff;text-align: left;vertical-align: middle;padding: 0px 0px 0px
2px;font-family: tahoma, verdana, arial;font-size: 11px;color:
#364683;font-weight: bold;line-height: 12px;letter-spacing:
0.5px;cursor: pointer;border: 1px solid #ffffff;}
table.subcategories_table td.link_hover {height: 20px;text-align:
left;vertical-align: middle;padding: 0px 0px 0px 2px;font-family:
tahoma, verdana, arial;font-size: 11px;color: #364683;font-weight:
bold;line-height: 12px;letter-spacing: 0.5px;cursor:
pointer;background: #d9e8fa;border: 1px solid #364683;}
table.subcategories_table td.link img,table.subcategories_table
td.link_hover img {width: 16px;height: 16px;border: 0px;cursor:
pointer;padding: 0px 4px 0px 0px;float: left;}
img.icon {border: 0px;float: left;padding-right: 6px;width: 16px;height: 16px;}
table.subheader_area {width: 100%;height: 24px;background:
#4b97ce;border-width: 0px 1px 1px 1px;border-style: solid;border-color:
#364683;text-align: left;vertical-align: middle;padding: 0px;margin:
0px;}
table.subheader_area td {border-width: 0px 0px 0px 0px;border-style: solid;border-color: #364683;}
td.main_menu {padding: 0px;vertical-align: top;border: 0px;}
td.main_menu a:link ,td.main_menu a:active,td.main_menu a:visited
{font-family: sans-serif, verdana, tahoma, arial; font-size:
10px;border-left: 1px solid #d9e8fa;border-right: 1px solid
#d9e8fa;background: transparent;padding: 4px 5px 0px 4px;display:
block;height: 22px;vertical-align: bottom;color: #575e60;line-height:
16px;text-decoration: none;font-weight: bold;}
td.main_menu
a:hover {font-family: sans-serif, verdana, tahoma, arial;font-size:
10px;border-left: 1px solid #364683;border-right: 1px solid
#364683;background: #ffffff;padding: 4px 5px 0px 4px;cursor:
pointer;display: block;height: 22px;vertical-align: bottom;color:
#575e60;line-height: 16px;text-decoration: none;font-weight: bold;}
td.main_menu img {text-align: left;}
td.copyright {background:
url('/menu/modern_footer_main_border_right.gif') bottom right
no-repeat;text-align: left;vertical-align: middle;font-size:
11px;font-family: tahoma, verdana, arial;padding: 0px 0px 10px
0px;color: #ffffff;}
td.copyright a:link ,td.copyright
a:active,td.copyright a:visited {font-family: tahoma, verdana,
arial;font-size: 11px;color: #19181a;text-decoration: none;font-size:
11px;}
td.copyright a:hover {text-decoration: underline;}
a.udleinf:link {text-decoration:none; color:#ffffff; font-weight:bold; font-family:Tahoma;}
a.udleinf:active {text-decoration:none; color:#ffffff; font-weight:bold;}
a.udleinf:visited {text-decoration:none; color:#ffffff; font-weight:bold;}
a.udleinf:hover {text-decoration:underline; color:#ffffff; font-weight:bold;}
/* ============ */
я думаю тут всё понятно,просто вставляем в CSS www.1x.do.am
дам вам два архива с картинками разных цветов www.1x.do.am
- зелёный скачать архив
- синий скачать архив
- Все в архиве одном!
все эти файлы надо залить а папку
menu www.1x.do.am при желании можно подобрать свою цветовую схему
www.1x.do.am
это сам вид меню Code
<div id="menu_cat_40_closed">
<table cellpadding="0" cellspacing="0" class="menu_category">
<td class="left"></td>
<td
class="image"
onclick="location.href='http://polezn-ucoz.3dn.ru/';"><img
src="/favicon.ico" border="0"></td>
<td class="center" onclick="location.href='http://polezn-ucoz.3dn.ru/';">Polezn-Ucoz</td>
<td class="roll" onclick="menu_cat_open( '40' );" title="Развернуть меню подкатегорий"></td>
</table>
</div>
<div id="menu_cat_40_show" style="display: none;">
<table cellpadding="0" cellspacing="0" class="menu_category_opened">
<tr>
<td class="left"></td>
<td
class="image"
onclick="location.href='http://polezn-ucoz.3dn.ru/';"><img
src="/favicon.ico" border="0"></td>
<td class="center" onclick="location.href='http://polezn-ucoz.3dn.ru/';">Polezn-Ucoz</td>
<td
class="collapse" onclick="close_menu_item( );" title="Свернуть меню
подкатегорий" onmouseover="this.className='collapse_hover';"
onmouseout="this.className='collapse';"> </td>
</tr>
<tr>
<td class="left_border"></td>
<td colspan="3" class="container">
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/forum';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img src="/favicon.ico"
border="0">Форум</td>
</tr>
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/index/0-2';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img src="/favicon.ico"
border="0">Наши Баннеры</td>
</tr>
</table> <table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='http://file-and-photo.3dn.ru/';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img src="/favicon.ico"
border="0">Файлообменник</td>
</tr>
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/gb';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img src="/favicon.ico"
border="0">Гостевая Книга</td>
</table> </td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bottom_right" colspan="3"></td>
</tr>
</table>
</div>
<div id="menu_cat_41_closed">
<table cellpadding="0" cellspacing="0" class="menu_category">
<td class="left"></td>
<td class="image" onclick="location.href='/forum/16';"><img src="/menu/modern_friends.gif" border="0"></td>
<td class="center" onclick="location.href='/forum/16';">Конкурсы</td>
<td class="roll" onclick="menu_cat_open( '41' );" title="Развернуть меню подкатегорий"></td>
</table>
</div>
<div id="menu_cat_41_show" style="display: none;">
<table cellpadding="0" cellspacing="0" class="menu_category_opened">
<tr>
<td class="left"></td>
<td class="image" onclick="location.href='/forum/16';"><img src="/menu/modern_friends.gif" border="0"></td>
<td class="center" onclick="location.href='/forum/16';">Конкурсы</td>
<td
class="collapse" onclick="close_menu_item( );" title="Свернуть меню
подкатегорий" onmouseover="this.className='collapse_hover';"
onmouseout="this.className='collapse';"> </td>
</tr>
<tr>
<td class="left_border"></td>
<td colspan="3" class="container">
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/forum/16-69-1';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img
src="/menu/modern_friends.gif" border="0">Раздача Асек</td>
</tr>
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/forum/16-218-1';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img
src="/menu/modern_friends.gif" border="0">Бонус "Группы
Пользователей"</td>
</tr>
</table> <table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/forum/16-55-1';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img
src="/menu/modern_friends.gif" border="0">Раздача Хостов</td>
</tr>
<table cellpadding="0" celspacing="0" border="0" class="subcategories_table"> <tr>
<td
class="link" onclick="location.href='/forum/16-51-1';"
onmouseover="this.className='link_hover';"
onmouseout="this.className='link';"><img
src="/menu/modern_friends.gif" border="0">Предложить свой
Конкурс</td>
</table> </td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bottom_right" colspan="3"></td>
</tr>
</table>
</div>
<script language="javascript">
<!--
var menu_cats_ids = new Array( "41","40" );
function menu_cats_close( )
{
for( var i = 0; i < menu_cats_ids.length; i++ )
{
element = mp_get_by_id( "menu_cat_" + menu_cats_ids[i] + "_closed" );
//alert( "menu_cat_" + menu_cats_ids[i] + "_closed" );
if( element.style.display == "none" )
{
element.style.display = "block";
}
element = mp_get_by_id( "menu_cat_" + menu_cats_ids[i] + "_show" );
if( element.style.display != "none" )
{
element.style.display = "none";
}
}
return true;
}
function menu_cat_open( id )
{
menu_cats_close( );
var element = mp_get_by_id( "menu_cat_" + id + "_show" );
//alert( element );
if( element.style.display == "none" )
{
element.style.display = "block";
}
element = mp_get_by_id( "menu_cat_" + id + "_closed" );
//alert( element );
if( element.style.display != "none" )
{
element.style.display = "none";
}
set_menu_cookie( id )
return true;
}
function set_menu_cookie( id )
{
if( id == 0 )
{
document.cookie = "menu_category_active=0; path=/";
return true;
}
var date = new Date();
date.setTime( date.getTime( ) + ( 2 * 60 * 1000 ) );
var expires = date.toGMTString( );
document.cookie = "menu_category_active=" + id + "; expires=" + expires + "; path=/";
}
function close_menu_item( )
{
menu_cats_close( );
var date = new Date();
date.setTime( date.getTime( ) );
var expires = date.toGMTString( );
document.cookie = "menu_category_active=0; expires=" + expires + "; path=/";
}
function preload_menu_images( images )
{
var images_path = "/images/";
if( images instanceof Array )
{
var virtual_images = new Array( images.length );
for( var i = 0; i < images.length; i++ )
{
if( document.images )
{
virtual_images[i] = new Image( 1, 1 );
virtual_images[i].src = images_path + images[i];
}
}
return true;
}
return false;
}
preload_menu_images(
new Array( "modern_menu_category_bg_collapse_active.gif",
"modern_menu_category_bg_collapse.gif",
"modern_menu_category_bg_active.gif",
"images/modern_menu_category_bg_roll_active.gif" ) );
-->
</script>
находим строчки www.1x.do.am
Code
<div id="menu_cat_40_closed"> и <div id="menu_cat_40_show" style="display: none;">
видим там цифру
40 www.1x.do.am www.1x.do.am её необходимо прописать в скрипте ниже
Code
var menu_cats_ids = new Array( "41","40" );
то есть,если вы создадите новый пункт меню то вам надо будет сделать так
Code
<div id="menu_cat_42_closed"> и <div id="menu_cat_42_show" style="display: none;">
и дописать в скрипт
Code
var menu_cats_ids = new Array( "41","42","40" );
и в head ставим
Code
<script language="javascript" type="text/javascript" src="/js/mediaportal_website.js"></script>
<script language="javascript" type="text/javascript" src="/js/modern_smartmenu_config.js"></script>
<script language="javascript" type="text/javascript" src="/js/modern_smartmenus.js"></script>
качаем и заливаем в папку js следующие файлы
что бы сохранить файлы нажмите Ctrl+S
- mediaportal_website.js скачать архив
- modern_smartmenu_config.js скачать архив
- modern_smartmenus.js скачать архив
- Все в архиве одном!
3 этап блоки.
css тут такой же как и в виде материалов www.1x.do.am (это выше)
1) без скрывания.
Code
<div style="display:block" id="fo_block_mediaportal_intresting">
<table cellpadding="0" cellspacing="0" class="modern_block_top">
<td class="modern_block_top_left" nowrap></td>
<td class="modern_block_top">Название Блока</td>
<td class="modern_block_top_right" nowrap></td>
</table>
<table cellpadding="0" cellspacing="0" class="modern_block">
<tr>
<td class="modern_block_left" nowrap></td>
<td id="modern_block" style="text-align: left;">
<!---------------------- Содержимое Блока ---------------------->
<!------------------------------------------------------------>
</div> </td>
<td class="modern_block_right" nowrap></td>
</tr>
<tr>
<td class="modern_block_bottom_left" nowrap></td>
<td class="modern_block_bottom"></td>
<td class="modern_block_bottom_right" nowrap></td>
</tr>
</table>
</div>
<div style="display: none;" id="fo_block_mediaportal_intresting">
<table cellpadding="0" cellspacing="0" class="modern_block_closed">
<td class="modern_block_closed_top_left" nowrap></td>
<td
class="modern_block_closed_top"><img
src="http://megasoft.3dn.ru/images/modern_icon_newsarchive.gif"
class="icon">Категории</td>
<td class="modern_block_closed_top_right" nowrap></td>
</table>
</div>
2) со сворачиванием:
сами блоки www.1x.do.am
Code
<div style="display:block" id="fo_block_mediaportal_intresting">
<table cellpadding="0" cellspacing="0" class="modern_block_top">
<td class="modern_block_top_left" nowrap></td>
<td class="modern_block_top"><img src="http://s24.ucoz.net/.s/img/icon/bl.png" class="icon">Название</td>
<td
class="modern_block_show_hide"><img
src="http://megasoft.3dn.ru/images/modern_cat_minus.gif"
class="icon_show_hide"
onclick="javascript:toggleblock('block_mediaportal_intresting', 1);"
title="Свернуть блок"></td>
<td class="modern_block_top_right" nowrap></td>
</table>
<table cellpadding="0" cellspacing="0" class="modern_block">
<tr>
<td class="modern_block_left" nowrap></td>
<td id="modern_block" style="text-align: left;">
<!-- Содержимое-->
<!-- /Содержимое-->
</div> </td>
<td class="modern_block_right" nowrap></td>
</tr>
<tr>
<td class="modern_block_bottom_left" nowrap></td>
<td class="modern_block_bottom"></td>
<td class="modern_block_bottom_right" nowrap></td>
</tr>
</table>
</div>
<div style="display: none;" id="fc_block_mediaportal_intresting">
<table cellpadding="0" cellspacing="0" class="modern_block_closed">
<td class="modern_block_closed_top_left" nowrap></td>
<td
class="modern_block_closed_top"><img
src="http://s24.ucoz.net/.s/img/icon/bl.png"
class="icon">Название</td>
<td
class="modern_block_closed_show_hide"><img
src="http://megasoft.3dn.ru/images/modern_cat_plus.gif"
class="icon_show_hide"
onclick="javascript:toggleblock('block_mediaportal_intresting', 0);"
title="Развернуть блок"></td>
<td class="modern_block_closed_top_right" nowrap></td>
</table>
</div>
в head :
Code
<script
language="javascript" type="text/javascript"
src="http://megasoft.3dn.ru/js/mediaportal_website.js"></script>
и в самый низ добавляем www.1x.do.am скрипт который будет сохранять их положение:
Code
<script type="text/javascript">hide_hidded_blocks_divs();</script>