Making Blog Appear Like A Module

[papokergod]

Didn't see anyone post this up at all so here goes:

Ever wanted to use blogs and your navigation module and blog navigation is all to the left hand side? And your blog navigation doesn't look like the left column modules?

Well, this fixes all of that. At least with vBulletin Blog v1.0.2

Templates modified:

BLOG
blog_sidebar_calender
blog_sidebar_generic


BLOG

Find:
#content_container {
width:100%;
float:$stylevar[right];
margin-$stylevar[left]:-206px;
background: $stylevar[page_bgcolor];
}
#content {
margin-$stylevar[left]:206px;
background: $stylevar[page_bgcolor];
}
#sidebar_container {
width:200px;
float:$stylevar[left];
background: $stylevar[page_bgcolor];
}



Replace with:
#content_container {
width:100%;
float:$stylevar[left];
margin-right:-205px;
background: $stylevar[page_bgcolor];
}
#content {
margin-right:205px;
background: $stylevar[page_bgcolor];
}
#sidebar_container {
width:190px;
float:$stylevar[right];
background: $stylevar[page_bgcolor];
}


blog_sidebar_calender

Find:

<th class="thead" colspan="7" style="padding: $stylevar[cellpadding]px" align="$stylevar[left]">

Replace with:

<th class="tcat" colspan="7" style="padding: $stylevar[cellpadding]px" align="$stylevar[left]">

Find:

<th class="tcat smallfont" colspan="7" align="center">

Replace with:

<th class="thead smallfont" colspan="7" align="center">

Find:

<th class="tcat smallfont">$day1</th>
<th class="tcat smallfont">$day2</th>
<th class="tcat smallfont">$day3</th>
<th class="tcat smallfont">$day4</th>
<th class="tcat smallfont">$day5</th>
<th class="tcat smallfont">$day6</th>
<th class="tcat smallfont">$day7</th>

Replace with:

<th class="thead smallfont">$day1</th>
<th class="thead smallfont">$day2</th>
<th class="thead smallfont">$day3</th>
<th class="thead smallfont">$day4</th>
<th class="thead smallfont">$day5</th>
<th class="thead smallfont">$day6</th>
<th class="thead smallfont">$day7</th>



blog_sidebar_generic


Find:

<div class="thead" style="padding:$stylevar[cellpadding]px">$vbphrase[blog_statistics]</div>

Replace with:

<div class="tcat" style="padding:$stylevar[cellpadding]px">$vbphrase[blog_statistics]</div>

Find:

<div class="thead" style="padding:$stylevar[cellpadding]px">$vbphrase[options]</div>

Replace with:

<div class="tcat" style="padding:$stylevar[cellpadding]px">$vbphrase[options]</div>

Find:

<div class="thead" style="padding:$stylevar[cellpadding]px">

Repalce with:

<div class="tcat" style="padding:$stylevar[cellpadding]px">





As a side note the px values in the BLOG template can be changed to match the px padding and left/right module px you have set in CMPS mine is 15px for padding and 190px for the left/right columns.

ie the difference between 190px for the #sidebar_container and (+/-)205px for the #content_container and #content is 15px

if your is 10px padding and 200px left/right columns then it would be
200px for the #sidebar_container and (+/-)210px for the #content_container and #content


Hope this helps out someone. It did for me.

[kamikage]

Screenshots please?