inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 13:11:51 GMT -8
Forum URL: hon.boards.net/Alright, so I'm trying to code my own side bar, and I'm successful, sort of. LOL I'm trying to get it to where the title bars from the forum part of the site do not run across into the sidebar like it is currently. How do I fix this?
|
|
inherit
133146
0
Jan 7, 2024 2:07:03 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on Jan 18, 2015 13:16:59 GMT -8
I'd use a table instead of a float... like so:
<table width="100%">
<tr>
<td vAlign="top" width="20%">side bar</td>
<td width="10px"></td>
<td vAlign="top">forum content</td>
</tr>
</table>
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 13:18:53 GMT -8
I'd use a table instead of a float... like so: <table width="100%">
<tr>
<td vAlign="top" width="20%">side bar</td>
<td width="10px"></td>
<td vAlign="top">forum content</td>
</tr>
</table>So use a table instead of the div? And use that for the sidebar only? I'm a little confused on that. It's been SO long since I've used tables lol |
|
inherit
133146
0
Jan 7, 2024 2:07:03 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on Jan 18, 2015 13:24:06 GMT -8
Yes instead of the div. The table, shown above, would be within your forum wrapper div's and would separate the side bar from the forum content.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 13:25:39 GMT -8
Yes instead of the div. The table, shown above, would be within your forum wrapper div's and would separate the side bar from the forum content. Alright so where it says forum content, i would add the codes for the forum content itself? |
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 13:28:10 GMT -8
Sorry for the double post. I think I did this correctly LOL
|
|
inherit
133146
0
Jan 7, 2024 2:07:03 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on Jan 18, 2015 13:31:33 GMT -8
I'll just make this easier and post exactly what you want in your entire forum wrapper: <!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a>
<a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a>
<div id="navigation-menu" class="ui-helper-clearfix">
<ul role="navigation">
{foreach $[navigation.menu]}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}
</ul>
<p id="welcome">
{if !$[current_user.is_member]}
Welcome Guest.
{if $[login_link] || $[register_link]}
Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link].
{/if}
{else}
<span>Welcome $[current_user.name].</span> $[logout_link]
{/if}
</p>
</div>
</header>
<table width="100%">
<tr>
<td width="20%" vAlign="top">
sidetables
</td>
<td width="10px"></td>
<td vAlign="top">
$[participated_threads_link]
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}
$[header]
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
$[shoutbox]
</div>
$[footer]
</td>
</tr>
</table>
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 13:55:44 GMT -8
I will use that If need be, but does the way I have it now not look right somewhere?
|
|
inherit
133146
0
Jan 7, 2024 2:07:03 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on Jan 18, 2015 14:11:53 GMT -8
It doesn't look right everywhere which is why I suggested the above.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 15:21:34 GMT -8
Alright, I fixed it using your code, but moving a few things does that look better?
|
|
inherit
133146
0
Jan 7, 2024 2:07:03 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on Jan 18, 2015 15:53:54 GMT -8
Yup.  |
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Jan 18, 2015 16:01:14 GMT -8
Yup. Thank you for the technical help one again! |
|
inherit
227196
0
Dec 14, 2015 7:23:28 GMT -8
leocozy
4
December 2015
leocozy
|
Post by leocozy on Dec 14, 2015 7:09:57 GMT -8
Sorry to reopen this topic, i tried the code and all i saw was a huge space at the left hand side of my forum with nothing showing, so how do i edit the code to start having titles and visible contents? thanks
|
|
#eb7100
33409
0
1
May 16, 2024 19:58:36 GMT -8
Brian
48,129
November 2004
smashmaster3
|
Post by Brian on Dec 14, 2015 8:54:40 GMT -8
The contents of your sidebar would be contained within this line: You'd need to manually add your preferred HTML to the section in green to produce your own containers. Alternatively, this plugin does all of this for you without the need for a template modification: www.proboards.com/library/plugins/item/2 |
|
