[Code] Khung Info kèm đăng ký liên kết nhanh[✔]

[Méo Hắc Hắ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


Sẽ còn cập nhật tiếp Cập nhật xong

[kinô]

share luôn cái skin

[Méo Hắc Hắc]

Đã cập nhật hết code lên rồi đó

Còn những ai mà cứ đòi share skin này thì giữa năm sau rồi share
Phải ngâm dấm rồi share từ từ các skin tồn kho đã

[Chúa Tể Địa Ngục]

méo làm cái lk giống hotrofm ngày trước đi là lk online lun (lk tự động, ko phải làm thủ công)

[Méo Hắc Hắc]

Ta không biết làm nên ta không làm
Thích thì mi đi mà lấy của hotrofm rồi dùng
Hơn nữa nếu nó cập nhật tự động thì chưa chắc bên đăng ký đã thêm liên kết forum mình vào

[7vnr]

may quá share rồi định đi xin cái này,méo ơi sao cái khung lại nằm phía dưới vậy

[7vnr]

up up giúp cái méo

[Chúa Tể Địa Ngục]

hotrofm giờ chỉ là cái đống tro tàn :v

[Sponsored content]