|
|
home
Aug 9, 2015 16:31:51 GMT -5
Post by Tumble on Aug 9, 2015 16:31:51 GMT -5
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th>Threads and Posts</th></tr>
<tr><td>Total Threads: $[total_threads] Total Posts: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td>Last Updated: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])</td></tr>{/if}
<tr><td>$[recent_threads_link] - $[recent_posts_link] - $[rss_feed_link]{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info">
<table>
<tbody>
<tr><th>Members</th></tr>
<tr><td>Total Members: $[total_members]</td></tr>
<tr><td>Newest Member: $[newest_user]</td></tr>
<tr><td>Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span></td></tr>
<tr><td>$[birthdays_today_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online</th></tr>
<tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</td></tr>
<tr><td>
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}
, and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="last">
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online_24]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online in the Last 24 Hours</th></tr>
<tr><td>$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.</td></tr>
<tr><td>
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">Chat and Affliates</div></h2></div>
<div class="content cap-bottom">
<table class="list" style="width:100%;">
<tr>
<td id="left_affi" rowspan="3">
<center><img style="width:450px; height:400px;" scr="http://mychatbox"></center>
</td>
<td id="right_affi" vAlign="top">
<!--innertable-->
<table>
<tr>
<td rowspan='2' class="two_rows">
Chat Rules<br><br>
<ul>
<li>Don't Advertise</li>
<li>Don't Spam</li>
<li>Register only 1 name</li>
<li>Be Respectful</li>
</ul><br>
C-box<br>
</td>
<td rowspan='2' class="two_rows">
<script type="text/javascript">
document.write(document.getElementById('avatarsave').innerHTML);
</script><br><br>
</td>
<td style="width:40%;padding-top:18px;padding-right:8px;vertical-align:top;height:50%;">
<div id="navigation-menu" class="ui-helper-clearfix">
<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>
</td>
</tr>
<tr>
<td style="float:right;padding-right:8px;vertical-align:top;height:50%;">
You have
<script type="text/javascript">
document.write(document.getElementById('pmsave').innerHTML);
</script>
Private Message(s)
</td>
</tr>
</table>
<!--end inner table-->
<!--You could add something else here-->
</td>
</tr>
<tr>
<td id="right_affi">
<img src="http://i657.photobucket.com/albums/uu300/EliteList/Mini%20banners/affi1.png" border="0">
<textarea>
<a href="http://linktoyoursite.com"><img src="http://i657.photobucket.com/albums/uu300/EliteList/Mini%20banners/affi1.png"></a>
</textarea>
</td>
</tr>
<tr>
<td id="right_affi">
<!--if some images are not showing increase the p tag width percentage-->
<div style="border:1px solid black;width:500px;height:64px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:150%;">
<a href="http://linktoyoursite.com"><img src="http://i657.photobucket.com/albums/uu300/EliteList/Mini%20banners/affi1.png"></a>
<a href="http://linktoyoursite.com"><img src="http://i657.photobucket.com/albums/uu300/EliteList/Mini%20banners/affi1.png"></a>
<a href="http://linktoyoursite.com"><img src="http://i657.photobucket.com/albums/uu300/EliteList/Mini%20banners/affi1.png"></a>
</p>
</div>
</td>
</tr>
</table>
</div>
</div>
|
|
|
|
home
Aug 30, 2015 23:50:59 GMT -5
Post by Tumble on Aug 30, 2015 23:50:59 GMT -5
scrolling images
<style>
#scroller_wrapper{
width:900px; height:150px;
margin:auto;background: rgba(54, 25, 25, .5);
}
/*this is the div around the text needed for pixel width to center/position text*/
.my_text {
margin:auto;position:relative;
top:-36px; width:73px;background-color:#aaaaaa;
text-align:center;
font-size:10px;
}
.my_text:hover {
background-color:red;
}
/*the first image text needed special alignment*/
#my_image1 .my_text{
margin-left: 7px;
}
/*makes the images go in a row*/
#my_image1,#my_image2,
#my_image3,#my_image4{display:inline-block;
}
/*this first image needs slightly different margins*/
#my_image1 img{
position:relative;top:-10px;
width:75px;
height:125px;
border:4px solid gray;
padding:2px;
margin:0px 4px 0px 0px;
}
/*all other image div id's except the first one go here*/
#my_image2 img,#my_image3 img,#my_image4 img{
position:relative;top:-10px;
width:75px;
height:125px;
border:4px solid gray;
padding:2px;
margin:0px 2px 0px 2px;
}
/*your link color*/
.my_text a{
color:#0000ff;
}
/*this hides the text so the hover text can appear*/
#my_image1 a:hover span, #my_image2 a:hover span,
#my_image3 a:hover span, #my_image4 a:hover span {
display:none;
}
#my_image1 a:hover:before {content:"Lippy";color:red;}
#my_image2 a:hover:before {content:"Chinky";color:green;}
#my_image3 a:hover:before {content:"Duvort";color:purple;}
#my_image4 a:hover:before {content:"Quabbit";color:cyan;}
</style>
<div id="scroller_wrapper">
<!--*adjust the marqueed div below in the jquery-->
<div class="marquee" id="mycrawler2">
<div id="my_image1"><img src="http://storage.proboards.com/3422154/i/HhB4hrruia2Ev0215N1i.png" />
<div class="my_text"><a href="http://linktoprofile.com"><span>Tumbleweed</span></a></div>
</div>
<div id="my_image2"><img src="http://storage.proboards.com/3422154/i/8NoFOVJixNLYjdq49k1D.jpg" />
<div class="my_text"><a href="http://linktoprofile.com"><span>Alleyesonme</span></a></div>
</div>
<div id="my_image3"><img src="http://storage.proboards.com/3422154/i/g98WueihI8rPSXveeSDl.png" />
<div class="my_text"><a href="http://linktoprofile.com"><span>Tiffy-Bean</span></a></div>
</div>
<div id="my_image4"><img src="http://storage.proboards.com/3422154/i/pWM6hId5Ss3et8B31SpE.png" />
<div class="my_text"><a href="http://linktoprofile.com"><span>Buffie</span></a></div>
</div>
</div>
</div>
|
|
|
|
home
Aug 31, 2015 0:01:42 GMT -5
Post by Tumble on Aug 31, 2015 0:01:42 GMT -5
|
|
