2014-10-19, 12:40
- Description:
Hi
I want to know how to get a footer like this:
- Information:
Forum: | http://www.wolffighterz.com/ | Version: | PUNBB |
Type: | Request a code | Tags: | footer,this? |
Board Index » Forumotion » [Read Only] Questions & Problems »[Solved] How to get a footer like this?
Go to page : 1, 2
Hi
I want to know how to get a footer like this:
Forum: | http://www.wolffighterz.com/ | Version: | PUNBB |
Type: | Request a code | Tags: | footer,this? |
Post the site from where you've seen that footer design, since it's only plain css.Cesar wrote:[link="/t673-how-to-get-a-footer-like-this#4236"] Did someone gave me a response and I can't see it? :\
[panda=html]<!-- BEGIN disable_viewonline -->
<table>
<tbody>
<tr>
<td width="35px" valign="top" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/map_marker.png">
</td>
<td valign="top" style="padding-left: 5px; padding-right: 5px; padding-bottom: 5px;">
<p> {TOTAL_USERS_ONLINE}
<br>
<br>{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}<br>
{L_CONNECTED_MEMBERS}
</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/services.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;">
<p>Legend : {GROUP_LEGEND}</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/folder.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;"><img alt="Mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/butonm10.png"> Mesaje noi<img alt="Nu sunt mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/buton10.png"> Nu sunt mesaje noi<img alt="Forum Blocat" src="http://i39.servimg.com/u/f39/17/59/19/05/lck10.png"> Forum Blocat</td>
</tr>
</tbody>
</table>
<!-- END disable_viewonline -->
<div class="module main">
<div class="main-head"><div class="h3">{L_TOP_POSTERS}</div></div>
<div class="main-content">
<table summary="{L_TOP_POSTERS}" width="100%" style="table-layout:auto;">
<!-- BEGIN POSTER -->
<tr>
<td class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>
<!-- END POSTER -->
</table>
<br class="clear" />
</div>
</div>
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<script>
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');
});
</script>
<div id="statistics">
<br />
<ul class="statsPers">
<li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
<li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
<li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
<li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
</ul>
<br />
</div>
<table>
<tbody>
<tr>
<td width="35px" valign="top" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/map_marker.png">
</td>
<td valign="top" style="padding-left: 5px; padding-right: 5px; padding-bottom: 5px;">
<p> {TOTAL_USERS_ONLINE}
<br>
<br>{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}<br>
{L_CONNECTED_MEMBERS}
</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/services.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;">
<p>Legend : {GROUP_LEGEND}</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/folder.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;"><img alt="Mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/butonm10.png"> Mesaje noi<img alt="Nu sunt mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/buton10.png"> Nu sunt mesaje noi<img alt="Forum Blocat" src="http://i39.servimg.com/u/f39/17/59/19/05/lck10.png"> Forum Blocat
<div class="module main">
<div class="main-head"><div class="h3">{L_TOP_POSTERS}</div></div>
<div class="main-content">
<table summary="{L_TOP_POSTERS}" width="100%" style="table-layout:auto;">
<!-- BEGIN POSTER -->
<tr>
<td class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>
<!-- END POSTER -->
</table>
<br class="clear" />
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}
<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>
.contt td[width="35px"] img {
opacity: .3;
transition: all .2s ease-in-out!important;
}
</style>
<div class="module main">
<div class="main-head"><div class="h3">{L_TOP_POSTERS}</div></div>
<div class="main-content">
<table summary="{L_TOP_POSTERS}" width="100%" style="table-layout:auto;">
<!-- BEGIN POSTER -->
<tr>
<td class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>
<!-- END POSTER -->
</table>
<br class="clear" />
</div>
</div>
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<script>
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');
});
</script>
<div id="statistics">
<br />
<ul class="statsPers">
<li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
<li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
<li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
<li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
</ul>
<br />
</div>
<table>
<tbody>
<tr>
<td width="35px" valign="top" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/map_marker.png">
</td>
<td valign="top" style="padding-left: 5px; padding-right: 5px; padding-bottom: 5px;">
<p> {TOTAL_USERS_ONLINE}
<br>
<br>{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}<br>
{L_CONNECTED_MEMBERS}
</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/32/services.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;">
<p>Legend : {GROUP_LEGEND}</p>
</td>
</tr>
<tr>
<td width="35px" style="border-right: 1px dashed #ccc; padding-left:5px; padding-right: 5px;"><img src="https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/folder.png">
</td>
<td style="border-top: 1px dashed #CCC !important; padding: 5px;"><img alt="Mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/butonm10.png"> Mesaje noi<img alt="Nu sunt mesaje noi" src="http://i39.servimg.com/u/f39/17/59/19/05/buton10.png"> Nu sunt mesaje noi<img alt="Forum Blocat" src="http://i39.servimg.com/u/f39/17/59/19/05/lck10.png"> Forum Blocat
<div class="module main">
<div class="main-head"><div class="h3">{L_TOP_POSTERS}</div></div>
<div class="main-content">
<table summary="{L_TOP_POSTERS}" width="100%" style="table-layout:auto;">
<!-- BEGIN POSTER -->
<tr>
<td class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>
<!-- END POSTER -->
</table>
<br class="clear" />
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}
<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>
.contt td[width="35px"] img {
opacity: .3;
transition: all .2s ease-in-out!important;
}
</style>
jQuery(function(){jQuery('#nav_app_forums').addClass('active');jQuery('#topz').load('/portal #top_postatori')});
Go to page : 1, 2
Topic URL's
URL | |
BBcode | |
HTML |
Permissions in this forum:
You cannot reply to topics in this forum
|
|
Copyright © 2012 - 2021, PunBB Community Version 5.0
All content in our forums is property of Forumotion.com and PunBB Design.