MyBB Community Forums

Full Version: Postbit/Thread contents died
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hey guys,
I've been up for like 5 hours intermittently working on this...
Basically:
[Image: 7025f56c82.png]

I tried a few different things, such as reverting templates (don't ask me why, just did...)
It is a 1.6 theme, but I want to use it on 1.8. I've done this before and had no issues... Am currently running 1.8.3.

I ended up trying to make a table to fit everything around. It didn't look horrible, but you could tell I'd done it...Postbit Template:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author">
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author">
  
  
  
<table width="100%" border="1">
  <tbody>
    <tr>
    <td width="20px" style="padding-left:5px; padding-right:5px; height: 55px; width: 55px;"><center>{$post['useravatar']}</center></td>
 <td>
    <div class="author_information">
 <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
 <span class="smalltext">
 {$post['usertitle']}<br />
 {$post['userstars']}
 {$post['groupimage']}
 </span>
      </div>
    </td>
 <td><div style="float:right;" class="author_statistics">
 {$post['user_details']}
      </div></td>
  </tr>
  </tbody>
  </table>

  <div class="post_content">
 <div class="post_head">
 {$post['posturl']}
 {$post['icon']}
 <span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
 {$post['subject_extra']}
 </div></div>
    <hr>
    <br>
  <table width="100%" border="0">
    <tbody>  
   <tr>
 <div class="post_body scaleimages" id="pid_{$post['pid']}">
 {$post['message']}
 </div><br>
 {$post['attachments']}
    <br>
 {$post['signature']}
   </tr>
   <tr>
   <hr>
 <div class="post_meta" id="post_meta_{$post['pid']}">
 {$post['iplogged']}
 </div></tr>
<tr><td><div class="post_controls">
 <div class="postbit_buttons author_buttons float_left">
 {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
 </div>
 <div class="postbit_buttons post_management_buttons float_right">
 {$post['button_edit']}
        {$post['button_quickdelete']}
        {$post['button_quickrestore']}
        {$post['button_quote']}
        {$post['button_multiquote']}
        {$post['button_report']}
        {$post['button_warn']}
        {$post['button_purgespammer']}
        {$post['button_reply_pm']}
        {$post['button_replyall_pm']}
        {$post['button_forward_pm']}
        {$post['button_delete_pm']}
 </div>
</div>
  </td></tr></tbody></table>
  <hr>
  <br>
  <br>

The theme is called Block & Blue
Halp plz!
Converting themes can be a lot. Provide us a link.
Like nth said a link to your forum would be helpful. Have you updated your headerinclude?
Okay, so I came up with a fix for this for 1.8.3, not sure if it works for later. It probably wans't that great a discovery, but I usually go to bed ~4-6 hours ago, so.....

Firstly, after uploading the folder and installing the xml, I go into my FTP and change all the image file extensions from .gif to .png because its coded for .png yet comes with .gif :/ - including the english folder in /images
EXCEPT FOR:
background.gif
spinner.gif

You should be able to see the thread like mine in my problem above ^

Then go into AdminCP > Templates & Style > Themes > (Name of the Block & Blue Theme) > Global.css
Scroll to the bottom and paste these lines in (i ripped it from default)
.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
  	padding-bottom: 20px;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.posticons_label {
	white-space: nowrap;
}

It should look like this:
[Image: 782940df79.png]

Now, when I went back to my main page, I found my circular images in the key and for each thread were missing... I remember them from before and I can see them in /images.
[Image: 131219236f.png]

I go back into my global.css for Block & Square, and pase in the following code down the bottom:

.forum_status {
	height: 30px;
	width: 30px;
	background: url(images/blockblue/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offlock {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
/*	background: url(images/mini_status_sprite.png) no-repeat 0 0;*/
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_miniofflock {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

- This is a bit more fiddling and a bit of image editing...
After this, I downloaded the default forum_icon_sprite.png from /images
and place in the directory in the above code: "images/blockblue/forum_icon_sprite.png"
And I edited the image, so I placed the circle images from this theme over the default ones. Then opened in photoshop and removed the white background.
Save and/or upload and you should see it.

Now, if you're like me and dislike the rounded edges. You think it makes it look too default?
Back to Templates & Style > Themes > Block & Blue > CSS3.css

At the start of the very first line, before the first character, put in /*
/*tr td.trow1:first-child,

And on the very last line, after the very last character, put in */
}*/

Then it's nice and square-edged.
[Image: d2b161f7e0.png]

Hope this helped!

The link is http://119.252.189.52/mybb/index.php
The thing is, I dislike how mine is different
It looks like that ^
Instead of looking like this:
[Image: 027ed867da.png]