[Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

by **maxf** 3/12/2009, 12:26 pm

First topic message reminder :

Tuy F.O không có chức năng làm Thông điệp Yêu thương như các Diễn đàn khác. Do đó ta sẽ dùng Rss và trang đọc Rss để làm việc này.
Làm theo các bước sau nhé:

Bước 1 Tạo Diễn đàn
Vào ACP/Quản Lý Tổng Thể/Categories and forums và tạo 1 Diễn đàn với tên gọi Thông điệp Yêu Thương (hay bất cứ ten gọi nào khác mà bạn muốn) như hình dưới
[Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2) - Page 3 6z4ylc

[Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2) - Page 3 6z4ylc

Bước 2 Lấy thông tin Diễn đàn
Sau khi đã tạo Diễn đàn "Thông điệp Yêu thương" ta sẽ ra trang củ để lấy thông tin về Diễn đàn. Cụ thể: Với Link của

nhé. Diễn đàn "Thông báo" của

có Link là

Code:: http://diendan.chinhphuc.info/forum-f6/

hãy sửa nó thành

Code:: http://diendan.chinhphuc.info/feed/?f=6

Chú ý số 6 trong Ví dụ trên.
Mẹo: muốn biết con số của Diễn đàn "Thông điệp" hãy di chuột vào Link đến Diễn đàn sẽ hiển thị con số mà bạn muốn.

Bước 3 Chèn Read Rss
Để chèn tiện ích này, hãy vào trang Web
http://www.rsspump.com
Trong phần Add RSS Feeds Copy, dán Link feed mà ta có vào ô trống. Nhấn Add
VD với

, Link sẽ là

Code:: http://diendan.chinhphuc.info/feed/?f=6

Trong phần Set Options & Layout sẽ là nơi cài đặt cách hiển thị Nội dung. bạn Click vào những nội dung mình thích. Sau khi xong, ta sẽ được 1 đoạn Code ở dòng dưới cùng.

Bước 4 Chèn Code
Vào ACP/Display/Quản Lí Tổng thể/overall_header_new
Tìm đoạn (Cho cả PhpBB2 và PunBB)

Code::  <div id="page-body">

Lần 1 Thay toàn bộ Code ở trên bằng Code sau

Code::  <br/><table width="100%" style="border:1px dashed orange; background:#fffddf""> <tr> <td width="100"><img src="http://i93.servimg.com/u/f93/14/13/02/50/tdyt10.png"></td> <td><img src="http://i93.servimg.com/u/f93/14/13/02/50/tdyt_s10.png" /></td> <td width="100%" class="text_hotnews">Chèn Code vào đây </td> </table> <div id="page-body">

Lần 2: Copy đoạn Code được cung cấp từ trang Web, thay vào chỗ Chèn Code vào đây
Xong rồi đó...

Demo (PunBB)
http://maxcheck.forum.st/forum.htm

by **Yuri_Yuki23** 13/10/2011, 12:18 pm

^ Ây, là 1 box riêng hẳn hoi mà >"<

by **hau_ja_ja** 13/10/2011, 12:47 pm

mình làm thử rồi nó có hiển thị nội dung thông điệph yêu thương đâu mà nó xuất hiện dòng chữ ji đâu đâu ko ah

by **Ryn** 20/11/2011, 8:33 pm

mọi người ơi, tại sao em làm đủ các bước, nó vẫn hiện nhưng lại toàn là link và Tên các topic thôi?

by **KillAlt1.0** 27/11/2011, 8:17 pm

demo làm j thấy cái tđyt nào Roll eye

by **shsangsh** 24/5/2012, 10:20 am

chèn rồi nhưng mà chẳng thấy đâu cả
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});

switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;

case 'left':
break;

case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;

case 'right':
auto_dir = 'prev';
break;

default:
slid_vert = true;
}

$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();

if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);

/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');

