Mình có một số câu hỏi không biết khắc phục ntn, mặc dù mình cũng google các thử đủ cá rồi, bó tay nên nhờ ai biết giúp mình với.
Đây là diễn đàn của mình: http://9xkma.forumvi.com/
1. Đầu tiên về resize kích cỡ ảnh:
Mình có tham khảo bài này: https://devs.forumvi.com/t280-hoi-ap-cach-resize-anh-trong-topic
Nhưng khi thêm vào css thì ảnh vẫn to đùng, mình chỉnh max-width và max-height hẳn 100px cũng ko được. Do view_topicbody mình dùng mặc định nên vào tìm thử .entry-content ko có nên mình đã thêm class đó bao quanh code dưới nhưng cũng ko được. Cách làm của mình ở trên vậy k biết sai chỗ nào ai chỉ dùm mình với.
Demo: http://9xkma.forumvi.com/t13-topic?tt=1#26
2. Không dùng được colorbox:
Ở diễn đàn cũ (punbb) mình cùng colorbox vẫn bình thường, nhưng qua diễn đàn mới (Invision) mình dùng không được, mình đã chèn css và js đầy đủ. Ko biết có cần phải chỉnh sửa gì ko mọi người, trong diễn đàn mình chỉ cài mỗi js đổi màu tiền tố của devs.
3. Làm sao để nền kéo dài tới tận footer
![[Hỏi đáp] Không resize được kích cỡ ảnh, không dùng được colorbox, ... Screen10](https://i.servimg.com/u/f18/15/89/47/08/screen10.jpg)
Như hình trên k biết bị lỗi gì một số trang của mình n ko kéo dài hết cái nền mờ đó đến cuối footer giống như trang chủ của mình đây
http://9xkma.forumvi.com/ như trang chủ tất cả đều nằm gọn trong cái nền mờ đó, ai giúp mình với.
4. Cách xử dụng riêng lẻ tooltip (mình muốn hiện cho đối tượng chỉ định ) trong bài last5 cột @Zzbaivong như thế nào, xin mọi người chỉ dẫn.
5. Làm sao tạo bảng từ thẻ <div>
Mình muốn tạo khung thành 2 cột như ở trang chủ http://9xkma.forumvi.com/
Đây là index_body của mình:
--- Bài mình hỏi hơi rồi vì mình có khá nhiều thắc mắc, mong cộng đồng có thể giải đáp giúp mình, cảm ơn mn ạ!
Đây là diễn đàn của mình: http://9xkma.forumvi.com/
1. Đầu tiên về resize kích cỡ ảnh:
Mình có tham khảo bài này: https://devs.forumvi.com/t280-hoi-ap-cach-resize-anh-trong-topic
Nhưng khi thêm vào css thì ảnh vẫn to đùng, mình chỉnh max-width và max-height hẳn 100px cũng ko được. Do view_topicbody mình dùng mặc định nên vào tìm thử .entry-content ko có nên mình đã thêm class đó bao quanh code dưới nhưng cũng ko được. Cách làm của mình ở trên vậy k biết sai chỗ nào ai chỉ dùm mình với.
- Code:
{postrow.displayed.MESSAGE}
- Code:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
Demo: http://9xkma.forumvi.com/t13-topic?tt=1#26
2. Không dùng được colorbox:
Ở diễn đàn cũ (punbb) mình cùng colorbox vẫn bình thường, nhưng qua diễn đàn mới (Invision) mình dùng không được, mình đã chèn css và js đầy đủ. Ko biết có cần phải chỉnh sửa gì ko mọi người, trong diễn đàn mình chỉ cài mỗi js đổi màu tiền tố của devs.
3. Làm sao để nền kéo dài tới tận footer
Như hình trên k biết bị lỗi gì một số trang của mình n ko kéo dài hết cái nền mờ đó đến cuối footer giống như trang chủ của mình đây
http://9xkma.forumvi.com/ như trang chủ tất cả đều nằm gọn trong cái nền mờ đó, ai giúp mình với.
4. Cách xử dụng riêng lẻ tooltip (mình muốn hiện cho đối tượng chỉ định ) trong bài last5 cột @Zzbaivong như thế nào, xin mọi người chỉ dẫn.
5. Làm sao tạo bảng từ thẻ <div>
Mình muốn tạo khung thành 2 cột như ở trang chủ http://9xkma.forumvi.com/
Đây là index_body của mình:
- Spoiler:
- Code:
{JAVASCRIPT}
<ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
{NAV_CAT_DESC}
</ul>
<!-- BEGIN message_admin_index -->
<div class="newslink">
<p class="date">{LAST_VISIT_DATE}</p>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="box-content ipbform user_login_form center" style="padding:5px 0;">
<label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<br />
<!-- END switch_user_login_form_header -->
<table width="100%">
<td width="80%" valign="top">
<div class="borderwrap">
<div id="{ID_LEFT}" class="main">
<div class="maintitle floated clearfix">
<div class="page-title">
<h2>Thống kê bài viết</h2>
</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<tbody class="statused">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</tbody>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
var versionMinor = parseFloat(navigator.appVersion),
versionMajor = parseInt(versionMinor),
IE = document.all && !window.opera && 7 > versionMajor,
IE7 = document.all && !window.opera && 7 <= versionMajor,
OP = window.opera,
FF = document.getElementById,
NS = document.layers;
function get_item(a, c) {
if (IE) return c ? window.opener.document.all[a] : document.all[a];
if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
}
var current_tooltip;
function show_tooltip(a, c) {
var b = get_item("tooltip");
b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
b.style.zIndex = 1000;
b.style.position = "absolute";
b.innerHTML = "<p>" + c + "</p>";
b.style.visibility = "visible";
a.onmousemove = move_tooltip;
a.onmouseout = function() {
b.style.visibility = "hidden"
};
a.title = ""
}
var offsetxpoint = -60,
offsetypoint = 20,
real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
real_body = document.documentElement ? document.documentElement : document.body;
function move_tooltip(a) {
var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
current_tooltip = get_item("tooltip");
current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
}
$("#recent_topics li a:first-child").mouseover(function() {
show_tooltip(this, $(this).next().html())
});
$("#active_topics a, #viewed_topics a").mouseover(function() {
show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
}).after(function() {
return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
});
$(".changeLast").change(function() {
$(".half.group_" + $(this).data("group")).hide();
$("#" + this.value).show();
});
//]]>
</script>
</div>
</div>
<br /> {CHATBOX_TOP} {BOARD_INDEX}
</td>
<td width="20%" valign="top" style="padding-left:5px">
<div class="borderwrap rong">
<div class="maintitle floated clearfix">
<h2>Web học hỏi</h2>
</div>
<div class="wiget" style="padding:5px;margin-bottom:10px">
<p><a href="https://duyanhweb.com/" target="_blank">Học lập trình và SEO</a> </p>
<p><a href="https://www.izwebz.com/" target="_blank">Izwebz - Học lập trình</a> </p>
<p><a href="http://myclass.vn/" target="_blank">Học lập trình miễn phí</a> </p>
<p><a href="http://tuhocanninhmang.com/" target="_blank">Tự học an ninh mạng</a> </p>
<p><a href="http://laptrinh.io/" target="_blank">Học lập trình theo đuổi giấc mơ</a> </p>
</div>
</div>
<br />
<div class="borderwrap rong">
<div class="maintitle floated clearfix">
<h2>Web tiện ích</h2>
</div>
<div class="wiget" style="padding:5px;margin-bottom:10px">
<p><a href="http://codepad.org/" target="_blank">Công cụ lâp trình trực tuyến</a> </p>
<p><a href="http://online.us.drweb.com/?url=1" target="_blank">Kiểm tra virus 1</a> </p>
<p><a href="https://www.virustotal.com/" target="_blank">Kiểm tra virus 2</a> </p>
<p><a href="http://tiny.cc/" target="_blank">Rút gọn link</a> </p>
<p><a href="https://8f99eab483de67c230b8df5996af6b11f3c9da47.googledrive.com/host/0B4DGSbbFJaMuX1M2S1NNSXpoMlk" target="_blank">Nén và làm đẹp CSS</a> </p>
<p><a href="http://www.cleancss.com/html-beautify/" target="_blank">Làm đẹp code</a> </p>
</div>
</div>
<br />
<div class="borderwrap rong">
<div class="maintitle floated clearfix">
<h2>Text Links</h2>
</div>
<div class="wiget" style="padding:5px;margin-bottom:10px">
<a href="http://ksec.info/" target="_blank" title="Diễn đàn Kes Club">Ksec Club</a> |
<a href="http://115.146.126.247/" target="_blank" title="Trang cá nhân KMA" >Trang cá nhân KMA</a> |
</div>
</div>
</td>
</table>
<!-- BEGIN disable_viewonline -->
<div id="fo_stat" class="borderwrap">
<div class="maintitle floated">
<h3>{L_STATISTICS}</h3>
<div class="contract" id="bs0" onclick="toggleCategory('s0');">
</div>
</div>
<table cellpadding="0" cellspacing="0" class="ipbtable">
<thead>
<tr>
<th colspan="2">
<div class="linklist clearfix statlinks">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
</div>
</th>
</tr>
</thead>
<tfoot>
<tr><td colspan="2"></td></tr>
</tfoot>
<tbody id="s0">
<tr>
<th colspan="2" class="formsubtitle">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</th>
</tr>
<tr>
<td class="row1" width="1%"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /></a></td>
<td class="row2">
<div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
<div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
<div>{LEGEND} : {GROUP_LEGEND}</div>
</td>
</tr>
<!-- BEGIN switch_birthday -->
<tr>
<th colspan="2" class="formsubtitle">{L_BIRTHDAY}</th>
</tr>
<tr>
<td class="row1" width="1%"><img src="{L_BIRTHDAY_IMG}" alt="{L_BIRTHDAY}" /></td>
<td class="row2">
<p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
</td>
</tr>
<!-- END switch_birthday -->
<!-- BEGIN switch_calendar_5days -->
<tr>
<th colspan="2" class="formsubtitle">{L_CALENDAR_5DAYS}</th>
</tr>
<tr>
<td class="row1" width="1%"><img src="{L_CALENDAR_IMG}" alt="{L_CALENDAR}" /></td>
<td class="row2">
{CALENDAR_EVENTS_5DAYS}
</td>
</tr>
<!-- END switch_calendar_5days -->
<tr>
<th colspan="2" class="formsubtitle">
<!-- BEGIN switch_statistics_link -->
<a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
{L_STATISTICS}
<!-- END switch_statistics_nolink -->
</th>
</tr>
<tr>
<td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>
<td class="row2">
<p>{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
<p>{RECORD_USERS}</p>
</td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<th colspan="2" class="formsubtitle">{CHATBOX_NAME}</th>
</tr>
<tr>
<td class="row1"><img src="{CHATBOX_IMG}" alt="{CHATBOX_NAME}" /></td>
<td class="row2">
<p>{TOTAL_CHATTERS_ONLINE}</p>
<p>{CHATTERS_LIST}</p>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</td>
</tr>
<!-- END switch_chatbox_activate -->
</tbody>
</table>
</div>
<!-- END disable_viewonline -->
<br />
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<br />
<div class="activeusers clearfix">
<ul class="ul-icons-home">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}</li>
</ul>
</div>
<!-- END switch_legend -->
<br />
<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="box-content ipbform user_login_form center" style="padding:5px 0;">
<label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_footer -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
--- Bài mình hỏi hơi rồi vì mình có khá nhiều thắc mắc, mong cộng đồng có thể giải đáp giúp mình, cảm ơn mn ạ!
![[Hỏi đáp] Không resize được kích cỡ ảnh, không dùng được colorbox, ... Screen12](https://i.servimg.com/u/f18/15/89/47/08/screen12.jpg)
![[Hỏi đáp] Không resize được kích cỡ ảnh, không dùng được colorbox, ... Screen13](https://i.servimg.com/u/f18/15/89/47/08/screen13.jpg)