Thích bài này? Bài TrướcBài Sau

๖ۣۜThần ๖ۣۜChết

on Mon Sep 09, 2013 9:06 pm

1

๖ۣۜThần ๖ۣۜChết

๖ۣۜMemBer

Xem lý lịch thành viên
๖ۣۜMemBer
• Số Bài : 27
Z-Coin : 563
• Thanks : 23
• Sinh Nhật : 23/03/1995
• Tham Gia : 09/09/2013
Bài ViếtCode Shop Nickname cho Forum

Vào ACP-->Modules--->HTML & Javacript-->HTML pages management-->Creater new HTML page

Title: Shop Nickname
Do you wish to use your forum header and footer ?: Không
Use this page as homepage ?:
HTML source:
Code:
<body bgcolor="#FFFFFF" scroll="no"><a href="http://kinggame.snob.tv/t13-topic"><input type="button" value="Quay lại gian hàng" title="Click Để quay lại gian hàng"></a>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
body{
background-color: #333366;
color: #fff;
font-size: 18px;
}
.m1{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/pxg8710.gif'); background-position: 10px 50%;;
}
.m2{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname10.gif'); background-position: 10px 50%;;
}
.m3{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname11.gif'); background-position: 10px 50%;;
}
.m4{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname12.gif'); background-position: 10px 50%;;
}
.m5{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname13.gif'); background-position: 10px 50%;;
}
.m6{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname14.gif'); background-position: 10px 50%;;
}
.m7{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname15.gif'); background-position: 10px 50%;;
}
.m8{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname16.gif'); background-position: 10px 50%;;
}
.m9{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname17.gif'); background-position: 10px 50%;;
}
.m10{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname18.gif'); background-position: 10px 50%;;
}
.m11{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/bgname20.gif'); background-position: 10px 50%;;
}
.m12{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/19_ani10.gif'); background-position: 10px 50%;;
}
.m13{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/animat10.gif'); background-position: 10px 50%;;
}
.m14{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/animat11.gif'); background-position: 10px 50%;;
}
.m15{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/23bg10.gif'); background-position: 10px 50%;;
}
.m16{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/24bg10.gif'); background-position: 10px 50%;;
}
.m17{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/29bg10.gif'); background-position: 10px 50%;;
}
.m18{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/1bg10.gif'); background-position: 10px 50%;;
}
.m19{
background-image: url('http://i216.photobucket.com/albums/cc262/keinzdash/backgrounds/background_a19.gif'); background-position: 10px 50%;;
}
.m20{
background-image: url('http://i44.servimg.com/u/f44/15/64/85/86/30bg10.gif'); background-position: 10px 50%;;
}
.m21{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau16.gif'); background-position: 10px 50%;;
}
.m22{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau14.gif'); background-position: 10px 50%;;
}
.m23{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau17.gif'); background-position: 10px 50%;;
}
.m24{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau18.gif'); background-position: 10px 50%;;
}
.m25{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau20.gif'); background-position: 10px 50%;;
}
.m26{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau21.gif'); background-position: 10px 50%;;
}
.m27{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/king-m10.gif'); background-position: 10px 50%;;
}
.m28{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau22.gif'); background-position: 10px 50%;;
}
.m29{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau15.gif'); background-position: 10px 50%;;
}
.m30{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau23.gif'); background-position: 10px 50%;;
}
.m31{
background-image: url('http://i36.servimg.com/u/f36/15/86/65/76/kg-mau19.gif'); background-position: 10px 50%;;
}
</style>



<center>
<span class="m1">NickName - Mẫu 1</span>
<br><br>
<span class="m2">NickName - Mẫu 2</span>
<br><br>
<span class="m3">NickName - Mẫu 3</span>
<br><br>
<span class="m4">NickName - Mẫu 4</span>
<br><br>
<span class="m5">NickName - Mẫu 5</span>
<br><br>
<span class="m6">NickName - Mẫu 6</span>
<br><br>
<span class="m7">NickName - Mẫu 7</span>
<br><br>
<span class="m8">NickName - Mẫu 8</span>
<br><br>
<span class="m9">NickName - Mẫu 9</span>
<br><br>
<span class="m10">NickName - Mẫu 10</span>
<br><br>
<span class="m11">NickName - Mẫu 11</span>
<br><br>
<span class="m12">NickName - Mẫu 12</span>
<br><br>
<span class="m13"><font color="black">NickName - Mẫu 13</font></span>
<br><br>
<span class="m14">NickName - Mẫu 14</span>
<br><br>
<span class="m15">NickName - Mẫu 15</span>
<br><br>
<span class="m16">NickName - Mẫu 16</span>
<br><br>
<span class="m17">NickName - Mẫu 17</span>
<br><br>
<span class="m18">NickName - Mẫu 18</span>
<br><br>
<span class="m20">NickName - Mẫu 19</span>
<br><br>
<span class="m19">NickName - Mẫu 20</span>
<br><br>
<span class="m21">NickName - Mẫu 21</span>
<br><br>
<span class="m22">NickName - Mẫu 22</span>
<br><br>
<span class="m23">NickName - Mẫu 23</span>
<br><br>
<span class="m24"><font color="black">NickName - Mẫu 24</font></span>
<br><br>
<span class="m25">NickName - Mẫu 25</span>
<br><br>
<span class="m26">NickName - Mẫu 26</span>
<br><br>
<span class="m27">NickName - Mẫu 27</span>
<br><br>
<span class="m28">NickName - Mẫu 28</span>
<br><br>
<span class="m29">NickName - Mẫu 29</span>
<br><br>
<span class="m30">NickName - Mẫu 30</span>