/* Calcul des dimensions du conteneur et des elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;

/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}

/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){

pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();


report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();


ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});

});


var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");

$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);


(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>



<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>


<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

<td align="center" width="100%" valign="middle">

<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />

<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

<div style="clear: both;"></div>


<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">

<li>{switch_ticker.ticker_row.ELEMENT}</li>

</ul>
</div>
</td>
</tr>
</table>
</div>



<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">

<div>{switch_ticker.ticker_row.ELEMENT}</div>

</div>
</div>
</div>
</td>
</tr>
</table>
</div>

<br/><table width="100%" style="border:1px dashed orange; background:#fffddf"">
<tr>
<td width="100"><img src="https://i.servimg.com/u/f93/14/13/02/50/tdyt10.png"></td>
<td><img src="https://i.servimg.com/u/f93/14/13/02/50/tdyt_s10.png" /></td>
<td width="100%" class="text_hotnews"><iframe src="http://s1.rsspump.com/rss.aspx?s=00000000-0000-0000-0000-000000000000&speed=2&t=0&d=0&u=0&p=1&b=0&ic=9&font=Verdana&fontsize=12px&bgcolor=&color=000000&type=typewriter&su=1&sub=1&sw=1" frameborder="0" width="100%" height="16" scrolling="no" allowtransparency="true"></iframe><noframes><div style="background-color: none transparent;"><a href="http://www.rsspump.com/?web_widget/rss_ticker/news_widget" title="News Widget">News Widget</a></div></noframes>
</td>
</table>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
<tbody>
<tr>
<td valign="top" width="100%">
<div class="test">
<table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
<thead>
<tr valign="top">
<th height="30"><center>News & Announcements</center></th>
</tr>
</thead>
<tr>
<td width="100%">
<table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
<thead>
<tr valign="top">
<td width="23%"></td><td width="100%" colspan="2"></td>
</tr>
<tr>
<td><table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" ><tr><td colspan="3"><div style="margin-bottom: 5px; border: 1px solid #9DB3C5; "><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">Gallery & Others</span></li></ul><embed src="http://ahs4ever.org/forum/vietvbb/topx/focus.swf" wmode="opaque" FlashVars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=https://i.servimg.com/u/f62/14/52/40/23/anh110.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh210.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh310.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh410.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh510.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh810.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh710.jpg|https://i.servimg.com/u/f62/14/52/40/23/anh610.jpg|https://2img.net/r/ihimizer/img18/5038/23745672.gif&bcastr_link=http://a1tinhgia3.co.cc/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|http://a1tinhgia3.co.cc/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://a1tinhgia3.co.cc/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://a1tinhgia3.co.cc/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://a1tinhgia3.co.cc/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|http://a1tinhgia3.co.cc/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://a1tinhgia3.co.cc/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://a1tinhgia3.co.cc/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://a1tinhgia3.co.cc/forum-f2/&bcastr_title=Ngày còn đi học!! |Ảnh của A1 khi đã là sv nè, hot nhé!!|Ảnh liên hoan cuối cấp đây!!|Ảnh tùm lum|Năm tháng cũ|Ảnh hậu cấp 3|Liên hoan|Ảnh đi chơi ở bách khoa nè|Đuổi hình bắt chữ & menu="false" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></td></tr>
<tr><td valign="top" style="border: 1px solid #9DB3C5;">

{giefmod_index1.MODVAR} </tr></thead></table>

</td></tr></table>

</div>
</td>
</tr><tr>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

<script type="text/javascript">
var tooltip=function(){
var id = 'tt';
var top = 7;
var left = 3;
var maxw = 300;
var speed = 10;
var timer = 20;
var endalpha = 90;
var alpha = 0;
var tt,t,c,b,h;
var ie = document.all ? true : false;
return{
show:function(v,w){
if(tt == null){
tt = document.createElement('div');
tt.setAttribute('id',id);
t = document.createElement('div');
t.setAttribute('id',id + 'top');
c = document.createElement('div');
c.setAttribute('id',id + 'cont');
b = document.createElement('div');
b.setAttribute('id',id + 'bot');
tt.appendChild(t);
tt.appendChild(c);
tt.appendChild(b);
document.body.appendChild(tt);
tt.style.opacity = 0;
tt.style.filter = 'alpha(opacity=0)';
document.onmousemove = this.pos;
}
tt.style.display = 'block';
c.innerHTML = v;
tt.style.width = w ? w + 'px' : 'auto';
if(!w && ie){
t.style.display = 'none';
b.style.display = 'none';
tt.style.width = tt.offsetWidth;
t.style.display = 'block';
b.style.display = 'block';
}
if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
h = parseInt(tt.offsetHeight) + top;
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(1)},timer);
},
pos:function(e){
var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
tt.style.top = (u - h) + 'px';
tt.style.left = (l + left) + 'px';
},
fade:function(d){
var a = alpha;
if((a != endalpha && d == 1) || (a != 0 && d == -1)){
var i = speed;
if(endalpha - a < speed && d == 1){
i = endalpha - a;
}else if(alpha < speed && d == -1){
i = a;
}
alpha = a + (i * d);
tt.style.opacity = alpha * .01;
tt.style.filter = 'alpha(opacity=' + alpha + ')';
}else{
clearInterval(tt.timer);
if(d == -1){tt.style.display = 'none'}
}
},
hide:function(){
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
}
};
}();

</script>
<code>
xin lỗi vì chưa biết cách shear css như thế nào nên hơi dài

chán ngất
demo đây http://GDTXlangGiang.forumvi.com

by Sponsored content

[Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

[Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)

Re: [Chia sẻ] Thông điệp yêu thương tự động cập nhật (PunBB; PhpBB2)