Четверг, 02.05.2024, 23:14 Приветствую Вас, Гость
Главная | Форум | Файлы | Все для тебя | Блог | Статьи | Видео
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cкрипты для uCoz » Другие скрипты uCoz » блоки как на МегаСофт
блоки как на МегаСофт
SeruysavaДата: Воскресенье, 18.10.2009, 15:26 | Сообщение # 1








Seruysava
Группа: Администраторы
Сообщений: 267
Репутация: 2
Статус: Offline
Вот дизайн блоков как на МегаСофте
скрин

(один минус,в этом скрипте нету сворачивания/разворачивания блоков,при желании я могу выложить другой код с сворачиванием)
итак приступим
для начала разберёмся с 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>    
     <!------------------------------------------------------------>

там всё ясно
при желании можно поменять ссылки на свои(не рекомендую,скрипт полностью рабочий,всё файлы находятся на Мегасофте)

 
Форум » Cкрипты для uCoz » Другие скрипты uCoz » блоки как на МегаСофт
  • Страница 1 из 1
  • 1
Поиск:


http://for-ucoz.org.ru/
Создать бесплатный сайт с uCoz