لجعل خلفية للاقسام عند مرور الماوس رائع و جديد

لجعل خلفية للاقسام عند مرور الماوس ددرائع و جديد

من تصميمي

.bodyline{
background-color: #FFFFFF;
border:1px solid #009cf5;
border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}
.forumline{
border:2px solid #EEE;
width:98%;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;

}
td {
font-family : tahoma, tahoma, sans-serif;
font-weight : bold;
}
tr.post td{
text-align: center;
}
td.row1{
background-color: #fff;
background-image: url('http://i53.tinypictcmyb.jpg');
background-repeat: repeat-x;
background-position: bottom;
border:1px outset#EDEDED;
}
td.row2{
background-color: #fff;
background-image: url('http://i53.tinypic.cmyb.jpg');
background-repeat: repeat-x;
background-position: bottom;
border:1px outset#EDEDED;

}
td.row3{
background-color: #fff;
background-image: url('http://i53.tinypic.myb.jpg');
background-repeat: repeat-x;
background-position: bottom;
border:1px outset#EDEDED;
}
td.row3Right,td.spaceRow {
background-color: #fff;
background-image: url('http://i53.tinypic.comyb.jpg');
background-repeat: repeat-x;
background-position: bottom;
border:1px outset#EDEDED;
}
td.row1.over:hover{
background:#fff url(https://i.servimg.com/u/f41/12/91/32/27/sqdfgq10.png) repeat-x top;
}
#page-footer
{
height:58px;
font-size: 12px;
background:url(https://i.servimg.com/u/f26/12/46/69/62/222211.png) ;
}