Cái này là cái đầu tiên méo làm mà đụng đến gửi bài từ xa đó
Cảm ơn huynh Vống về sự trợ giúp đắc lực

Demo: http://fcatest6.forumvi.com
Click vào

Chèn vào cuối Index Body

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:

<input type="hidden" name="f" value="7" />

bằng id box

Chèn vào cuối Overall Header:

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:

<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:


<script>$('.inforib').click(function(){
  $('.eltleft, .eltright').toggleClass('elttrans');
  $('#inforib').toggleClass('inforib2');
  $('.opacityabout').toggleClass('opacitymore');
  });</script>

Chèn vào Css:

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

Hết zồi :v