Français
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.downcodes. com</title> <style type="text/css"> <!-- /*Author:downcodes.com*/ body{ background-color:white; taille de police : 12 px ; famille de polices : Arial, Helvetica, sans-serif ; marge : 0px ; remplissage : 0 px ; couleur : blanc ; } ul,li{ marge:0px; remplissage : 0 px ; } li{ display:inline; style de liste : aucun ; position-style-liste : extérieur ; texte-align:centre; poids de la police : gras ; flotteur : gauche ; } a:lien{ couleur:#336601; décoration de texte : aucune ; flotteur : gauche ; largeur : 100 px ; remplissage : 3px 5px 0px 5px ; } a:visité{ couleur:#336601; décoration de texte : aucune ; flotteur : gauche ; remplissage : 3px 5px 0px 5px ; largeur : 100 px ; } a:hover{ couleur:blanc; flotteur : gauche ; remplissage : 3px 3px 0px 20px ; largeur : 88 px ; décoration de texte : aucune ; couleur d'arrière-plan : #539D26 ; } a:actif{ couleur:blanc; flotteur : gauche ; remplissage : 3px 3px 0px 20px ; largeur : 88 px ; décoration de texte : aucune ; couleur d'arrière-plan :#BD06B4 ; } #nav{ largeur:600px; hauteur : 30 px ; bordure inférieure : 0px ; remplissage : 0px 5px ; position : absolue ; indice z : 1 ; } .list{ hauteur de ligne:20px; texte-align:gauche; remplissage : 4 px ; poids de la police : normal ; } .menu1{ largeur:120px; hauteur : auto ; marge : 6px 4px 0px 0px ; bordure : 1px solide #9CDD75 ; couleur d'arrière-plan : #F1FBEC ; couleur : #336601 ; remplissage :6px 0px 0px 0px ; curseur:main; débordement-y: caché ; } .menu2{ largeur:120px; hauteur : 18 px ; marge : 6px 4px 0px 0px ; couleur d'arrière-plan : #F5F5F5 ; couleur : #999999 ; bordure : 1px solide #EEE8DD ; remplissage :6px 0px 0px 0px ; débordement-y: caché ; curseur:main; }/*Auteur:downcodes.com*/ --> </style> </head> <body> <div id="nav"> <ul> <li class="menu2" onMouseOver="this.className=' menu1'" onMouseOut="this.className='menu2'">我的首页 <div class="list"> <a href="#">我的WEBJX</a><br /> <a href=" #">我的日志</a><br /> <a href="#">我的日志</a><br /> <a href="#">我的日志</a><br /> <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">社区圈子 <div class="list"> <a href="#">我的WEBJX< /a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href=" #">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver= "this.className='menu1'" onMouseOut="this.className='menu2'">我的短信 <div class="list"> <a href="#">我的WEBJX</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class ="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理 <div class="list"> <a href="#">我的WEBJX</ a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href="# ">我的相册</a><br /> <a href="#">我的收藏</a><br /> <a href="#">我的日志</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> </ul > </div> </body> </html>
