How can I lock/fix background's website??

 

How can I lock or fix photo's background website, that it can not move when I scroll down/up the page? and How can I add new smiles emoticons to my website? you can see the defult style.css below

 

Thanks lot

 

เราจะทำยังไงบ้าง ที่ไม่ให้ภาพแบล็คกราวของเวป ไม่ให้มันเลื่อนขึ้นลงตอนที่เราเลื่อนขึ้นลงของหน้านั้นๆคะ? แล้วอีกอย่างหนึ่ง คือเราจะเอา Emoticons ใส่ในเวปเราได้ยังไงอีกคะ? ขอบคุณมากๆค่ะ

 

 

 

 

 

/* Page body */
body{
 background-color: #66FFFF;
 background-image: url(../forum_images/kp.jpg);
 background-repeat:  no-repeat;
 margin-left: -5px;
 margin-top: -5px;
 margin-right: -5px;
 margin-bottom: -5px;
}

/* Text for most CSS classes */
.text, .smText, .error, a, a.smLink, a.nav, a.msgLink, a.tLink, .WebWizRTEtextarea, .basicTable, .errorTable, .tableLedger, .tableSubLedger, .tableSearchLedger, .tableRow, .tableTopRow, .tableBottomRow, .evenTableRow, .oddTableRow, .hiddenTableRow, .PMtableRow, .PMmsgBody, .msgBody, .msgEvenTableRow, .msgOddTableRow, .msgHiddenTableRow, .msgOddTableSide, .msgEvenTableSide, .msgSignature, .calLedger, .calDateCell, .calTodayCell, .BBquote, .BBcode {
 font-family: Ms sans Serif;
 color : #52971a;
 font-weight: normal;
 font-size: 15px;
}
.lgText, .heading{
 font-family: Ms sans Serif;
 color: #7fad2a;
 font-weight: bold;
}

/* Text */
.smText{
 font-size: 12px;
 font-family: Ms sans Serif;
 color: #52971a;
}

.lgText{
 font-size: 17px;
}

.heading{
 font-size: 21px;
}

.error{
 color : #FF0000;
}

/* Search highlight */
.highlight{
 background-color: #ffff66
}

/* Hyperlinks */
a:link {
 color : #52971a;
 text-decoration: underline;
}

a:visited{
 color : #52971a;
 text-decoration : underline;
}

a:hover, a:visited:hover{
 color : #2f550f;
 text-decoration : underline;
}

a.smLink {
 font-size: 12px;
}

/* navigation hyperlinks */
a.nav, a.nav:visited{
 color : #444444;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
}

a.nav:hover, a.nav:visited:hover{
 color : #999999;
 text-decoration : underline;
 font-size: 12px;
 font-weight: bold;
}

/* Misc */
ul{
 list-style-type: circle;
}

form{
 display: inline;
}

a img,:link img,:visited img{
 border:none
}

.avatar, #avatar{
 width: 123px;
 height: 133px;
 border: 0px solid 0;
 margin: 0px;
}

/* Rich Text Editor */
.WebWizRTEbutton{
  border: #EFEFEF 1px solid;
}

.WebWizRTEtextarea{
 background-color: #FFFFFF;
 font-size: 17px;
}

.RTEbutton{
 background-color: #E6E7F2;
}

/* Tables */
.basicTable{
 border: 0px;
 width: 98%;
}

.errorTable{
 border: 1px solid #52971a;
 background-color: #dadada;
 width: 98%;
 color: #52971a;
}

.tableBorder, .wwgAdTable{
 border: 1px solid #B6B9CB;
 background-color: #FFFFFF;
 width: 98%;
}

/* Table Ledger */
.tableLedger{
 font-weight: bold;
 color: #515151;
 background-image: url(../forum_images/tableledger_bg.jpg);
 height: 26px;
}

.tableLedger a:link, .tableLedger a:visited{
 color : #515151;
 text-decoration: underline;
 font-weight: bold;
}

.tableLedger a:hover, .tableLedger a:visited:hover{
 color : #000000;
 text-decoration: underline;
 font-weight: bold;
}

/* Search Sub-Ledger */
.tableSubLedger{
 font-weight: bold;
 background-color: #ededed;
 height: 22px;
}

.tableSubLedger a:link, .tableSubLedger a:visited{
 color : #5c5c5c;
 text-decoration: underline;
 font-weight: bold;
}

.tableSubLedger a:hover, .tableSubLedger a:visited:hover{
 color : #666666;
 text-decoration : underline;
 font-weight: bold;
}

/* Search Ledger */
.tableSearchLedger{
 font-weight: bold;
 background-color: #DCDDE4;
}

.tableSearchLedger a:link, .tableSearchLedger a:visited{
 color : #000000;
 text-decoration: underline;
 font-weight: bold;
}

.tableSearchLedger a:hover, .tableSearchLedger a:visited:hover{
 color : #666666;
 text-decoration : underline;
 font-weight: bold;
}

/* Tables */
.tableRow{
 background-color: #e2e2e2;
}

.tableTopRow, .tableBottomRow{
 background-color: #e2e2e2;
}

/* Alternating Row Colours */
.evenTableRow{
 background-color: #e2e2e2;

}

.oddTableRow{
 background-color: #e2e2e2;
}

.hiddenTableRow{
 background-color: #DFDFDF;
}

/* Private messager */
.PMtableRow{
 background-color: #e2e2e2;
}

.PMmsgBody{
 width: 99%;
 max-height: 350px;
 float: left;
 overflow: auto;
}

/* Forum posts */
.msgBody{
 width: 100%;
}

.msgEvenTableRow, .msgEvenTableSide{
 background-color: #EDEDED;
 font-size: 10px;
}

.msgOddTableRow, .msgOddTableSide{
 background-color: #EDEDED;
 font-size: 10px;
}

.msgEvenTableSide a:link, .msgEvenTableSide a:visited, .msgOddTableSide a:link, .msgOddTableSide a:visited{
 color : #000000;
 text-decoration: underline;
 font-weight: bold;
}

.msgEvenTableSide a:hover, .msgEvenTableSide a:visited:hover, .msgOddTableSide a:hover, .msgOddTableSide a:visited:hover{
 color : #666666;
 text-decoration : underline;
 font-weight: bold;
}

.msgHiddenTableRow{
 font-size: 10px;
 background-image: url(../forum_images/pre_approved_post.gif);
}

.msgLineDevider{
 border: solid #D1D7DC 0px;
 border-top-width: 1px;
 border-bottom-width: 1px;
}

.msgSignature{
 max-height: 160px;
 width: 100%;
}

.postSeparatorTableRow{
 height: 10px;
 background-color: #50c760;

}

/* Calendar */
.calLedger{<