اسکریپت ارتباط با ما

سلام دوستان
من دنبال یه سامانه ارتباط با ما می گشتم که یه اسکریپت به اسم super-ajax-contact-form که هم نمای زیبایی دارد و هم کد اسپم! پیدا کردم و حتی افراد مبتدی هم می توانند آن را فارسی کنند ! ( مثل خود من)
نمونه ای که من نصب کردم را در لینک زیر ببینید واگر کسی مایل بود فایلها را برای دانلود قرار خواهم داد !
از مدیران انجمن عذر خواهی می کنم به خاطر جسارتم
موفق باشید

کد:

---

http://maybod-adineh.net/fa/index.php/meybod-arafi

---

این مطلب را باید در بخش اسکریپت های جوملا ارسال می کردم ، از این بابت عذرخواهی می کنم !

با تشکر از شما لطفا از طریق فایل css برنامه را راست چین هم بکنید

ممنون اما من هر کاری کردم نشد !
فایل را اینجا قرار میدم لطفا بگید مشکل از کجاست ؟

کد:

---

#contact_form {
  font-family: Verdana, Arial, "Times New Roman";
  font-size: 12px;
  color: #666;
}
/** FORM STYLES GENERAL **/
#contact_form input, select, textarea {
  font-size: 11px;
  color:#999999;
  width: 300px;
  height: 28px;
  border: #CCC solid 1px;
/** BORDER RADIUS HACKS **/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#contact_form input:hover, select:hover, textarea:hover {
  border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
  border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
  padding: 5px 5px 3px 5px;
}
#contact_form select option {
  cursor: pointer;
  padding: 5px;
}
/** FORM STYLE: textarea **/
#contact_form textarea {
  height: 80px;
  padding: 4px 2px 2px 4px;
  font-family: Verdana, Arial, "Times New Roman";
}
/** FORM STYLE: input **/
#contact_form input {
  padding: 0 5px 0px 30px;
  background-position: 7px 5px;
  background-repeat: no-repeat;
}

input#send {
  padding:0;
  cursor:pointer;
  width:135px;
  height: 23px;
  background: url(../img/contact/send_button.png);
}

input#send:hover {
  border: 1px solid #999;
  color: #666;
}

#contact_form label {
  display:inline-block;
  width: 100px;
  vertical-align:right;
  margin-top: 6px;
}
/** CONTAINER OF INPUTS **/
#contact_form span {
  border:0;
  padding:0;
  margin:0;
  display: block;
  margin-bottom: 10px;
}

#name {
  background-image: url(../img/contact/user_suit.png);
}

#email {
  background-image: url(../img/contact/email.png);
}

#phone {
  background-image: url(../img/contact/phone.png);
}

#ajax_loader {
  display:none;
}

.success {
  border: 1px solid #00CC00 ;
  color:#4F8A10;
  background: #F2FFF2;
  display:none;
  margin-top: 3px;
  font-size: 11px;
  padding: 5px;
  text-align:right;
  margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.error {
  display:none;
  margin-top: 3px;
  font-size: 11px;
  border: 1px solid #FF4F4F;
  color:#D6000E;
  background: #FFF2F2;
  padding: 5px;
  text-align:right;
  margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.warning {
  display:none;
  margin-top: 3px;
  font-size: 11px;
  color: #9F6000;
  background: #FFF9D5;
  border: 1px solid #FFD324;
  padding: 5px;
  text-align:right;
/** BORDER RADIUS HACKS **/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#contact_form .noicon {
  padding: 0px 7px 0 7px;
  text-align:right;
}

---

این اسکریپت را به صورت کامل در انجمن قرار دهید تا من یا سایر دوستان شما را در راست چین کردن آن راهنمایی کنند