KieuTuan
10-25-2005, 04:45 AM
If you want a news module with the feature of:
- Flexible image display in front page,
- Nice looking when you see full article
- Attached image with article and it will display at desired position and layout (left , right , center …)
- Image will show for certain group of people, other group only see the text.
…
Ok, follow me:
1. Add 2 new template:
adv_portal_shownewsbit
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<thead>
<tr>
<td class = "tcat">
<span class="smallfont"> <strong>$vba_style[portal_blockbullet] $post[title] </strong></span></td>
</tr>
</thead>
<tbody id="collapseobj_shownews" style="$collapseobj_shownews">
<tr>
<td class="$getbgrow">
$post[message]
</td>
</tr>
<tr valign="middle" class="alt2">
<td>
<span style="float:right">
<if condition="$show['editbutton']">
<a href="$vboptions[bburl]/editpost.php?$session[sessionurl]do=editpost&p=$news[postid]"><img alt="$vbphrase[edit_this_post]" border="0" src="$stylevar[imgdir_button]/edit.gif" /></a>
</if>
<if condition="$show['replybutton']">
<a href="$vboptions[bburl]/newreply.php?$session[sessionurl]do=newreply&t=$news[threadid]"><img alt="$vbphrase[reply_to_this_post]" border="0" src="$stylevar[imgdir_button]/reply_small.gif" /></a>
</if>
<a href="$vboptions[bburl]/printthread.php?$session[sessionurl]t=$news[threadid]"><img alt="" border="0" src="$stylevar[imgdir_button]/printer.gif" title="$vbphrase[show_printable_version]" /></a>
</span>
</td>
</tr> </tbody>
</table>
<br />
And
adv_portal_shownews
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] - $threadinfo[title]</title>
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
<meta name="generator" content="vBulletin $versionnumber" />
<style type="text/css">
<!--
td, p, li, div
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font-size: 11px;
}
.tborder
{
border: 1px solid #808080;
}
.thead
{
background-color: #EEEEEE;
}
.page
{
background-color: #FFFFFF;
color: #000000;
}
-->
</style>
</head>
<body class="page">
$postbits
<br />
</body>
</html>
2. In the adv_portal_newsbits:
replace
<a href="$vboptions[bburl]/showthread.php?t=$news[threadid]">$news[title]</a></b></td>
With
<a href="$vboptions[bburl]/shownews.php?t=$news[threadid]">$news[title]</a></b></td>
And delete following line;
<if condition="$news['attachment']">
<span style="float: left; margin: $stylevar[cellpadding]px $stylevar[cellpadding]px $stylevar[cellpadding]px 0px">
$news[attachment]
</span>
</if>
3. Add two more custome BB code;
Subject : Image left.
Tag : AIMGL
Replacement : <img src="attachment.php?attachmentid={param}" align="left" width = "{option}px" border="0" hspace="6" vspace="3" alt=""/>
Example : attachmentid
Use {option} : Yes.
And
Subject : Image left.
Tag : AIMGR
Replacement : <img src="attachment.php?attachmentid={param}" align="right" width = "{option}px" border="0" hspace="6" vspace="3" alt=""/>
Example : attachmentid
Use {option} : Yes.
4. Upload the attach shownews.php to forum location, (where the showthread.php locate, not in module folder);
That all, now if you want to make a new just post a message, attach the image to the post. To display the attached image to message with right alignment just type in xxx, or xxx to align image on the left. Where xxx is image attachment id and 150 is width of image.
I just begin with vBulletin and php for less than a month, so if you have any comment, suggestion please let me know.
- Flexible image display in front page,
- Nice looking when you see full article
- Attached image with article and it will display at desired position and layout (left , right , center …)
- Image will show for certain group of people, other group only see the text.
…
Ok, follow me:
1. Add 2 new template:
adv_portal_shownewsbit
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<thead>
<tr>
<td class = "tcat">
<span class="smallfont"> <strong>$vba_style[portal_blockbullet] $post[title] </strong></span></td>
</tr>
</thead>
<tbody id="collapseobj_shownews" style="$collapseobj_shownews">
<tr>
<td class="$getbgrow">
$post[message]
</td>
</tr>
<tr valign="middle" class="alt2">
<td>
<span style="float:right">
<if condition="$show['editbutton']">
<a href="$vboptions[bburl]/editpost.php?$session[sessionurl]do=editpost&p=$news[postid]"><img alt="$vbphrase[edit_this_post]" border="0" src="$stylevar[imgdir_button]/edit.gif" /></a>
</if>
<if condition="$show['replybutton']">
<a href="$vboptions[bburl]/newreply.php?$session[sessionurl]do=newreply&t=$news[threadid]"><img alt="$vbphrase[reply_to_this_post]" border="0" src="$stylevar[imgdir_button]/reply_small.gif" /></a>
</if>
<a href="$vboptions[bburl]/printthread.php?$session[sessionurl]t=$news[threadid]"><img alt="" border="0" src="$stylevar[imgdir_button]/printer.gif" title="$vbphrase[show_printable_version]" /></a>
</span>
</td>
</tr> </tbody>
</table>
<br />
And
adv_portal_shownews
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] - $threadinfo[title]</title>
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
<meta name="generator" content="vBulletin $versionnumber" />
<style type="text/css">
<!--
td, p, li, div
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font-size: 11px;
}
.tborder
{
border: 1px solid #808080;
}
.thead
{
background-color: #EEEEEE;
}
.page
{
background-color: #FFFFFF;
color: #000000;
}
-->
</style>
</head>
<body class="page">
$postbits
<br />
</body>
</html>
2. In the adv_portal_newsbits:
replace
<a href="$vboptions[bburl]/showthread.php?t=$news[threadid]">$news[title]</a></b></td>
With
<a href="$vboptions[bburl]/shownews.php?t=$news[threadid]">$news[title]</a></b></td>
And delete following line;
<if condition="$news['attachment']">
<span style="float: left; margin: $stylevar[cellpadding]px $stylevar[cellpadding]px $stylevar[cellpadding]px 0px">
$news[attachment]
</span>
</if>
3. Add two more custome BB code;
Subject : Image left.
Tag : AIMGL
Replacement : <img src="attachment.php?attachmentid={param}" align="left" width = "{option}px" border="0" hspace="6" vspace="3" alt=""/>
Example : attachmentid
Use {option} : Yes.
And
Subject : Image left.
Tag : AIMGR
Replacement : <img src="attachment.php?attachmentid={param}" align="right" width = "{option}px" border="0" hspace="6" vspace="3" alt=""/>
Example : attachmentid
Use {option} : Yes.
4. Upload the attach shownews.php to forum location, (where the showthread.php locate, not in module folder);
That all, now if you want to make a new just post a message, attach the image to the post. To display the attached image to message with right alignment just type in xxx, or xxx to align image on the left. Where xxx is image attachment id and 150 is width of image.
I just begin with vBulletin and php for less than a month, so if you have any comment, suggestion please let me know.