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:
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.
Pode ser na mensagem da página inicial, numa página HTML, entre outros.
Até mais.
Pode ser na mensagem da página inicial, numa página HTML, entre outros.
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
- http://master-publicitario.forumeiros.com/
Se reparar aparece algo no meio da letras e está quase a ficar fechado
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.
Tudo certo agora ou deseja algo mais?
Até mais.
Fraise
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?
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?
Até mais.
Fraise
Re: Construir pequeno footer
Tá complicado!
Veja assim:
Caso não funcione:
Até mais.
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?
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?
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?
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?
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:
Agora depois de resolver essas falhas queria colocar como esta imagem, colocar um pequeno banner com textos e separados um do outro:
@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:
Agora depois de resolver essas falhas queria colocar como esta imagem, colocar um pequeno banner com textos e separados um do outro:
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