Demo: [You must be registered and logged in to see this link.]
Click vào
Chèn vào cuối Index Body
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
Thay 7 trong
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
bằng id box
Chèn vào cuối Overall Header:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
Chèn vào chỗ nào thích trong Head:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
Chèn cuối Foot End
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
Chèn vào Css:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
Khi click vào ô Liên kết forum thì sẽ hiện khung đăng ký, nhưng chỉ hiện khi ở Index
Click vào
Chèn vào cuối Index Body
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
<!-- BEGIN switch_user_logged_in --><div class="formnhanhlk">
<div class="tatnodine"></div>
<form id="zzz" action="/post" class="frm-form" method="post" name="post" enctype="multipart/form-data">
<div class="main-content frm">
<input id="maudown" style="display:none" type="text" name="subject" value="Đăng ký liên kết forum" maxlength="255" title="The length of the title for this topic must be ranging between 10 and 255 characters" onkeypress="if (event.keyCode==13){return false}" />
<script type="text/javascript">
//<![CDATA[
input = document.getElementsByName('subject');//]]>
</script>
<!-- Edit Textarea -->
<textarea id="text_editor_textarea" name="message" style="width:0;height:0;opacity:0"></textarea>
<div id="text_editor_input">
<span style="width:100px;float:left">Tên Forum </span><input type="text" id="tenforum" required /><br/>
<span style="width:100px;float:left">Link Logo </span><input type="url" id="logoforum" required /><br/>
<span style="width:100px;float:left">Link Forum </span><input type="url" id="linkforum" required /><br/>
<span style="width:100px;float:left">Giới thiệu </span><input type="text" id="gioithieuforum" required />
</div>
<!-- Edit Textarea -->
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="7" />
<input type="hidden" name="lt" value="0" />
<input id="submit" type="submit" name="post" value="Gửi đơn" tabindex="6" accesskey="s" />
</div>
</form>
</div><!-- END switch_user_logged_in -->
<script>
$("#submit").click(function () {
$("#text_editor_textarea").html("Tên forum: " + $("#tenforum").val() + "\nLogo forum: " + $("#logoforum").val() + "\nĐịa chỉ: " + $("#linkforum").val() + "\nGiới thiệu: " + $("#gioithieuforum").val())
});
$('.lienketne').click(function(){$('.formnhanhlk').fadeIn(250)});
$('.tatnodine').click(function(){$('.formnhanhlk').fadeOut(250)});
</script>
<style>.lienketne{cursor:pointer}</style>
Thay 7 trong
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
<input type="hidden" name="f" value="7" />
bằng id box
Chèn vào cuối Overall Header:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
<div class="eltleft"></div>
<div class="eltright"></div>
<div id="inforib">
<center>Thời gian trên Ribbons
<div style="padding:5px;width: 120px; height: 40px; position: relative; margin: 0px auto;">
<div style="background: url('http://2img.net/i/fa/empty.gif') repeat scroll 0% 0% transparent; width: 100%; height: 100%; position: absolute; z-index: 999; top: 0px; left: 0px;"></div>
<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:40px;" src="http://www.clocklink.com/html5embed.php?clock=004&timezone=VietNam_HoChiMinhCity&color=black&size=120"></iframe>
</div>
</center>
<div class="thongtinabout">
Đây là forum về cái gì đó mà forum này nó nói về có tên là cái gì đó hoặc cái gì đó đó nói chung cái đó là cái đó không nhất thiết phải biết cái đó có phải đó không nhưng nói chung đó là cái đó :v
</div>
<div class="lienketforum">
<table border="0"><tr><td>
<div class="lienketne">Liên kết forum</div>
</td><td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" scrolldelay="30" width="100%" truespeed>
<a href="/"><img src="http://r23.imgfast.net/users/2316/60/53/08/avatars/1-35.png" height="100px" width="100px"/></a>
</marquee>
</td></tr></table>
</div>
</div>
<div class="opacityabout"><div class="inforib"></div></div>
Chèn vào chỗ nào thích trong Head:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
<div class="inforib"><a><img src="http://png-2.findicons.com/files/icons/2229/social_media_mini/32/imeem.png"/></a></div>
Chèn cuối Foot End
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
<script>$('.inforib').click(function(){
$('.eltleft, .eltright').toggleClass('elttrans');
$('#inforib').toggleClass('inforib2');
$('.opacityabout').toggleClass('opacitymore');
});</script>
Chèn vào Css:
CODE:[You must be registered and logged in to see this link.]CHỌN NỘI DUNG CODE
- Code:
/* About */
#inforib {transition:all 0.5s ease;-webkit-transform: rotateX(-90deg);transform: rotateX(270deg);visibility:hidden;position: fixed;width: 500px;height: 300px;top: calc(50% - 170px);left: calc(50% - 270px);background: #fff;box-shadow: 0px 5px 10px -5px #3faadd, 0px 10px 10px -10px #3faadd, 0px -5px 10px -5px #3faadd, 0px -10px 10px -10px #3faadd;z-index: 990;padding: 10px;}
.eltleft, .eltright {transition-delay: 0.5s!important;transition:all 0.5s ease;width:0px;z-index:889;position: fixed;height: 6px;background: #FFFFFF;right: 0;box-shadow: 0px 0px 10px #3faadd;top: calc(50% - 14px);}
.eltleft {left:0} .elttrans {width:50%;transition-delay: 0s!important;} .inforib2 {transition-delay: 0.5s!important;-webkit-transform: rotateX(0deg)!important;transform: rotateX(0deg)!important;visibility: visible!important;}
.opacityabout {z-index:888;transition:all 0.5s ease;opacity:0;visibility:hidden;transition-delay:1s;top:0;left:0;background:rgba(0,0,0,.8);width:100%;height:100%;position:fixed}
.opacitymore {transition-delay:0s;opacity:1;visibility:visible}
.opacityabout .inforib {width: 48px;height: 48px;right: 10px;top: 10px;position: absolute;background: url(http://www.arnaudsylvain.fr/wp-content/plugins/itro-popup/images/close-icon-white.png);background-size: 48px}
#inforib > div.thongtinabout {background: rgba(95, 158, 160, .6);padding: 10px;width: 80%;margin: 0 auto;overflow: scroll;overflow-x: hidden!important;height: 100px;color: #fff;font-weight: bold;}
#inforib > div.lienketforum > table {width: 84%;margin-top: 10px!important;margin: 0 auto;padding: 5px;border: 2px dashed #d7d7d7;}
#inforib > div.lienketforum > table img {width: 75px;height: 75px;}
#inforib > div.lienketforum > table > tbody > tr > td:nth-child(1) {background: cadetblue;color: #fff;font-weight: bold;text-align: center;width: 75px;}
div.formnhanhlk {display:none;position: fixed;z-index: 999;top: calc(50% - 75px);left: calc(50% - 161px);padding: 10px;background: cadetblue;box-shadow: 0px 0px 20px #000;}
.formnhanhlk #submit {cursor:pointer;outline:none!important;float: left;margin-top: 20px;padding: 5px 10px;background: rgb(53, 120, 122);border: 0;color: #fff;font-weight: bold;margin-left: calc(50% - 30px);}
.formnhanhlk #submit:active {box-shadow: 0px 0px 10px -3px #000 inset!important;}
.formnhanhlk #submit:hover {box-shadow: 0px 0px 10px -4px #000 inset;}
.formnhanhlk form {padding: 10px;}
#text_editor_input span, #text_editor_input input {margin-top: 5px;}
#main-content > div.formnhanhlk > form > .main-content {background: #fff;border: 0;}
Khi click vào ô Liên kết forum thì sẽ hiện khung đăng ký, nhưng chỉ hiện khi ở Index