[Code] SMS với hiệu ứng Bootstrap
Trang 1 trong tổng số 1 trang • Share
- Cu Trí RapperThành viên mới
- Tổng số bài gửi : 11
Điểm : 21
Danh vọng : 0
Ngày tham gia : 15/04/2016
demo : http://hotro64.forumvi.com/
demo ảnh
Bước 1. Vào ACP >> Display >> Portal >> Thay toàn bộ Mod_News bằng :
cho hết vào mod new
- tạo 1 Forum (diễn đàn) đặt tên là Thông điệp yêu thương
để lưu giữ những dòng thông điệp
- bấm Save
- ra ngòai Index, bấm vào Box Thông điệp yêu thương vừa tạo
- nhìn lên thanh address sẽ thấy link
ví dụ của hotrofm
http://www.hotrofm.com/f43-forum
>>> Số thứ tự của Box Thông điệp yêu thương là 43.
- Tìm trong Mod_News:
Bước 2: Lấy emoticon:
- Truy cập
tìm emoticonp và chyển hết thành emoticon
- Lấy cái link dẫn trang html vừa tạo thay cho
ở trong Mod_News
***bonus
muốn di chuyển lên trên cùng tìm
demo ảnh
Bước 1. Vào ACP >> Display >> Portal >> Thay toàn bộ Mod_News bằng :
cho hết vào mod new
- Code:
<div class="main" style="position: fixed; bottom: 0;width: 100%;left: 0;margin-bottom: -2px;">
<div class="tieude"><div class="page-title" style="float:left"><span class='thongbao' ><a onmouseover="show_tooltip(this,'Ấn vào đây');" data-toggle="modal" href="#myModal" >Gửi SMS</a></span></div>
<a style="display: none;"title="Hotrofm.com" target="_blank" rel="nofollow" href="http://www.hotrofm.com/" class="copyright" name="bottom">© <font color="green">Hotrofm</font> - EDIT by <font color="red">the_dav</font></a>
<div class="noidungthongbao" style="float:right;background:#fff;width: 90%;" width="600px">
<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="20" direction="left" truespeed="truespeed" style="padding: 5px;">
<!-- BEGIN post_row -->
<span onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Báo');"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<b>
<span class="gensmall" style="font-size: 9pt">
<b>
<span style="color:#FA0000">
<strong>{post_row.POSTER} </strong>
</span>
</b>
</span>
</b>
<span style="font-size: 9pt"> : </span>
<span style="color:#FF009A;font-weight:bold;font-size: 9pt"> {post_row.TITLE} </span>
<div style="display: none;"> gửi vào lúc {post_row.TIME} ...</div>
</span>:
<span class="lovemes1" style="font-size: 9pt">
<font color="blue"> {post_row.TEXT}</font>
</span>
<span style="padding: 0px 40px"></span>
<!-- END post_row -->
</marquee>
</div>
</div>
</div>
<!-- BEGIN switch_user_logged_in -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<form action="/post" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0);"
enctype="multipart/form-data">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td width="12%" nowrap="nowrap">
<span class="gen">
<b>Gửi đến :</b>
</span>
</td>
<td width="88%">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="60%">
<input class="post gen" style="width:200px; display:inline" type="text"
name="subject" value="Tất cả thành viên" onblur="if(this.value=='') this.value='Tất cả thành viên';"
onfocus="if(this.value=='Tất cả thành viên') this.value='';" size="45" maxlength="40"
tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}">
</td>
<td width="40%"><a onMouseOver="_tooltip(this, 'Chèn emoticon vào thông điệp, 'Thông báo');" onMouseOut="hidetip();" id="emoclik" style="font-size:10px" href="#emo"><b>Emoticon</b></a><a onMouseOver="show_tooltip(this, 'Chèn emoticon vào thông điệp, 'Thông báo');" onMouseOut="hidetip();" id="emoclik2" style="font-size:10px;display:none;" href="#emo"><b>Ẩn Emo</b></a></td>
<td align="right" width="40">
<input onClick="set_solved(this.form.elements['subject'],'» '), dongtimo()" class="btn btn-primary" style="float:right" type="submit" name="post" value="Gửi ..." tabindex="6" accesskey="s" />
</td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td nowrap="nowrap" valign="top"><p style="padding: 2px;"></p><span class="gen"><b>Lời nhắn :</b></span><br></td><br />
<td valign="top"><p style="padding: 2px;"></p><textarea id="c3z_lovemess" class="gen" style="width: 100%; height: 100px; display: inline;" onClick="storeCaret(this)" onKeyUp="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onSelect="storeCaret(this)" wrap="virtual"></textarea></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td id="security"></td>
<td><div id="xong" style="width: 100%; height: auto; margin-top: 6px; display: block;"> </div>
</td>
</tr>
</tbody>
</table>
<b>
<input type="hidden" name="lt" value="0">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f" value="1">
</b>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="starsTitle" height="25">
<span class="genmed module-title"><center>Bạn phải đăng nhập để gửi Thông điệp</center></span>
</td>
</tr>
<tr>
<td>
<form action="/login" method="post">
<table align="center" width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td align="center" width="50%">
<span class="gen">Tài khoản:</span>
</td>
<td align="center" width="50%">
<span class="gen">Mật khẩu:</span>
</td>
</tr>
<tr>
<td align="center" style="position:relative;padding-right:5px;">
<input type="text" name="username" value="" size="20" maxlength="40" style="width:100%;"
/>
</td>
<td align="center" style="position:relative;padding-right:5px;">
<input type="password" name="password" size="20" maxlength="32" style="width:100%;">
</td>
</tr>
<tr align="center">
<td colspan="2">
<span class="gen">Đăng nhập tự động mỗi khi truy cập:
<input type="checkbox" name="autologin"
checked="checked">
</span>
</td>
</tr>
<tr align="center">
<td colspan="2"><br />
<input class="mainoption" type="submit" name="login" value="Đăng Nhập">
</td>
</tr>
<tr align="center">
<td colspan="2">
<span class="gensmall">
<a class="gensmall" href="/profile?mode=sendpassword" rel="nofollow">:: Quên mật khẩu</a>
</span>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<!-- END switch_user_logged_out -->
<script src="http://hotro64.forumvi.com/11847.js"></script>
<script>
jQuery("#emoclik").click(function(){
jQuery(this).hide();
jQuery("#emoclik2").show();
jQuery("#c3z_lovemess").animate({
height:"-=50"
},2000);
jQuery.ajax({
type:"POST",
url:"/h40-page",
success:function(emo){
jQuery("#xong").html(emo).show("slow");}
});
});
jQuery("#emoclik2").click(function(){
jQuery(this).hide();
jQuery("#emoclik").show();
jQuery("#c3z_lovemess").animate({
height:"+=50"
},2000);
jQuery.ajax({
type:"POST",
url:"/h40-page",
success:function(emo){
jQuery("#xong").html(emo).hide("slow");}
});
});
jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");
</script>
<style type="text/css">
@charset "utf-8";
.lovemes1 table, .lovemes1 div, .lovemes1 hr, .lovemes1 br, .lovemes1 embed{display:none!important}
.lovemes1 {font-weight:bold; font-size:11px}
.lovemes1 img {margin-top: -2px;vertical-align: middle; max-height:24px}
.tdyt {
height: 295px;
border-left-color: black;
border-right-color: black;
background-color: transparent;
padding: 10px 20px 0;
overflow: auto;
width: 710px;
}
.main .tieude .page-title {
background:#fff;
opacity:0.8;
padding:5px;
}
.main .tieude {
height:28px;
border:1px solid #133783;
-webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,.52);
font-size:12px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-weight:700;
color:#000;
background:url(http://2img.net/i/fa/fdf3/bg_cat.png) repeat-x #1675BC;
padding:6px;
}
.noidungthongbao {
height:27px!important;
padding:0;
}
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
*line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
*background-color: #d9d9d9;
/* Buttons in IE7 don't get borders, so darken on hover */
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn {
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399 \9;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #ffffff;
background-color: #222222;
*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link {
color: #0088cc;
cursor: pointer;
border-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-link:hover {
color: #005580;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover {
color: #333333;
text-decoration: none;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.hide {
display: none;
}
.show {
display: block;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 999;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal.fade {
top: -25%;
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {
top: 50%;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
max-height: 400px;
padding: 15px;
overflow-y: auto;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before,
.modal-footer:after {
display: table;
line-height: 0;
content: "";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
</style>
- tạo 1 Forum (diễn đàn) đặt tên là Thông điệp yêu thương
để lưu giữ những dòng thông điệp
- bấm Save
- ra ngòai Index, bấm vào Box Thông điệp yêu thương vừa tạo
- nhìn lên thanh address sẽ thấy link
ví dụ của hotrofm
http://www.hotrofm.com/f43-forum
>>> Số thứ tự của Box Thông điệp yêu thương là 43.
- Tìm trong Mod_News:
- Code:
<input type="hidden" name="f" value="1">
- Code:
jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");
Bước 2: Lấy emoticon:
- Truy cập
- Code:
http://link forum bạn/smilies.forum?mode=smilies_frame
tìm emoticonp và chyển hết thành emoticon
- Lấy cái link dẫn trang html vừa tạo thay cho
- Code:
/h40-page
ở trong Mod_News
***bonus
muốn di chuyển lên trên cùng tìm
- Code:
<div class="main" style="position: fixed; bottom: 0;width: 100%;left: 0;margin-bottom: -2px;">
- Code:
<div class="main" style="position: fixed; top: 0;width: 100%;left: 0;margin-top: -2px;">
- Code:
<div class="main" style="">
Không copy bài viết này đi nơi khác. |
Đăng ký thành viên và bình luận
Bạn cần phải đăng ký để bình luận.
Tạo tài khoản
Tham gia vào cộng đồng bằng cách tạo tại khoản, nó thật dễ dàng!
Tạo tài khoản mới
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Wed Feb 21, 2024 11:49 am by NIK SIURI
» [PhpBB3] BeastVN
Sun Feb 11, 2024 3:07 pm by hoanglongnhatbao
» [PhpBB2] IPS Community
Sun Feb 11, 2024 3:06 pm by hoanglongnhatbao
» [PunBB] HEEDragon
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Facebook
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Back (Mới)
Sun Feb 11, 2024 3:03 pm by hoanglongnhatbao
» [PhpBB3] CODE GAME
Sun Feb 11, 2024 2:37 pm by hoanglongnhatbao
» [Invision] VNXF
Sun Feb 11, 2024 2:36 pm by hoanglongnhatbao
» [Simple Theme] Silver Plain V4.1
Sun Feb 11, 2024 2:19 pm by hoanglongnhatbao