MEGAucoz
Шаблоны [906]
Скрипты [350]
Иконки [321]
Другое [56]

всё для ucoz, скрипты для Ucoz, меню сайта для uCoz

статистика сайта для uCoz, скачать шаблоны для uCoz, скачать скрипты для юкоз, скачать шаблоны для юкоз, меню сайта для uCoz, скачать иконки групп для uCoz
Главная » Файлы » Всё для uCoz » Скрипты

Скачать Блоки как на мегасофте бесплатно


05.03.2010, 18:16

Вот дизайн блоков как на МегаСофте

Первый вариант без скрытия и иконки
Итак приступим
Для начала разберёмся с CSS

Code
/* ====== Блоки====== */  

#modern_block {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block a:link,#modern_block a:active,#modern_block a:visited {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;}  
#modern_block a:hover {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #3e73b9;}  
#modern_block li { background: url('') no-repeat;padding: 0px;margin: 0px;text-indent: 8px;border: 0px;line-height: 3px; }  
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;}  
img.icon_show_hide {border: 0px;padding: 0px;width: 12px;height: 12px; cursor: pointer;}  
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;}  
#modern_block_archives {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: tahoma, verdana, arial;font-size: 11px;cursor: default;}  
#modern_block_archives a:link,#modern_block_archives a:active,#modern_block_archives a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;background: url('http://megasoft.3dn.ru/images/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_archives a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;border-bottom: 1px dashed #3e73b9;background: url('http://megasoft.3dn.ru/images/modern_a_bg_active.gif') left top no-repeat;}  
#modern_block_friends {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block_friends a:link,#modern_block_friends a:active,#modern_block_friends a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;background: url('http://megasoft.3dn.ru/images/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_friends a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;border-bottom: 1px dashed #3e73b9;background: url('http://megasoft.3dn.ru/images/modern_a_bg_active.gif') left top no-repeat;}  
/* ====== конец ====== */

Сами блоки

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 с сворачиванием и иконками
CSS

Code
#modern_block {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block a:link,#modern_block a:active,#modern_block a:visited {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;}  
#modern_block a:hover {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #3e73b9;}  
#modern_block li { background: url('http://megasoft.3dn.ru/images/li.gif') no-repeat;padding: 0px;margin: 0px;text-indent: 8px;border: 0px;line-height: 3px; }  
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;}  
img.icon_show_hide {border: 0px;padding: 0px;width: 12px;height: 12px; cursor: pointer;}  
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;}  
#modern_block_archives {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: tahoma, verdana, arial;font-size: 11px;cursor: default;}  
#modern_block_archives a:link,#modern_block_archives a:active,#modern_block_archives a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;background: url('http://megasoft.3dn.ru/images/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_archives a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;border-bottom: 1px dashed #3e73b9;background: url('http://megasoft.3dn.ru/images/modern_a_bg_active.gif') left top no-repeat;}  
#modern_block_friends {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block_friends a:link,#modern_block_friends a:active,#modern_block_friends a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;background: url('http://megasoft.3dn.ru/images/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_friends a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;border-bottom: 1px dashed #3e73b9;background: url('http://megasoft.3dn.ru/images/modern_a_bg_active.gif') left top no-repeat;}

Блоки

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>

Это в

Code
<script language="javascript" type="text/javascript" src="http://megasoft.3dn.ru/js/mediaportal_website.js"></script>
Категория: Скрипты | Добавил: Sazon4ik | Теги: КАК, мегасофте, блоки, Скрипты, НА | Битая ссылка!
Просмотров: 454 | Загрузок: 0 | Рейтинг: 0.0/0
Дорогие пользователи сайта Megaall.ru!
В категории "Скрипты" вы сможете скачать Блоки как на мегасофте бесплатно, без смс и регистрации. Если вам понравился файл Блоки как на мегасофте, то не забудьте оставить свой отзыв в коментариях.
Всего комментариев к Блоки как на мегасофте: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Пожалуйста пройдите быструю регистрацию или войдите в свой аккаунт.

Онлайн всего: 2
Гостей: 2
Пользователей: 0

[ Кто нас сегодня посетил ]
Любимое время года
javascript:; javascript:;
Всего ответов: 102