inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 9:54:25 GMT -8
Hi guys! So me and the other staff on my site decided to use this pre-made skin for our site. However, when we put the chat box in place the affiliate box jumped from the side to do down below and I cant figure out how to get them side by side. Also, we tried to add a place for the weather in the side bar, but I can't for the life of me figure out how to make the gray borders taller to fit more text/images. We tried going to the original coder, but they have not responded. this is what it should look like, per the test site. this is what it looks like on our test site. Any help or ideas would be much appreciated. |
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 10:05:25 GMT -8
rook230, The test site has the affiliate box in a second cell (td), as it's using a table. On your test forum, it's not inside a cell, in fact there is no second cell at all, hence why it isn't side by side. You need to move the affiliate code into a second cell. Might be easier if you post your layout template so someone can correct it for you if you are struggling 
|
|
inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 10:06:50 GMT -8
How do I post my layout template? Do I just go into theme layout template and copy and paste all of the code?
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 10:10:13 GMT -8
Yes, find the template where the affiliate code is, and copy all of that and paste it between the [code][/code] tags.
|
|
inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 10:12:16 GMT -8
Ok I am pretty sure this is it. I copied the chatbox and affiliate code...
<td colspan="2">
<table>
<tr>
<td>
<div id="cyanide">
<div class="side-name">cbox</div>
<div class="sbtext"><iframe src="https://www4.cbox.ws/box/?boxid=4327854&boxtag=WwaA7k" width="650" height="250" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe> </div></tr></table><br>
<div class="side-box">
<div class="side-name">Affiliates</div>
<center><a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
</center>
</tr>
</table>
</td>
</tr>
</table>
</div>
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 10:17:46 GMT -8
Copy everything in the template and post that.
|
|
inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 10:19:49 GMT -8
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}
<p>Finished with maintenance? $[disable_maintenance_link].</p>
{/if}
</div>
{/if}
<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>
<br /><br /><br />$[header]
<div id="wrap">
<table>
<tr>
<td valign="top">
<div id="wrapper">
<header>
<div id="banner-container" role="banner" style="border:5px solid #ccc;width:745px;">
<h2 id="banner">
</h2>
</div>
</header>
$[participated_threads_link]
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}
<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>
</td>
<td width="250" valign="top">
<div class="side-box">
<div class="side-name">welcome</div>
test make this short and sweet test
</div>
<div class="side-box">
<div class="side-name">weather</div>
<span style="float: left;padding-right: 10px;"><img src="https://img0.etsystatic.com/044/0/6906352/il_75x75.622805238_7po4.jpg"></span>test make this short and sweet test insert small image
</div>
<div class="side-box">
<div class="side-name">census</div>
<table width="100%">
<tr class="staties">
<td>BlazeClan
</td>
<td width="35">? 00
</td>
<td width="35">? 00
</td>
</tr>
<tr class="staties">
<td>ThornClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>TideClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>StormClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>Outsiders
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>Total
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
</table>
</div>
<div class="side-box">
<div class="side-name">navigation</div>
<div class="a-navlink"><a href="urlhere">plot</a></div>
<div class="a-navlink"><a href="urlhere">setting</a></div>
<div class="a-navlink"><a href="urlhere">newbie guide</a></div>
<div class="a-navlink"><a href="urlhere">currency system</a></div>
<div class="a-navlink"><a href="urlhere">canons</a></div>
<div class="a-navlink"><a href="urlhere">races</a></div>
<div class="a-navlink"><a href="urlhere">advertise</a></div>
</div>
<div class="side-box">
<div class="side-name">staff</div>
<table style="margin:0 auto;">
<tr>
<td width="110" height="110" valign="top">
<div class="a-staff" style="background-image:url('http://i.imgur.com/JFRx4Kz.png');"><!--replace the images here with your own staff avatars. do the same for the following-->
<div class="mp-info"><a href="urlhere">staff name</a><!--replace the name and url with your own. do the same for the following-->
<br />admin
</div>
</div>
</td>
<td valign="top">
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />global mod
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />app mod
</div>
</div>
</td>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />ad mod
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="side-box">
<div class="side-name">staff</div>
<table style="margin:0 auto;">
<tr>
<td width="110" height="110" valign="top">
<div class="a-staff" style="background-image:url('http://i.imgur.com/JFRx4Kz.png');"><!--replace the images here with your own staff avatars. do the same for the following-->
<div class="mp-info"><a href="urlhere">staff name</a><!--replace the name and url with your own. do the same for the following-->
<br />admin
</div>
</div>
</td>
<td valign="top">
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />global mod
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />app mod
</div>
</div>
</td>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />ad mod
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="side-box">
<div class="side-name">credits</div>
<i>Site name</i> was created by <b>admin</b>. Content is copyrighted to <i>site name</i> unless otherwise stated. The skin is created by <a href="http://gangnam-style.proboards.com/user/842">Wolf</a> of Gangnam Style. The board and thread remodel is by <a href="http://adoxographyv2.boards.net/user/691">Kagney</a>.
<a href="http://www.pixiv.net/member.php?id=251864">Banner Image Credit</a>. <!--Remove the banner image credit when you use your own banner.-->
</div>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<td>
<div id="cyanide">
<div class="side-name">cbox</div>
<div class="sbtext"><iframe src="https://www4.cbox.ws/box/?boxid=4327854&boxtag=WwaA7k" width="650" height="250" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe> </div></tr></table><br>
<div class="side-box">
<div class="side-name">Affiliates</div>
<center><a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
</center>
</tr>
</table>
</td>
</tr>
</table>
</div>
$[footer]
{if $[is_mobile_browser]}
<br />
<p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 10:30:35 GMT -8
I've added in the missing cell and moved the affiliates into it, but there may still be some issues from comparing the other test forum HTML.
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}
<p>Finished with maintenance? $[disable_maintenance_link].</p>
{/if}
</div>
{/if}
<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>
<br /><br /><br />$[header]
<div id="wrap">
<table>
<tr>
<td valign="top">
<div id="wrapper">
<header>
<div id="banner-container" role="banner" style="border:5px solid #ccc;width:745px;">
<h2 id="banner">
</h2>
</div>
</header>
$[participated_threads_link]
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}
<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>
</td>
<td width="250" valign="top">
<div class="side-box">
<div class="side-name">welcome</div>
test make this short and sweet test
</div>
<div class="side-box">
<div class="side-name">weather</div>
<span style="float: left;padding-right: 10px;"><img src="https://img0.etsystatic.com/044/0/6906352/il_75x75.622805238_7po4.jpg"></span>test make this short and sweet test insert small image
<br style="clear: both;" />
</div>
<div class="side-box">
<div class="side-name">census</div>
<table width="100%">
<tr class="staties">
<td>BlazeClan
</td>
<td width="35">? 00
</td>
<td width="35">? 00
</td>
</tr>
<tr class="staties">
<td>ThornClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>TideClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>StormClan
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>Outsiders
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
<tr class="staties">
<td>Total
</td>
<td>? 00
</td>
<td>? 00
</td>
</tr>
</table>
</div>
<div class="side-box">
<div class="side-name">navigation</div>
<div class="a-navlink"><a href="urlhere">plot</a></div>
<div class="a-navlink"><a href="urlhere">setting</a></div>
<div class="a-navlink"><a href="urlhere">newbie guide</a></div>
<div class="a-navlink"><a href="urlhere">currency system</a></div>
<div class="a-navlink"><a href="urlhere">canons</a></div>
<div class="a-navlink"><a href="urlhere">races</a></div>
<div class="a-navlink"><a href="urlhere">advertise</a></div>
</div>
<div class="side-box">
<div class="side-name">staff</div>
<table style="margin:0 auto;">
<tr>
<td width="110" height="110" valign="top">
<div class="a-staff" style="background-image:url('http://i.imgur.com/JFRx4Kz.png');"><!--replace the images here with your own staff avatars. do the same for the following-->
<div class="mp-info"><a href="urlhere">staff name</a><!--replace the name and url with your own. do the same for the following-->
<br />admin
</div>
</div>
</td>
<td valign="top">
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />global mod
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />app mod
</div>
</div>
</td>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />ad mod
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="side-box">
<div class="side-name">staff</div>
<table style="margin:0 auto;">
<tr>
<td width="110" height="110" valign="top">
<div class="a-staff" style="background-image:url('http://i.imgur.com/JFRx4Kz.png');"><!--replace the images here with your own staff avatars. do the same for the following-->
<div class="mp-info"><a href="urlhere">staff name</a><!--replace the name and url with your own. do the same for the following-->
<br />admin
</div>
</div>
</td>
<td valign="top">
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />global mod
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />app mod
</div>
</div>
</td>
<td>
<div class="a-staff" style="background-image:url('http://placehold.it/100');">
<div class="mp-info"><a href="urlhere">staff name</a>
<br />ad mod
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="side-box">
<div class="side-name">credits</div>
<i>Site name</i> was created by <b>admin</b>. Content is copyrighted to <i>site name</i> unless otherwise stated. The skin is created by <a href="http://gangnam-style.proboards.com/user/842">Wolf</a> of Gangnam Style. The board and thread remodel is by <a href="http://adoxographyv2.boards.net/user/691">Kagney</a>.
<a href="http://www.pixiv.net/member.php?id=251864">Banner Image Credit</a>. <!--Remove the banner image credit when you use your own banner.-->
</div>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<td>
<div id="cyanide">
<div class="side-name">cbox</div>
<div class="sbtext"><iframe src="https://www4.cbox.ws/box/?boxid=4327854&boxtag=WwaA7k" width="650" height="250" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe> </div>
</td>
<td>
<div class="side-box">
<div class="side-name">Affiliates</div>
<center><a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<br>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
<a href="urlhere"><img src="http://placehold.it/88x31" border="0"></a>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
$[footer]
{if $[is_mobile_browser]}
<br />
<p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
|
|
inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 10:35:28 GMT -8
Awesome! That worked perfectly! Thank you so much!
Any chance you can help with the other problem we were having with the sidebar? I can't seem to find where to change the size of the grey borders...
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 10:46:33 GMT -8
Copy my code again. You needed to clear the float on the span that has the image in. |
|
inherit
224742
0
Jan 6, 2018 12:57:58 GMT -8
rook230
8
September 2015
rook230
|
Post by rook230 on May 16, 2017 11:00:57 GMT -8
oh ok, that makes sense! Thank you so much Peter!
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on May 16, 2017 11:15:09 GMT -8
No worries. One wrong tag placement and it can ruin the look  Looks better now, good job |
|
