Приветствую Вас Прохожий | RSS Суббота, 23.11.2024, 12:05
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 42
Гостей: 42
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

блоки, меню, вид материалов как на мегасофте, сворачивание как мегасофте

блоки, меню, вид материалов как на мегасофте, сворачивание как мегасофте
блоки как на мегасофте, меню как на мегасофте,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>

Автор\Источник: megasoft.3dn.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5143 | Комментарии: 5 | Рейтинг: 5.0/4 | |Категория: Скрипты блоки и шапки | Добавил: ALINA | Дата: 06.04.2010 | Скачали: 0 | Теги: материалов, сворачивание, Мегасофте, Вид, блоки, на, как, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
0  
4 deman09911   Дата: 24.12.2011  Время: 12:20   [№ 11626] [Материал]
а де скачать?

0  
5 MDNdemon   Дата: 24.12.2011  Время: 16:31   1 [№ 11627] [Материал]
Надо постараться чтобы не заметить.... В самом верху скачать А, скачать В
http://1x.do.am/SCRIN4/menu2382983/777777777777.rar

0  
3 lomster7   Дата: 14.08.2010  Время: 15:43   [№ 4002] [Материал]
А где скачтать то? sad

0  
1 danilzzz   Дата: 07.04.2010  Время: 21:50   [№ 2519] [Материал]
Извиняюсь:
"это сам вид меню" - куда вставлять?

0  
2 mdbaner   Дата: 07.04.2010  Время: 22:49   1 [№ 2521] [Материал]
именно в сам вид меню


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа


Поиск


На форуме

1 Работа на заводе

29

2 Комплексный прогон сайт...

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru