MyBB Community Forums

Full Version: [Vienna Theme] How can I add Left and Right borders?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello guys, i almost finished my editing of vienna template.
But i have one problem. I can't figure out how to add left and right borders like on the image.
A hope someone can help me, thanks.

[Image: H5Paw31.jpg]

EDIT: Oh, I just saw i posted this in wrong section, sorry about that!
trow1 and trow2 in global.css

Border-left: 1px solid #000;
border-right: 1px solid #181818;

You'll have to mess about with it how you want it by editing each trow.
It's not working when i add that to trow1 and trow1, but..

[Image: 1d45b886ee274ca28f826f155b05fc7f.png]

PS: I would give you a test account but this is localhost Confused
EDIT: Also, when i add that white corners appears, see image

I forgot. Beside this borders, i wanted to make this "Forum" "Statistics" "Last Post" like in the first image
But when I add this code
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>Forum</strong></span></td>
<td class="tcat" style="white-space: nowrap" colspan="1" align="center" width="100"><span class="smalltext"><strong>Statistics</strong></span></td>
<td class="tcat" align="right" width="200"><span class="smalltext"><strong>Last Post</strong></span></td>
</tr>
inside my forumbit_depth1_cat I'm getting this orange http://image.prntscr.com/image/72ddb10af...b89383.png
It's because i delete the tcat, you'll need to add a width on the forum posts count

<td class="{$bgcolor}" width="10%" align="right" style="white-space: nowrap">
<strong>{$threads} {$unapproved['unapproved_threads']}</strong> <br />Topics
</td>

Add that in forumbit_depth2 on the post count

For the white borders you'll need to edit the background color for table an tborder.
I think the index tborder is renamed so you'll need to look in forumbit_depth1_cat (I don't have it installed)
(2016-07-06, 05:56 PM)iAndrew Wrote: [ -> ]It's because i delete the tcat, you'll need to add a width on the forum posts count

<td class="{$bgcolor}" width="10%" align="right" style="white-space: nowrap">
<strong>{$threads} {$unapproved['unapproved_threads']}</strong> <br />Topics
</td>

Add that in forumbit_depth2 on the post count

For the white borders you'll need to edit the background color for table an tborder.
I think the index tborder is renamed so you'll need to look in forumbit_depth1_cat  (I don't have it installed)

I added this in forumbit_depth2_cat (i dont have forumbit_depth2 without _cat)



<td class="{$bgcolor}" width="10%" align="right" style="white-space: nowrap"> 
<strong>{$threads} {$unapproved['unapproved_threads']}</strong> <br />Topics 
</td>



[Image: bfe33ec9fd0a4c968cb0dae5b645d06d.png]

Then, i added this in css3.css: - See image below

border-left: 1px solid #303030;
border-right: 1px solid #181818;

[Image: 07cb4239149b427d8dcf8450a1974c05.png]

Then, i added this in forumbit_deph1_cat

<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>Forum</strong></span></td>
<td class="tcat" style="white-space: nowrap" colspan="1" align="center" width="100"><span class="smalltext"><strong>Statistics</strong></span></td>
<td class="tcat" align="right" width="200"><span class="smalltext"><strong>Last Post</strong></span></td>
</tr>

[Image: 237b509ca967425a877c5729e6495e0f.png]

THE FINAL RESULT
[Image: 261536606714491ea495e890ae9b5555.png]


Please just tell me what you need (forumbut_deph1_cat, global.css,..) i will paste to you here so you can fix it.
I spent 8 hours on this and man... i just can't handle it anymore, beleve me. It's pissing me off.
http://image.prntscr.com/image/237b509ca...495e0f.png
Your code is all messed up, you have put the tcat inside the thead.


Use this code in forumbit_depth1_cat



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />


(2016-07-06, 09:31 PM)iAndrew Wrote: [ -> ]http://image.prntscr.com/image/237b509ca...495e0f.png
Your code is all messed up, you have put the tcat inside the thead.


Use this code in forumbit_depth1_cat



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />


http://prntscr.com/bpp0w3 Huh Huh Huh
Upload the theme on here and send me a pm with the link, i'll edit for you.

https://uploadfiles.io
(2016-07-06, 10:06 PM)iAndrew Wrote: [ -> ]Upload the theme on here and send me a pm with the link, i'll edit for you.

https://uploadfiles.io

Sent