Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Да мне не жалко =)
Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > 2 <html xmlns="http://www.w3.org/1999/xhtml" > 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title> Название страницы</title> 6 <style> 7 html, body{ margin : 0 ; background : #B6B7AF ; } 8 body, td, th{ font : 12px Arial, Helvetica, sans-serif ; color : #666666 ; } 9 a:active, a:visited, a:link{ color : #555555 ; font-weight : 700 ; text-decoration : underline: ; } 10 a:hover{ text-decoration : none ; } 11 #wrapper{ margin : 0 auto ; width : 1050px ; height : 800px ; position : relative ; background : url(http:// www.4picture.ru/pictures/e198627ff5f1d3a43bd74365bbe5a14b.jpg) ; } 12 #menu{ line-height : 25px ; width : 478px ; position : absolute ; top : 118px ; left : 282px ; height : 26px ; } 13 #content{ width : 478px ; position : absolute ; top : 197px ; left : 282px ; height : 506px ; } 14 #copy{ text-align : center ; width : 478px ; position : absolute ; bottom : 68px ; left : 282px ; } 15 .menu{ list-style : none ; margin : 0 ; padding : 0 ; line-height : normal ; } 16 .menu a{ font-weight : 700 ; color : #FFFFFF !important ; text-decoration : none ; display : block ; margin-top : 4px ; } 17 .menu li{ float : left ; display : block ; width : 93px ; height : 24px ; margin : 1px ; background : #959394 ; text-align : center ; cursor : pointer ; } 18 .menu li:hover, .menu li.hover{ background : #FF9900 ; } 19 </style> 20 </head> 21 <body> 22 <div id='wrapper' > 23 <div id='menu' > 24 <ul class='menu' > 25 <li> <a href='#' > Ссылка</a> </li> 26 <li> <a href='#' > Ссылка</a> </li> 27 <li> <a href='#' > Ссылка</a> </li> 28 <li> <a href='#' > Ссылка</a> </li> 29 <li> <a href='#' > Ссылка</a> </li> 30 </ul > 31 </div> 32 <div id='content' > Контент и <a href='#' > ссылка</a> </div> 33 <div id='copy' > © site.ru 2010</div> 34 </div> 35 </body> 36 <!-- лечение hover для IE6 --> 37 <script type='text/javascript' > var h= ' hover' ,m= 'onmouse' ,a,c,e= document .all| | document .getElementsByTagName( '*' ) ,i= e.length;while ( i- - ) { e[ i] .attachEvent( m+ 'over' ,function( ) { a= window .event .srcElement;c= a.className;a.className= c+ h| | h;a.attachEvent( m+ 'out' ,function( ) { a.className= a.className.replace ( /(\s|^)hover(\b|$)/ ,'' ) } ) } ) } ;</script> 38 </html>
Бесплатные обои.