How to create borders around your post details:
Demo Picture
Pictured Tutorial
DEMO: http://www.macommunity.net
Open:
ip_root/templates/your_style/your_style.css
PARTIAL FIND:
You'll see something similar to this:
.post-details {
text-align: center;
margin: 5px;
color: #666666;
font-size: 10px;
line-height: 1.4em;
}
AFTER, ADD:
#post_border_a {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
#post_border_b {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
#post_border_c {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
#post_border_d {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
#post_border_e {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
#post_border_f {
border-bottom: 1px solid #838383;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #838383;
}
Open:
ip_root/templates/your_style/viewtopic_body.tpl
Find:
<!-- {postrow.POSTER_NO}<br /> -->
{postrow.POSTER_JOINED}<br />
{postrow.POSTER_POSTS}<br />
{postrow.POSTER_AGE}
{postrow.POSTER_FROM}<br />
<!-- BEGIN switch_poster_info -->
{postrow.POSTER_NO}<br />
{postrow.POSTER_LANG}
REPLACE WITH:
<!-- {postrow.POSTER_NO}<br /> -->
<div id="post_border_a">
{postrow.POSTER_JOINED}<br />
</div>
<br />
<div id="post_border_b">
{postrow.POSTER_POSTS}<br />
</div>
<br />
<div id="post_border_c">
{postrow.POSTER_AGE} <br />
</div>
<br />
<div id="post_border_d">
{postrow.POSTER_FROM}<br />
</div>
<br />
<!-- BEGIN switch_poster_info -->
<div id="post_border_e">
{postrow.POSTER_NO}<br />
</div>
<br />
<div id="post_border_f">
{postrow.POSTER_LANG}<br />
</div>
Explanation: Where you see red
<br />, this is a space between borders. You can change that with
<img src="{SPACER}" width="150" height="1" alt="" />
to change space if you want less space in between borders.
Thanks a lot to Chaotic in creating this tutorial and post
____________
We are the
phpBBorg. Lower your Crackers. Your phpological and forumological distinctivness will be added to our own. Resistance if futile!