Construir pequeno footer
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Construir pequeno footer
Detalhes da questão
Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3
Descrição
Olá!
Vinha pedir algo construtivo e não sei se seja possível, queria algo assim:
![Construir pequeno footer 14t1w5w](https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg)
Isso foi montado pelo Photoshop mas queria colocar assim logo abaixo das Estatísticas do fórum:
- http://master-publicitario.forumeiros.com/
Queria bem estruturado e se possível dessa forma!
Re: Construir pequeno footer
Olá!
Não ficou exatamente igual, mas veja se está ao seu agrado:
Até mais.
Fraise
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Não ficou exatamente igual, mas veja se está ao seu agrado:
- Código:
<style>
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box!important;
padding:10px;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}
</style>
<div class="titulofooter"> Parceiros do Master Publicitário </div>
<div class="abas">
<div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
</div>
<br>
<hr>
<div class="fim">Texto</div>
Até mais.
Fraise
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Re: Construir pequeno footer
Onde o senhor desejar. ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Pode ser na mensagem da página inicial, numa página HTML, entre outros.![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Pode ser na mensagem da página inicial, numa página HTML, entre outros.
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
Re: Construir pequeno footer
Tentei colocar na Homepage mas dá conflito com o meu slide, coloquei numa página HTML:
- http://master-publicitario.forumeiros.com/h1-footer
Até é isso amigo só que queria colocar mesmo no fórum percebeu?
- http://master-publicitario.forumeiros.com/h1-footer
Até é isso amigo só que queria colocar mesmo no fórum percebeu?
Re: Construir pequeno footer
Bem, vá em teu Template Geral ->> overall_footer_end e coloque este:
Até mais.
Sennior
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul class="linklist clearfix">
<li class="rightside">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<style>
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box!important;
padding:10px;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}
</style>
<div class="titulofooter"> Parceiros do Master Publicitário </div>
<div class="abas">
<div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
</div>
<br>
<hr>
<div class="fim">Texto</div>
<p class="copyright">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Até mais.
Sennior
Re: Construir pequeno footer
Se não quiser estar a editar templates, pode fazer assim:
Crie um novo JavaScript com investimento em todas as páginas:
E em seguida, adicione à sua folha de estilos:
Até mais.
Fraise
Crie um novo JavaScript com investimento em todas as páginas:
- Código:
jQuery(document).ready(function() {
jQuery('#page-footer').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});
E em seguida, adicione à sua folha de estilos:
- Código:
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}
#aba1, #aba2, #aba3 {
display:inline;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}
Até mais.
Fraise
Re: Construir pequeno footer
Retirei o template do Sennior para ver como ficava e até está +/- mas se desejar fazer por template agradeço amigo!! Mas agora falta colocar o fundo do fórum...
Re: Construir pequeno footer
Troque o CSS por este:
Até mais.
Fraise
- Código:
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
background-color:#fff !important;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
background-color:#fff !important;
}
#aba1, #aba2, #aba3 {
display:inline;
background-color:#fff !important;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
background-color:#fff !important;
}
Até mais.
Fraise
Re: Construir pequeno footer
Já apareceu algo, mas se reparar o fórum não é todo em branco se reparar ele é montado por imagens...
Re: Construir pequeno footer
No CSS que eu lhe forneci, localize todos estes códigos:
Até mais.
Fraise
- Código:
background-color:#fff !important;
- Código:
background: url('URL_DA_IMAGEM') !important;
Até mais.
Fraise
Re: Construir pequeno footer
Ficou perfeito só falta ajustar por exemplo colocar lado a lado o TITULO e TEXTO como na imagem.
Re: Construir pequeno footer
Perdão.. te havia passado uma parte do CSS errada!
Adicione no inicio da sua folha de estilos:
Até mais.
Fraise
Adicione no inicio da sua folha de estilos:
- Código:
#aba1, #aba2, #aba3 {
display: -webkit-inline-box !important;
}
Até mais.
Fraise
Re: Construir pequeno footer
Está quase amigo veja:
- http://master-publicitario.forumeiros.com/
Se reparar aparece algo no meio da letras e está quase a ficar fechado![Feliz](/users/2612/28/77/07/smiles/61552.gif)
- http://master-publicitario.forumeiros.com/
Se reparar aparece algo no meio da letras e está quase a ficar fechado
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Re: Construir pequeno footer
Adicione mais este no inicio da folha de estilos:
Até mais.
- Código:
#aba1, #aba2, #aba3 {
background: none !important;
}
Até mais.
Re: Construir pequeno footer
Claro aqui está:
- http://pastebin.com/vbRXZMEy
Uma pequena notificação que reparei depois, eu apenas quero esse "footer" só a aparecer na página inicial e não nas outras, porque reparei que também aparece dentro dos tópicos e assim...
- http://pastebin.com/vbRXZMEy
Uma pequena notificação que reparei depois, eu apenas quero esse "footer" só a aparecer na página inicial e não nas outras, porque reparei que também aparece dentro dos tópicos e assim...
Re: Construir pequeno footer
Okay. Troque o CSS do footer por este:
E o JavaScript por este:
Até mais.
Fraise
- Código:
/* Footer */
#aba1, #aba2, #aba3 {
background: none !important;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box !important;
}
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/body33.png') !important;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}
#aba1, #aba2, #aba3 {
display:inline;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/body33.png') !important;
}
E o JavaScript por este:
- Código:
jQuery(document).ready(function() {
jQuery('div.panel.introduction').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});
Até mais.
Fraise
Re: Construir pequeno footer
É suposto. Para que apareça apenas na página inicial. ![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Tudo certo agora ou deseja algo mais?
Até mais.
Fraise
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Tudo certo agora ou deseja algo mais?
Até mais.
Fraise
Re: Construir pequeno footer
Bem ele agora aparece apenas na inicial e sim era isso, mas queria agora colocar no fundo e por baixo das Estatísticas como estava antes percebeu amigo?
Re: Construir pequeno footer
Troque o JavaScript por este:
Tudo bem agora?![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
Fraise
- Código:
jQuery(document).ready(function() {
jQuery('a[href="/search?search_id=activetopics"').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});
Tudo bem agora?
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
Fraise
Re: Construir pequeno footer
Tá complicado!
Veja assim:
Caso não funcione:
Até mais.
![Rindo](/users/2612/28/77/07/smiles/287176.gif)
Veja assim:
- Código:
jQuery(document).ready(function() {
jQuery('p.page-bottom').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});
Caso não funcione:
- Código:
jQuery(document).ready(function() {
jQuery('p.page-bottom').after('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});
Até mais.
Re: Construir pequeno footer
Ficou em cima das estatísticas e repetiu veja amigo:
- http://master-publicitario.forumeiros.com/
- http://master-publicitario.forumeiros.com/
Re: Construir pequeno footer
O melhor mesmo é nos proceder à edição por template.
Poderia me fornecer o seu template index_body?
Até mais.
Fraise
Poderia me fornecer o seu template index_body?
Até mais.
Fraise
Re: Construir pequeno footer
Claro, aqui está amigo:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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 -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><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>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Re: Construir pequeno footer
Troque por este:
Até mais.
Fraise
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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 -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div>
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Até mais.
Fraise
Re: Construir pequeno footer
Está quase amigo, consegue retira estas pequenas falhas?
![Construir pequeno footer 14l6c80](https://2img.net/h/oi61.tinypic.com/14l6c80.png)
E colocar o título "PARCEIROS DO MASTER PUBLICITÁRIO" do tamanho e verde como o de "Estatísticas" e também se possível deixar como nesta print?
- https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg
Colocar um pequeno banner e separados?
![Construir pequeno footer 14l6c80](https://2img.net/h/oi61.tinypic.com/14l6c80.png)
E colocar o título "PARCEIROS DO MASTER PUBLICITÁRIO" do tamanho e verde como o de "Estatísticas" e também se possível deixar como nesta print?
- https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg
Colocar um pequeno banner e separados?
Re: Construir pequeno footer
Adicione no inicio da sua folha de estilos:
Mais alguma coisa?![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
Fraise
- Código:
.titulofooter { background: none !important; }
.fim { background: none !important; }
.titulofooter {
border: 1px solid #548710!important;
border-radius: 6px!important;
padding: 3px!important;
text-align: center!important;
color: #548710 !important;
}
Mais alguma coisa?
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Até mais.
Fraise
Re: Construir pequeno footer
Seria possível colocar mais pequeno o título? E se reparar ainda tem aquelas pequenas falhas :/
Re: Construir pequeno footer
Ismael, bom dia.
Você precisa ser específico com sua dúvida. Na verdade, você em momento algum deixa claro o que precisa. Arruamos uma coisa e você quer outra do nada. Por favor, nos deixe saber de tudo o que precisa, pois, quando mais você demora a explicar o que realmente quer mais o tópico e o suporte vai demorando!
Para aumentar ou diminuir um texto usando CSS Ismael, é preciso usar a propriedade font-size. Então, vá em seu CSS e localize:
Nós estamos a sua disposição para tirar suas dúvidas na qual o senhor tentou modificar. Queremos ensiná-lo como fazer.
Você precisa ser específico com sua dúvida. Na verdade, você em momento algum deixa claro o que precisa. Arruamos uma coisa e você quer outra do nada. Por favor, nos deixe saber de tudo o que precisa, pois, quando mais você demora a explicar o que realmente quer mais o tópico e o suporte vai demorando!
Para aumentar ou diminuir um texto usando CSS Ismael, é preciso usar a propriedade font-size. Então, vá em seu CSS e localize:
- Código:
div.titulofooter
Nós estamos a sua disposição para tirar suas dúvidas na qual o senhor tentou modificar. Queremos ensiná-lo como fazer.
Re: Construir pequeno footer
Boa tarde!
@Shek, eu na abertura da dúvida explique logo o que desejava, tentou-se e tentou-se e já conseguiu-se colocar um footer, só que tem umas pequenas falhas veja:
![Construir pequeno footer 14l6c80](https://2img.net/h/oi61.tinypic.com/14l6c80.png)
Agora depois de resolver essas falhas queria colocar como esta imagem, colocar um pequeno banner com textos e separados um do outro:
![Construir pequeno footer 14t1w5w](https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg)
@Shek, eu na abertura da dúvida explique logo o que desejava, tentou-se e tentou-se e já conseguiu-se colocar um footer, só que tem umas pequenas falhas veja:
![Construir pequeno footer 14l6c80](https://2img.net/h/oi61.tinypic.com/14l6c80.png)
Agora depois de resolver essas falhas queria colocar como esta imagem, colocar um pequeno banner com textos e separados um do outro:
![Construir pequeno footer 14t1w5w](https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg)
Re: Construir pequeno footer
Boa tarde!
Quero pedir desculpa a todos por o trabalho a tentarem fazer o que pedi, mas quero dar esta dúvida como resolvida mesmo assim, peço desculpa a todos os usuários que ajudaram nela e obrigado!!
Quero pedir desculpa a todos por o trabalho a tentarem fazer o que pedi, mas quero dar esta dúvida como resolvida mesmo assim, peço desculpa a todos os usuários que ajudaram nela e obrigado!!
Re: Construir pequeno footer
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos