Post by Nefa on Apr 19, 2014 12:54:28 GMT -8
Forum URL: thefireorigin.boards.net
I am using a modified "Purple Dream" by Margie theme.
I have a small problem with the title not aligning with the banner and rest of the page. Here is a screenshot.
And this is what my current 'Home' template looks like.
I apologize if this is in the wrong forum. I checked a bit and this seemed the most suitable place, but please correct me if I'm wrong.
I am using a modified "Purple Dream" by Margie theme.
I have a small problem with the title not aligning with the banner and rest of the page. Here is a screenshot.
And this is what my current 'Home' template looks like.
<html>
$[tag.html.open]
<center>
<header>
<div class="titles1">WELCOME TO $[forum.name]</div>
<div class="info-table">
<div class="info-wel">
<div class="info-titles">$[forum.name]</div>
<div class="wel-content">welcome message or plot or info or whatever goes here. welcome message or plot or info or whatever goes here. welcome message or plot or info or whatever goes here. welcome message or plot or info or whatever goes here.</div>
<div class="info-titles">UPDATES</div>
<div class="wel-content">update goes here. update goes here. update goes here. update goes here. update goes here. update goes here. update goes here. update goes here.</div>
</div>
<div class="info-center">
<div class="info-quick">
<div class="info-titles">LINKS</div>
<div class="quick-content">
<a href="http://" class="quick">LINK #1</a>
<a href="http://" class="quick">LINK #2</a>
<a href="http://" class="quick">LINK #3</a>
<a href="http://" class="quick">LINK #4</a>
<a href="http://" class="quick">LINK #5</a>
<a href="http://" class="quick">LINK #6</a>
</div>
</div>
<div class="info-spotlight">
<div class="info-titles">SPOTLIGHT</div>
<div class="spotlight-content">
<center>
<div class="spotlighttype">TYPE</div>
<div class="spotlighttype">TYPE</div>
<div class="spotlighttype">TYPE</div>
<br clear="all">
<div style="background-image:url('http://placehold.it/90x75');margin-bottom:10px;" class="spotlight"><div class="spotlighthover"><div class="spotlightname">Long Name Here</div></div></div>
<div style="background-image:url('http://placehold.it/90x75');margin-bottom:10px;" class="spotlight"><div class="spotlighthover"><div class="spotlightname">Name Here</div></div></div>
<div style="background-image:url('http://placehold.it/90x75');margin-bottom:0;" class="spotlight"><div class="spotlighthover"><div class="spotlightname">Name Here</div></div></div>
</center>
</div>
</div>
</div>
<div class="info-staff">
<div class="info-titles">STAFF</div>
<div class="staff-content">
<center>
<div style="background-image:url('http://placehold.it/180x60');margin-bottom:10px;" class="staff2"><div class="staffhover"><div class="staffname">Long Name Here</div></div></div>
<div style="background-image:url('http://placehold.it/180x60');margin-bottom:10px;" class="staff2"><div class="staffhover"><div class="staffname">Name Here</div></div></div>
<div style="background-image:url('http://placehold.it/180x60');margin-bottom:0;" class="staff2"><div class="staffhover"><div class="staffname">Name Here</div></div></div>
</center>
</div>
</div>
<br clear="all" />
</div>
$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="titles" style="margin-left:-30px;margin-bottom:10px;">$[category.display_name]</div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[show_stats]}
<div class="titles" style="margin-left:-30px;">Forum Information & Statistics</div>
<div class="info-users">
<div class="users-title">USERS CURRENTLY ONLINE</div>
<div class="users-content">
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
</div>
<div class="users-title">USERS ONLINE IN THE LAST 24 HOURS</div>
<div class="users-content">
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
</div>
</div>
<div class="info-stats">
<div class="stats-title">THREADS & POSTS</div>
<div class="stats-content">
Total threads: $[total_threads] Total posts: $[total_posts]
<br /><br />
Latest <a href="$[recent_threads_link.href]">threads</a> and <a href="$[recent_posts_link.href]">posts</a>.
<div class="latest-title">LATEST POST</div>
$[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by]
</div>
<div class="stats-title">MEMBERS</div>
<div class="stats-content">
$[total_members] Members Newest member: $[newest_user]
<br /><br />
Today's <a href="$[birthdays_today_link.href]">birthdays</a>!
</div>
</div>
<div class="clear"></div>
{/if}
<br>
<div class="titles" style="margin-left:-30px;">Affiliates</div>
<br>
<div style="background-color:#383838;padding:10px;height:110px;">
<div align="center">
<div align="center" style="border:0px solid #111111;width:800px;height:100px;margin-left:10px;float:left;padding:5px;text-align:center;">
<img src="http://placehold.it/367x31" /> <img src="http://placehold.it/367x31" /><br>
<a href="http://forgottenpurrsrp.boards.net/" target="_blank" title="Forgotten Purrs"><img src="http://i56.servimg.com/u/f56/15/55/73/97/fpaffi10.png" alt="Forgotten Purrs" border="0" width="88px" height="31px" /></a> <img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
<img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
<img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
<img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
<img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
<img src="http://placehold.it/88x31" /> <img src="http://placehold.it/88x31" />
</div>
</div>
</div>
I apologize if this is in the wrong forum. I checked a bit and this seemed the most suitable place, but please correct me if I'm wrong.
