Post by tunescool on Jan 10, 2013 19:58:02 GMT -8
This will attach the Thread with Quick Reply leaving you room to add extras to your threads
This will add the Pagination to the bottom but if you want to leave your forum like it is with the scrolling Pagination just follow the instructions at the bottom of this post
This will add the Pagination and a Reply link under the Thread. You can add any social network buttons of your choice to it, add anything to the bottom of your threads if you want
Theres another Template after the first without the social buttons if you'd just like to attach the Quick Reply to the Thread
The buttons in the code are for my site you'll have to get your own. You can find the buttons at
Google+, Twitter, Facebook
Themes - Layout Templates - Thread - Post List
Add this, just go from the top line
<div class="content cap-bottom">
in the Thread Template and copy and paste it all the way to the bottom of the layout.
Adjust anything in blue to your forums look
Take the green out if you dont want it
<div class="content cap-bottom">
$[thread.labels]
$[poll]
<table class="list" role="presentation">
<tbody class="$[list_class]">
$[post_list]
</tbody>
</table>
<hr size="1" width='97%' color="#000000">
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
<div style="padding-left:175px; padding-top:2px; padding-bottom:4px;">
<div style="float:right; padding-right:19px; padding-top:2px; padding-bottom:4px;">Something Here Or Take It Out</div><br/>
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="thenotablenook">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like send="false" layout="button_count" width="10" show_faces="false"></fb:like>
<br/><br/>
</div>
<div style="padding-left:100px;">Quick Reply</div>
</div>
$[quick_reply]
To add any links like Back To Top, anything forum related or whatever
add the links like this and adjust your padding
$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;"><a style="margin-right: 7px" href="http://support.proboards.com">Text</a><a style="margin-right: 7px" href="http://support.proboards.com">Text</a>$[reply_button]</div></div>
Add anything you want anywhere
You will need to remove these lines from the Quick Reply Layout Template
Lines 2 - 5
<div class="title-bar">
<ul class="controls"><li>$[reply_button]</li></ul>
<h2>Quick Reply</h2>
</div>
It only makes sense to make the scrolling Pagination stationary, but if you want to leave it
To make it stationary remove the blue from the Thread Layout Template
around Line 8
If you don't want the bottom pagination replace this line
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
With this
<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div><br/>
And don't change the line in quotes above
This is the Template without the social buttons
Add this, just go from the top line
<div class="content cap-bottom">
in the Thread Template and copy and paste it all the way to the bottom of the layout.
Adjust anything in blue to your forums look
Take the green out if you dont want it
<div class="content cap-bottom">
$[thread.labels]
$[poll]
<table class="list" role="presentation">
<tbody class="$[list_class]">
$[post_list]
</tbody>
</table>
<hr size="1" width='97%' color="#000000">
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
<div style="padding-left:175px; padding-top:2px; padding-bottom:4px;">
<div style="float:right; padding-right:19px; padding-top:2px; padding-bottom:4px;">Something Here Or Take It Out</div><br/>
<br/><br/>
</div>
<div style="padding-left:100px;">Quick Reply</div>
</div>
$[quick_reply]
To add any links like Back To Top, anything forum related or whatever
add the links like this and adjust your padding
$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;"><a style="margin-right: 7px" href="http://support.proboards.com">Text</a><a style="margin-right: 7px" href="http://support.proboards.com">Text</a>$[reply_button]</div></div>
Add anything you want anywhere
You will need to remove these lines from the Quick Reply Layout Template
Lines 2 - 5
<div class="title-bar">
<ul class="controls"><li>$[reply_button]</li></ul>
<h2>Quick Reply</h2>
</div>
It only makes sense to make the scrolling Pagination stationary, but if you want to leave it
To make it stationary remove the blue from the Thread Layout Template
around Line 8
If you don't want the bottom pagination replace this line
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
With this
<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div><br/>
And don't change the line in quotes above
This will add the Pagination to the bottom but if you want to leave your forum like it is with the scrolling Pagination just follow the instructions at the bottom of this post
This will add the Pagination and a Reply link under the Thread. You can add any social network buttons of your choice to it, add anything to the bottom of your threads if you want
Theres another Template after the first without the social buttons if you'd just like to attach the Quick Reply to the Thread
The buttons in the code are for my site you'll have to get your own. You can find the buttons at
Google+, Twitter, Facebook
Themes - Layout Templates - Thread - Post List
Add this, just go from the top line
<div class="content cap-bottom">
in the Thread Template and copy and paste it all the way to the bottom of the layout.
Adjust anything in blue to your forums look
Take the green out if you dont want it
<div class="content cap-bottom">
$[thread.labels]
$[poll]
<table class="list" role="presentation">
<tbody class="$[list_class]">
$[post_list]
</tbody>
</table>
<hr size="1" width='97%' color="#000000">
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
<div style="padding-left:175px; padding-top:2px; padding-bottom:4px;">
<div style="float:right; padding-right:19px; padding-top:2px; padding-bottom:4px;">Something Here Or Take It Out</div><br/>
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="thenotablenook">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like send="false" layout="button_count" width="10" show_faces="false"></fb:like>
<br/><br/>
</div>
<div style="padding-left:100px;">Quick Reply</div>
</div>
$[quick_reply]
To add any links like Back To Top, anything forum related or whatever
add the links like this and adjust your padding
$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;"><a style="margin-right: 7px" href="http://support.proboards.com">Text</a><a style="margin-right: 7px" href="http://support.proboards.com">Text</a>$[reply_button]</div></div>
Add anything you want anywhere
You will need to remove these lines from the Quick Reply Layout Template
Lines 2 - 5
<div class="title-bar">
<ul class="controls"><li>$[reply_button]</li></ul>
<h2>Quick Reply</h2>
</div>
It only makes sense to make the scrolling Pagination stationary, but if you want to leave it
To make it stationary remove the blue from the Thread Layout Template
around Line 8
<div class="control-bar ui-helper-clearfix $[scroll_class]">
If you don't want the bottom pagination replace this line
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
With this
<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div><br/>
And don't change the line in quotes above
This is the Template without the social buttons
Add this, just go from the top line
<div class="content cap-bottom">
in the Thread Template and copy and paste it all the way to the bottom of the layout.
Adjust anything in blue to your forums look
Take the green out if you dont want it
<div class="content cap-bottom">
$[thread.labels]
$[poll]
<table class="list" role="presentation">
<tbody class="$[list_class]">
$[post_list]
</tbody>
</table>
<hr size="1" width='97%' color="#000000">
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
<div style="padding-left:175px; padding-top:2px; padding-bottom:4px;">
<div style="float:right; padding-right:19px; padding-top:2px; padding-bottom:4px;">Something Here Or Take It Out</div><br/>
<br/><br/>
</div>
<div style="padding-left:100px;">Quick Reply</div>
</div>
$[quick_reply]
To add any links like Back To Top, anything forum related or whatever
add the links like this and adjust your padding
$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;"><a style="margin-right: 7px" href="http://support.proboards.com">Text</a><a style="margin-right: 7px" href="http://support.proboards.com">Text</a>$[reply_button]</div></div>
Add anything you want anywhere
You will need to remove these lines from the Quick Reply Layout Template
Lines 2 - 5
<div class="title-bar">
<ul class="controls"><li>$[reply_button]</li></ul>
<h2>Quick Reply</h2>
</div>
It only makes sense to make the scrolling Pagination stationary, but if you want to leave it
To make it stationary remove the blue from the Thread Layout Template
around Line 8
<div class="control-bar ui-helper-clearfix $[scroll_class]">
If you don't want the bottom pagination replace this line
<div class="secondary_pagination" style="padding-left:15px; padding-top:1px;">$[pagination]<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div></div>
With this
<div style="float:right; padding-right:19px; padding-top:2px;">$[reply_button]</div><br/>
And don't change the line in quotes above