<!-- Place in BODY section of page -->
<!-- Reveal JavaScript -->
<script language="JavaScript">
//////////////////////////////////////////////////
//        Reveal JavaScript                        //
//         (c) 2003 Premshree Pillai                //
//        Created : 13/02/03 (dd/mm/yy)                //
//        http://www.qiksearch.com                //
//        http://premshree.resource-locator.com        //
//        Email : qiksearch@rediffmail.com        //
//////////////////////////////////////////////////

var width=document.body.clientWidth;
var height=document.body.clientHeight;

function doClickText(who,type,step,timeOut) {
        document.getElementById(who).style.display="none";
        if(type==0) {
                reveal('revealDiv1',step,timeOut,0);
                reveal('revealDiv2',step,timeOut,1);
        }
        if(type==1) {
                reveal('revealDiv1',step,timeOut,2);
                reveal('revealDiv2',step,timeOut,3);
        }
}

//////////////////////
// Reveal! function //
//////////////////////
function reveal(who,step,timeOut,type) {
        if(type==0)
                var where="top";
        if(type==1)
                var where="bottom";
        if(type==2)
                var where="left";
        if(type==3)
                var where="right";
        eval('var temp=document.getElementById(who).style.'+where);
        temp=parseInt(temp);
        if(type==0||type==1)
                var checkWith=height/2;
        if(type==2||type==3)
                var checkWith=width/2;
        if(-temp<checkWith) {
                temp-=step;
                eval('document.getElementById(who).style.'+where+'=temp;');
                setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);
        }
        else {
                document.getElementById(who).style.display="none";
                document.body.scroll="yes";
                 }
}

/*
Following function is required to initialise Reveal
The function is called in the following manner :
        initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
        Parameter description :
        type        ->        0 for vertical | 1 for horizantal
        div1bg        ->        Background color of first layer                (eg. '#CCCCCC')
        div2bg        ->        Background color of second layer        (eg. '#CCCCCC')
        div1bw        ->        Border width of first layer                (eg. 1)
        div2bw        ->        Border width of second layer                (eg. 1)
        div1bc        ->        Border color of first layer                (eg. '#000000')
        div2bc        ->        Border color of second layer                (eg. '#000000')
        step        ->        The amount revealed every interval        (eg. 5)
        timeOut        ->        The delay in milliseconds
        click        ->        true if user has to click to reveal | false for auto reveal
*/
function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
        if(type==0) {
                var bWhere1="border-bottom";
                var bWhere2="border-top";
                var putZero1="top:0px; left:0px";
                var putZero2="bottom:0px; left:0px";
                document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
                document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
                if(!click) {
                        reveal('revealDiv1',step,timeOut,0);
                        reveal('revealDiv2',step,timeOut,1);
                }
                else {
                        clickText(type,step,timeOut);
                }
        }
        if(type==1) {
                var bWhere1="border-right";
                var bWhere2="border-left";
                var putZero1="top:0px; left:0px";
                var putZero2="top:0px; right:0px";
                document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
                document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
                if(!click) {
                        reveal('revealDiv1',step,timeOut,2);
                        reveal('revealDiv2',step,timeOut,3);
                }
                else {
                        clickText(type,step,timeOut);
                }
        }
        function clickText(type,step,timeOut) {
                document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');
        }
}
</script>

<script language="JavaScript">
//////////////////////////////////
// Customise Reveal //
//////////////////////////////////

/*
The following is required only if you
want the user to click to reveal the page
*/
var clickw=150; // Width
var clickh=20; // Height
var clickb=2; // Border width
var clickc="#000000"; // Border color
var clickbg="#000000"; // Background color
var clickt="Xem Shop Nền NickName"; // Text to display

// The font style of the text
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FFFFFF";


/*
Following is required to initialise Reveal
The function is called in the following manner :
 initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
 Parameter description :
 type -> 0 for vertical | 1 for horizantal
 div1bg -> Background color of first layer (eg. '#CCCCCC')
 div2bg -> Background color of second layer (eg. '#CCCCCC')
 div1bw -> Border width of first layer (eg. 1)
 div2bw -> Border width of second layer (eg. 1)
 div1bc -> Border color of first layer (eg. '#000000')
 div2bc -> Border color of second layer (eg. '#000000')
 step -> The amount revealed every interval (eg. 5)
 timeOut -> The delay in milliseconds
 click -> true if user has to click to reveal | false for auto reveal
 See below for an example of how to call the function.
*/
new initReveal(0,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
</script><div id="revealDiv1" style="z-index:100; display:block; position:absolute; top:0px; left:0px; background:#CCCCCC ; width:1009; height:310.5; border-bottom:#000000 solid 1px"></div><div id="revealDiv2" style="z-index:100; display:block; position:absolute; bottom:0px; left:0px; background:#CCCCCC ; width:1009; height:310.5; border-top:#000000 solid 1px"></div><div id="clickText" style="z-index:101; display:block; position:absolute; top:298.5; left:427.5"><table style="border:#000000 solid 2px; background:#000000 ;width:150px; height:20; font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FFFFFF; cursor:hand; cursor:pointer" onclick="doClickText('clickText',0,3,10)"><tbody><tr><td align="middle">Xem Shop Nền NickName</td></tr></tbody></table></div>

 <!--
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
 --></center></body>
Trả lời chủ đề này

Reply FaceBook