MyBBThemes Community

Full Version: Rounded Cornered Themes
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4
Is there anyway you can tell us what edits you made instead of making us replace the entire code? My templates are already modified and by replacing it with your code they get all screwed up.
Well, this tut is only for rounded corners on the index page. I can give you those code edits if you want, but it will only work on the index. ;)

For all the corners, it is best to download one of my rounded cornered themes, or (before long I'm gonna update MyBB Dream)...
The edits for the Index Page is fine, I'll work out the rest later.
Roger that. I'll see if I can post them tomorrow or so. :)
All right, that'd be great, thanks :D
Okay, here ya go. :)

Follow the steps below:
Open your ACP > Templates > *Your Template Set* > Forum Bit Templates.
--> forumbit_depth1_cat

Find:
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>
<div><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>

Replace it with this:
Code:
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>
<span class="thead"><div style="text-align: left;"><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong>&nbsp;&nbsp;<span class="smalltext">{$forum['description']}</span></div></strong></div></span>
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
</thead>

Open your Index Page Templates and click on index_boardstats

Find:
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>

Replace with
Code:
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" /></div>
<span class="thead"><div style="text-align: left;"><strong>{$lang->boardstats}</strong></div></span>
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

I think that should do it. If you have any problems let me know!
Sweet, it worked :D

Thank you very much for all your help. Sorry for asking so many questions, I'm new at MyBB skinning and still trying to figure some things out.

Do you know how to make an image on the side and bottom as well? If you don't it's fine, don't go to any extra trouble to find out :P

Here's an example in case you don't know what I'm talking about:
[Image: Side.jpg]
Hey, it's no problem. Glad I can help. :)

And no, sorry, I don't know how to do that. :P Audentio might could help you with that one. ;)
Thanks, you saved me some time than having to do it manually.
Very nice! Rounded corners always look nicer. :)
Pages: 1 2 3 4
Reference URL's