Demo ảnh
Nó sẽ thay đổi mổi lần F5 hoặc truy cập forum
Cách làm
Cho code sau vào chỗ muốn hiệnCode:
<div class="homeQuoteBox">
<div class="quoteBox">
<script type="text/javascript">
enlace = new Array();
enlace[0] = 'Các bài đăng của các bạn sẽ được đưa<br/>lên trang chủ ngay sau khi đăng xong ^^';
enlace[1] = 'Xem bài thấy hay mà không LIKE<br/>Như nhìn gái đẹp mà không cảm xúc<br/>Gay cmnr!';
enlace[2] = 'Mấy chế biết Đua Top là gì chưa?<br/>Làm sao để được Lên Top nè?<br/>Hãy đăng bài nhiều lên nhé ^^';
enlace[3] = 'Xem LMHT<br/>Úm ba la xì bùa<br/>Úa ba la xì bùm<br/>Ùm lì xi la búa';
enlace[4] = 'Xem LMHT, đã cập nhật tính năng<br/>Đua Top siêu chất luôn nhé mấy chế.';
enlace[5] = 'Đăng clip hay ẵm ngay 12 triệu<br/>Có thím nào dám chơi không? ^^';
aleatorio = Math.random() * (enlace.length);
aleatorio = Math.floor(aleatorio);
document.write(enlace[aleatorio]);
</script>
</div>
<div class="boxAnchor2"></div>
<div class="circle"></div>
<div class="name">Xem Liên Minh<br/><div class="like"></div></div>
Cho code sau vào CSS
Code:
.homeQuoteBox .quoteBox{background:#FFF0D3;padding:10px;border:1px dashed #FF7C4D;font-family:Cambria,"Times New Roman",serif;text-align:center;font-size:16px}
.mainbody-singlecol .homeQuoteBox .quoteBox{width:275px}
.homeQuoteBox .boxAnchor2{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") -217px -51px no-repeat;width:15px;height:26px;margin-right:50px;margin-left:auto;margin-top:-1px}
.homeQuoteBox .circle{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") no-repeat scroll -339px -40px transparent;height:60px;margin-left:auto;margin-right:12px;margin-top:3px;float:right;width:60px}
.homeQuoteBox .name{font-size:13pt;float:right;padding-right:10px;font-weight:bold;color:#FF7C4D;text-shadow:1px 1px 0 #FFF}
.homeQuoteBox .like{width:115px;overflow:hidden;float:right;margin-top:5px}
Lưu ý: Chỉnh sửa nội dung trong code phù hợp với nhu cầu của bạn,sử dụng <br/> để xuống dòng.
Tags: #code