[xin giúp]Tạo nút cập nhập giao diện[✔]

[lightman]

Mình có dùng đoạn code này để tạo trang giao diện cho forum.

Code:

<style>
.themes .theme {
display: block;
padding: 10px;
margin: 0px 4px 0 0;
float: left;
width: 100px;
height: 80px;
text-align: center;
white-space: nowrap;
}
.themes{height: 290px;}
.theme img {
width: 52px;
height: 52px;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><div class="" id="theme"><div class="main-head"><div class="h3">Đổi giao diện:</div></div><div class="main-content clearfix">
<div class="themes">

<label for="bg30" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/singirl/thumb.jpg)"><br><input type="radio" name="theme" id="bg3" value="singirl"> Cô bé xinh </label>

<label for="bg1" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/beach-snails/thumb.jpg)">
<br><input type="radio" name="theme" id="bg1" value="beach-snails"> Ốc biển </label>

<label for="bg2" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/2birds/thumb.jpg)"><br><input type="radio" name="theme" id="bg2" value="2birds"> Đôi bạn </label>

<label for="c3" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/hoathom/thumb.jpg)"><br><input type="radio" name="theme" id="c3" value="hoathom"> Hoa thơm </label> <label for="c4" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/dance-girl/thumb.jpg)"><br><input type="radio" name="theme" id="c4" value="dance-girl"> Nhảy múa </label> <label for="c5" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/duado/thumb.jpg)"><br><input type="radio" name="theme" id="c5" value="duado"> Đưa đò </label> <label for="c6" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/airplane/thumb.jpg)"><br><input type="radio" name="theme" id="c6" value="airplane"> Máy bay </label> <label for="c7" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/funsun/thumb.jpg)"><br><input type="radio" name="theme" id="c7" value="funsun"> Mặt trời vui </label> <label for="c8" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/ocean/thumb.jpg)"><br><input type="radio" name="theme" id="c8" value="ocean"> Đại dương </label> <label for="c9" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/undersea/thumb.jpg)"><br><input type="radio" name="theme" id="c9" value="undersea"> Đáy biển </label> <label for="c10" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/snowgirl/thumb.jpg)"><br><input type="radio" name="theme" id="c10" value="snowgirl"> Nhắn tin </label> <label for="c11" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/rain/thumb.jpg)"><br><input type="radio" name="theme" id="c11" value="greenhill" checked="checked"> Chiều mưa </label> <label for="c12" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/greenhill/thumb.jpg)"><br><input type="radio" name="theme" id="c12" value="rain"> Đồi cỏ </label> 
 

<div class="clr"></div> </div><br>




<input value="cập nhật" type="button" class="change">
<script>
$(function(){
$(".change").click(function(){
my_setcookie("stylene",$(".themes input:checked").val(), 1, 0);
location.href=location.href;
});
});
</script>
</div>
  </div>

Mình muốn hỏi là sửa code chỗ chữ cập nhập thế nào để khi nhất vào cập nhạp thì nó quay lại trang trước đó.
Thanks all!

[Tuyệt Vọng]

bạn thử thay bằng:

Code:

<style>
.themes .theme {
display: block;
padding: 10px;
margin: 0px 4px 0 0;
float: left;
width: 100px;
height: 80px;
text-align: center;
white-space: nowrap;
}
.themes{height: 290px;}
.theme img {
width: 52px;
height: 52px;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><div class="" id="theme"><div class="main-head"><div class="h3">Đổi giao diện:</div></div><div class="main-content clearfix">
<div class="themes">

<label for="bg30" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/singirl/thumb.jpg)"><br><input type="radio" name="theme" id="bg3" value="singirl"> Cô bé xinh </label>

<label for="bg1" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/beach-snails/thumb.jpg)">
<br><input type="radio" name="theme" id="bg1" value="beach-snails"> Ốc biển </label>

<label for="bg2" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/2birds/thumb.jpg)"><br><input type="radio" name="theme" id="bg2" value="2birds"> Đôi bạn </label>

<label for="c3" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/hoathom/thumb.jpg)"><br><input type="radio" name="theme" id="c3" value="hoathom"> Hoa thơm </label> <label for="c4" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/dance-girl/thumb.jpg)"><br><input type="radio" name="theme" id="c4" value="dance-girl"> Nhảy múa </label> <label for="c5" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/duado/thumb.jpg)"><br><input type="radio" name="theme" id="c5" value="duado"> Đưa đò </label> <label for="c6" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/airplane/thumb.jpg)"><br><input type="radio" name="theme" id="c6" value="airplane"> Máy bay </label> <label for="c7" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/funsun/thumb.jpg)"><br><input type="radio" name="theme" id="c7" value="funsun"> Mặt trời vui </label> <label for="c8" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/ocean/thumb.jpg)"><br><input type="radio" name="theme" id="c8" value="ocean"> Đại dương </label> <label for="c9" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/undersea/thumb.jpg)"><br><input type="radio" name="theme" id="c9" value="undersea"> Đáy biển </label> <label for="c10" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/snowgirl/thumb.jpg)"><br><input type="radio" name="theme" id="c10" value="snowgirl"> Nhắn tin </label> <label for="c11" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/rain/thumb.jpg)"><br><input type="radio" name="theme" id="c11" value="greenhill" checked="checked"> Chiều mưa </label> <label for="c12" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/greenhill/thumb.jpg)"><br><input type="radio" name="theme" id="c12" value="rain"> Đồi cỏ </label>  
  

<div class="clr"></div> </div><br>




<input value="cập nhật" type="button" class="change">
<script>
$(function(){
$(".change").click(function(){
my_setcookie("stylene",$(".themes input:checked").val(), 1, 0);
location.href='/';
});
});
</script>
</div>
  </div>

khi bạn ấn nút cập nhật nó sẽ trở về trang chủ forum

[lightman]

bạn thử thay bằng:

Code:

<style>
.themes .theme {
display: block;
padding: 10px;
margin: 0px 4px 0 0;
float: left;
width: 100px;
height: 80px;
text-align: center;
white-space: nowrap;
}
.themes{height: 290px;}
.theme img {
width: 52px;
height: 52px;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><div class="" id="theme"><div class="main-head"><div class="h3">Đổi giao diện:</div></div><div class="main-content clearfix">
<div class="themes">

<label for="bg30" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/singirl/thumb.jpg)"><br><input type="radio" name="theme" id="bg3" value="singirl"> Cô bé xinh </label>

<label for="bg1" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/beach-snails/thumb.jpg)">
<br><input type="radio" name="theme" id="bg1" value="beach-snails"> Ốc biển </label>

<label for="bg2" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/2birds/thumb.jpg)"><br><input type="radio" name="theme" id="bg2" value="2birds"> Đôi bạn </label>

<label for="c3" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/hoathom/thumb.jpg)"><br><input type="radio" name="theme" id="c3" value="hoathom"> Hoa thơm </label> <label for="c4" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/dance-girl/thumb.jpg)"><br><input type="radio" name="theme" id="c4" value="dance-girl"> Nhảy múa </label> <label for="c5" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/duado/thumb.jpg)"><br><input type="radio" name="theme" id="c5" value="duado"> Đưa đò </label> <label for="c6" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/airplane/thumb.jpg)"><br><input type="radio" name="theme" id="c6" value="airplane"> Máy bay </label> <label for="c7" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/funsun/thumb.jpg)"><br><input type="radio" name="theme" id="c7" value="funsun"> Mặt trời vui </label> <label for="c8" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/ocean/thumb.jpg)"><br><input type="radio" name="theme" id="c8" value="ocean"> Đại dương </label> <label for="c9" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/undersea/thumb.jpg)"><br><input type="radio" name="theme" id="c9" value="undersea"> Đáy biển </label> <label for="c10" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/snowgirl/thumb.jpg)"><br><input type="radio" name="theme" id="c10" value="snowgirl"> Nhắn tin </label> <label for="c11" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/rain/thumb.jpg)"><br><input type="radio" name="theme" id="c11" value="greenhill" checked="checked"> Chiều mưa </label> <label for="c12" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/greenhill/thumb.jpg)"><br><input type="radio" name="theme" id="c12" value="rain"> Đồi cỏ </label>  
  

<div class="clr"></div> </div><br>




<input value="cập nhật" type="button" class="change">
<script>
$(function(){
$(".change").click(function(){
my_setcookie("stylene",$(".themes input:checked").val(), 1, 0);
location.href='/';
});
});
</script>
</div>
  </div>

khi bạn ấn nút cập nhật nó sẽ trở về trang chủ forum

Không về trang trước đó nhưng cũng load về trang chủ. Thanks

[Tuyệt Vọng]

ý bạn là muốn về trang chọn giao diện hay trang trước khi vào trang chọn giao diện ?

[lightman]

ý bạn là muốn về trang chọn giao diện hay trang trước khi vào trang chọn giao diện ?

ý mình là trang trước khi chọn giao diện ak

[anhdaodaica1]

Làm sao để sài cái này cho phpbb2 vậy nhỉ ?

[Tuyệt Vọng]

Nếu là trang trước khi vào chọn giao diện thì chắc ko làm dc. ít nhất thì hiện tại mình chưa thể làm được:D chỉ có thể quay về trang chủ forum thôi.

[lightman]

Dù sao cũng càm ơn @Tuyệt Vọng nhiều.

[handsomevip007]

Code:

<style>
.themes .theme {
display: block;
padding: 10px;
margin: 0px 4px 0 0;
float: left;
width: 100px;
height: 80px;
text-align: center;
white-space: nowrap;
}
.themes{height: 290px;}
.theme img {
width: 52px;
height: 52px;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><div class="" id="theme"><div class="main-head"><div class="h3">Đổi giao diện:</div></div><div class="main-content clearfix">
<div class="themes">

<label for="bg30" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/singirl/thumb.jpg)"><br><input type="radio" name="theme" id="bg3" value="singirl"> Cô bé xinh </label>

<label for="bg1" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/beach-snails/thumb.jpg)">
<br><input type="radio" name="theme" id="bg1" value="beach-snails"> Ốc biển </label>

<label for="bg2" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/2birds/thumb.jpg)"><br><input type="radio" name="theme" id="bg2" value="2birds"> Đôi bạn </label>

<label for="c3" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/hoathom/thumb.jpg)"><br><input type="radio" name="theme" id="c3" value="hoathom"> Hoa thơm </label> <label for="c4" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/dance-girl/thumb.jpg)"><br><input type="radio" name="theme" id="c4" value="dance-girl"> Nhảy múa </label> <label for="c5" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/duado/thumb.jpg)"><br><input type="radio" name="theme" id="c5" value="duado"> Đưa đò </label> <label for="c6" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/airplane/thumb.jpg)"><br><input type="radio" name="theme" id="c6" value="airplane"> Máy bay </label> <label for="c7" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/funsun/thumb.jpg)"><br><input type="radio" name="theme" id="c7" value="funsun"> Mặt trời vui </label> <label for="c8" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/ocean/thumb.jpg)"><br><input type="radio" name="theme" id="c8" value="ocean"> Đại dương </label> <label for="c9" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/undersea/thumb.jpg)"><br><input type="radio" name="theme" id="c9" value="undersea"> Đáy biển </label> <label for="c10" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/snowgirl/thumb.jpg)"><br><input type="radio" name="theme" id="c10" value="snowgirl"> Nhắn tin </label> <label for="c11" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/rain/thumb.jpg)"><br><input type="radio" name="theme" id="c11" value="greenhill" checked="checked"> Chiều mưa </label> <label for="c12" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/greenhill/thumb.jpg)"><br><input type="radio" name="theme" id="c12" value="rain"> Đồi cỏ </label> 
 

<div class="clr"></div> </div><br>




<input value="cập nhật" type="button" class="change">
<script>
$(function(){
$(".change").click(function(){
my_setcookie("stylene",$(".themes input:checked").val(), 1, 0);
window.history.back()
});
});
</script>
</div>
  </div>

Thử xem  

[lightman]

Code:

<style>
.themes .theme {
display: block;
padding: 10px;
margin: 0px 4px 0 0;
float: left;
width: 100px;
height: 80px;
text-align: center;
white-space: nowrap;
}
.themes{height: 290px;}
.theme img {
width: 52px;
height: 52px;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><div class="" id="theme"><div class="main-head"><div class="h3">Đổi giao diện:</div></div><div class="main-content clearfix">
<div class="themes">

<label for="bg30" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/singirl/thumb.jpg)"><br><input type="radio" name="theme" id="bg3" value="singirl"> Cô bé xinh </label>

<label for="bg1" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/beach-snails/thumb.jpg)">
<br><input type="radio" name="theme" id="bg1" value="beach-snails"> Ốc biển </label>

<label for="bg2" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/2birds/thumb.jpg)"><br><input type="radio" name="theme" id="bg2" value="2birds"> Đôi bạn </label>

<label for="c3" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/hoathom/thumb.jpg)"><br><input type="radio" name="theme" id="c3" value="hoathom"> Hoa thơm </label> <label for="c4" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/dance-girl/thumb.jpg)"><br><input type="radio" name="theme" id="c4" value="dance-girl"> Nhảy múa </label> <label for="c5" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/duado/thumb.jpg)"><br><input type="radio" name="theme" id="c5" value="duado"> Đưa đò </label> <label for="c6" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/airplane/thumb.jpg)"><br><input type="radio" name="theme" id="c6" value="airplane"> Máy bay </label> <label for="c7" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/funsun/thumb.jpg)"><br><input type="radio" name="theme" id="c7" value="funsun"> Mặt trời vui </label> <label for="c8" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/ocean/thumb.jpg)"><br><input type="radio" name="theme" id="c8" value="ocean"> Đại dương </label> <label for="c9" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/undersea/thumb.jpg)"><br><input type="radio" name="theme" id="c9" value="undersea"> Đáy biển </label> <label for="c10" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/snowgirl/thumb.jpg)"><br><input type="radio" name="theme" id="c10" value="snowgirl"> Nhắn tin </label> <label for="c11" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/rain/thumb.jpg)"><br><input type="radio" name="theme" id="c11" value="greenhill" checked="checked"> Chiều mưa </label> <label for="c12" class="theme"> <img src="http://me.ola.vn/m/i.png" style="background-image:url(http://me.ola.vn/w/theme/greenhill/thumb.jpg)"><br><input type="radio" name="theme" id="c12" value="rain"> Đồi cỏ </label>  
 

<div class="clr"></div> </div><br>




<input value="cập nhật" type="button" class="change">
<script>
$(function(){
$(".change").click(function(){
my_setcookie("stylene",$(".themes input:checked").val(), 1, 0);
window.history.back()
});
});
</script>
</div>
  </div>

Thử xem  

Thanks bạn mình đã làm được.

[anhdaodaica1]

Cái này dùng cho phpbb2 được ko Hands?~

[mousety]

hình như dc thì phải

[Sponsored content]