">http://contest.vashdom.ru/ Меню вверху

Программа: JavaScript для поиска данных в текстовых БДBODY { background-color :#123234; background-attachment: scroll ; background-repeat: no-repeat; }

BODY { background-color :#111; background-attachment: scroll ; background-repeat: no-repeat; } .art-post h2.art-postheader, .art-post h2.art-postheader a, .art-post h2.art-postheader a:link, .art-post h2.art-postheader a:visited, .art-post h2.art-postheader a.visited, .art-post h2.art-postheader a:hover, .art-post h2.art-postheader a.hovered { margin: 0.2em 0; padding: 0; margin-top: 12px; margin-bottom: 8px; font-style: normal; font-weight: bold; font-size: 20px; letter-spacing: 2px; color: #391931; }ul.art-vmenu a{ font-size: 14px;color: #0D0DC1}div.art-vmenublockheader .t {*red* color: red;*80* font-size: 18px; text-align: center; text-decoration: underline; }

БЛОК

.art-sheet {width:1100px} /* 1100px - ширина в пикселях */ .art-content-layout{width:1050px}.art-sheet {width:1100px} /* 1100px - 980*/ .art-content-layout{width:1050px}.art-post-body{background: red}BODY { background-color:#red;} var cm; // для отображения процентов 03 04 function appear(x) // x - конечное значение прозрачности 05 { 06 op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 07 08 if(op < x) { 09 clearTimeout(t2); 10 op += 0.05; 11 cm.innerHTML = Math.round(op*10)/10*100+'%'; // отображение процентов 12 obj.style.opacity = op; 13 obj.style.filter='alpha(opacity='+op*100+')'; 14 t=setTimeout('appear('+x+')',20); 15 } 16 } 17 18 function disappear(x) { 19 op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 20 21 if(op > x) { 22 clearTimeout(t); 23 op -= 0.05; 24 cm.innerHTML = Math.round(op*10)/10*100+'%'; // отображение процентов 25 obj.style.opacity = op; 26 obj.style.filter='alpha(opacity='+op*100+')'; 27 t2=setTimeout('disappear('+x+')',20); 28 } 29 }

#bubble { list-style: none; margin: 0px; padding: 0px; } #bubble li { display: inline-block; margin: 0px; padding: 0px; } #bubble li a.icon { background: url(images/sprites.png) no-repeat; /*это путь к картинке*/ border: none; display: block; width: 128px; /*Это ширина пункта меню (экрана)*/ height: 128px; /*это высота экрана для меню*/ text-indent: -9999px; }#bubble li a.feed { background-position: -139px -12px; } #bubble li a.feed:hover { background-position: -13px -12px; } #bubble li a.email { background-position: -139px -149px; } #bubble li a.email:hover { background-position: -13px -149px; } #bubble li a.twitter { background-position: -139px -283px; } #bubble li a.twitter:hover { background-position: -13px -283px; } #bubble li a.facebook { background-position: -139px -422px; } #bubble li a.facebook:hover { background-position: -13px -422px; } #bubble li a.delicious { background-position: -139px -559px; } #bubble li a.delicious:hover { background-position: -13px -559px; } #bubble li a.technorati { background-position: -139px -698px; } #bubble li a.technorati:hover { background-position: -13px -698px; } HTML код меню: