Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Button nền xanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Codes] Button nền xanh on Sun May 06, 2012 11:09 am

Admin

avatar
Administrators
Administrators
Button Viết bài mới
Demo:

Codes
Vào header
Chèn codes dưới đây trước thẻ
Code:
<head>
Code:
<style type="text/css">
input.groovybutton
{
  font-size:12px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#FFCC00;
  height:32px;
  background-color:transparent;
  border-style:solid;
  border-color:#FFCC00;
  border-width:1px;
}

</style>

<script language="javascript">

function goLite(FRM,BTN)
{
  window.document.forms[FRM].elements[BTN].style.color = "#FFEE99";
  window.document.forms[FRM].elements[BTN].style.backgroundColor = "#1166AA";
  window.document.forms[FRM].elements[BTN].style.borderColor = "#FFEE99";
}

function goDim(FRM,BTN)
{
  window.document.forms[FRM].elements[BTN].style.color = "#FFCC00";
  window.document.forms[FRM].elements[BTN].style.backgroundColor = "transparent";
  window.document.forms[FRM].elements[BTN].style.borderColor = "#FFCC00";
}

</script>
Sau đó vào footer_end chèn codes này trước thẻ
Code:
<body>
Code:
<form name="groovyform">
<input
  type="button"
  name="groovybtn1"
  class="groovybutton"
  value="Viết bài mới"
  title=""
  onMouseOver="goLite(this.form.name,this.name)"
  onMouseOut="goDim(this.form.name,this.name)">
</form>
Tiếp Button Trả Lời Bài viết
Làm như trên nhé
header :
Code:
<style type="text/css">

input.groovybutton
{
  font-size:12px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#FFCC00;
  height:32px;
  background-color:transparent;
  border-style:solid;
  border-color:#FFCC00;
  border-width:1px;
}

</style>

<script language="javascript">

function goLite(FRM,BTN)
{
  window.document.forms[FRM].elements[BTN].style.color = "#FFEE99";
  window.document.forms[FRM].elements[BTN].style.backgroundColor = "#1166AA";
  window.document.forms[FRM].elements[BTN].style.borderColor = "#FFEE99";
}

function goDim(FRM,BTN)
{
  window.document.forms[FRM].elements[BTN].style.color = "#FFCC00";
  window.document.forms[FRM].elements[BTN].style.backgroundColor = "transparent";
  window.document.forms[FRM].elements[BTN].style.borderColor = "#FFCC00";
}

</script>
footer_end:
Code:
<form name="groovyform">
<input
  type="button"
  name="groovybtn1"
  class="groovybutton"
  value="Trả lời bài viết"
  title=""
  onMouseOver="goLite(this.form.name,this.name)"
  onMouseOut="goDim(this.form.name,this.name)">
</form>
hehe , quên hết rồi
các bác bổ sung tên button cho em để e còn viết Nháy mắt)
Lưu ý : Cả 2 cái này đều làm như nhau. Khi làm cái này thì k xóa cái kia nhé !
Viết bởi Trà My - ChiaSeOnline.uS.tO



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

2 Re: [Codes] Button nền xanh on Sun May 06, 2012 12:47 pm

ĐKM

avatar
Thành Viên
Thành Viên
cái này ai viết vậy

Xem lý lịch thành viên http://96ntt.forumvi.com

3 Re: [Codes] Button nền xanh on Sun May 06, 2012 1:34 pm

Admin

avatar
Administrators
Administrators
Viết bởi Trà My - ChiaSeOnline.uS.tO
nhìn rõ chưa ?



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết