InícioAlteração de rodapé
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Alteração de rodapé
por Marko_07 14.12.20 19:42
Detalhes da questão
Endereço do fórum: https://testesf.forumeiros.com/
Versão do fórum: AwesomeBB
Descrição
Boa tarde, prezados.
Eu gostaria de mudar o rodapé do meu fórum para este modelo:
https://i.servimg.com/u/f67/19/98/69/65/screen22.png
E que no lugar daquele emblema amarelo fosse esse:
https://i.imgur.com/aLgpdNx.png
Marko_07- Novo Membro
- Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13 -
Re: Alteração de rodapé
por Roevs 15.12.20 12:40
Olá,
Vou precisar do seu template "overall_footer_end" para fazer as alterações necessárias, também vou precisar que me informe o site onde viu esse footer que deseja
Até mais!
Vou precisar do seu template "overall_footer_end" para fazer as alterações necessárias, também vou precisar que me informe o site onde viu esse footer que deseja
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de rodapé
por Marko_07 15.12.20 15:54
Opa, está aqui:
O fórum aonde eu vi o modelo:
https://www.policiarcc.com/forum
- 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
</div>
</div>
</div>
</div>
</div>
<div class="footer2">
<div class="footer-dsh"> <div class="credits_ppf">
2017 - <script>document.write(new Date().getFullYear())</script> - Polícia Militar do Habbo Hotel • Todos os direitos reservados. Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por João Cesar (CesarWatsom). </div>
<div class="cont_footer">
<div class="footer-col">
<li class="footer-block footer-block-two"><strong class="footer-title"><i class="heart"></i> MISSÃO</strong>
<ul class="footer-list">
<p>A nossa missão é combater qualquer irregularidade que se encontra no Habbo Hotel, formar bons membros e, consequentemente, bons cidadãos virtuais e reais, servindo e protegendo á todos!</p>
</ul>
</li></div>
<div class="footer-col">
<li class="footer-block footer-block-two"><strong class="footer-title"><i class="map-pin"></i> OBJETIVO</strong>
<ul class="footer-list">
<p>Temos o objetivo de melhorar a jogabilidade dos membros do ramo policial e dos usuários do Habbo com paz, harmonia e segurança.</p>
</ul>
</li></div>
<div class="footer-col">
<li class="footer-block footer-block-four"><strong class="footer-title"><i class="link"></i> LINKS RÁPIDOS</strong><ul class="footer-list one-links">
<li><a href="/f5-" class="tool-tip" original-title="">
<ul class="footer-list one-links">
<li><a href="https://pmhh.forumeiros.com/f66-boletim-interno?tt=1" class="tool-tip" original-title="">
<i class="fas fa-greater-than"></i> Documentação Principal</a></li></ul>
<ul class="footer-list one-links">
<li><a href="/f7-webchat-interatividade" class="tool-tip" original-title="">
<i class="fas fa-greater-than"></i> WebChat</a></li></ul>
<ul class="footer-list one-links">
<li><a href="/c6-" class="tool-tip" original-title="">
<i class="fas fa-greater-than"></i> Setor de Recursos Humanos</a></li></ul>
<ul class="footer-list one-links">
<li><a href="https://pmhh.forumeiros.com/f66-boletim-interno?tt=1" class="tool-tip" original-title="">
<i class="fas fa-greater-than"></i> Boletim Interno</a></li></ul>
</div>
<div class="footer-col">
<li class="footer-block footer-block-two"><strong class="footer-title">Informações</strong>
<ul class="footer-list">
<li><a href="https://www.facebook.com/pmhabbo/" target="_blank">Facebook</a></li> |
<li><a href="https://instagram.com/pmhabbo?igshid=1gq7kfy3h2aq3" target="_blank"> Instagram</a></li> |
<li><a href="https://folhamilitarpm.blogspot.com/" target="_blank"> Folha Militar</a></li> |
<li><a href="#" target="_blank"> phpBB</a></li> |
<li><a href="#" target="_blank">Denunciar abuso</a></li> |
<li><a href="#" target="_blank">Fórum Ajuda</a></li> |
<li><a href="#" target="_blank">Diretório ShiftActif</a></li> |
<li><p class="Rcomunfor">Comunidade hospedada por forumeiros.</p></li>
</ul>
</li>
</div>
<p id="ir_a_pa" class="center"><strong>{ADMIN_LINK}</strong></p>
</div></div>
</div>
<div id="dimmer" class="hidden"></div>
<div style="display: none;">
<div id="fa_hide"></div>
<div id="fa_show"></div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready( function() {
$('div.fb-login-button, span.fb-login-button').attr({
"data-scope": "{switch_facebook_login.FB_SCOPE}",
"data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
"data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
"data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
"data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
});
$('div.fb-login-button, span.fb-login-button').each(function() {
if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
}
if($(this).html() == '') {
$(this).html('{switch_facebook_login.FB_LABEL}');
}
});
FB.init({
appId : "{switch_facebook_login.FB_APP_ID}",
cookie : {switch_facebook_login.FB_COOKIE},
xfbml : {switch_facebook_login.FB_XFBML},
oauth : {switch_facebook_login.FB_OAUTH},
version : '{switch_facebook_login.FB_VERSION}'
});
(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/{switch_facebook_login.FB_LOCAL}/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
function onLoginFB() {
window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
}
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script>
$(document).ready( function() {
$('div.ti-connect').attr({
'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
});
(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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'topicit-connect'));
});
</script>
<!---
Criado por pedxz
<power-pixel.net>
-->
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
O fórum aonde eu vi o modelo:
https://www.policiarcc.com/forum
Marko_07- Novo Membro
- Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13 -
Re: Alteração de rodapé
por Roevs 18.12.20 20:11
Olá,
Substitua seu template por esse
Depois adiciona esse código na sua Folha de estilo CSS
Até mais!
Substitua seu template por esse
- 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="wrap">
<div class="copyright-body">
</div>
</div>
</div>
</div>
<div class="footer2">
<div class="footer-dsh"> <div class="credits_ppf"> 2017 - <script>document.write(new Date().getFullYear())</script> - Polícia Militar do Habbo Hotel • Todos os direitos reservados. Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por João Cesar (CesarWatsom). </div>
<div class="fa-footer"> <div class="fa-footer-row"><div class="fa-footer-col fa-primary-footer-col"><div class="fa-footer-logo"><img src="https://i.imgur.com/aLgpdNx.png" class="logo"></div><a class="fa-footer-back-to-top"><i class="fa fa-angle-up"></i></a></div><div class="fa-footer-col"><strong class="lead">Missão</strong><p>A nossa missão é combater qualquer irregularidade que se encontra no Habbo Hotel, ensinando valor aos nossos policiais por meio de aprendizados e trabalhos em equipe de maneira a formar bons membros e, consequentemente, bons cidadãos virtuais e reais.</p></div><div class="fa-footer-col"><strong class="lead">Visão</strong><p>Ser referência no ramo policial do Habbo Hotel, com qualidade na gestão e serviços, motivando sempre os seus militares a seguirem os seus objetivos e focos da melhor forma possível.</p></div><div class="fa-footer-col"><strong class="lead">História</strong><p>A Polícia Militar RCC (Revolução Contra o Crime) foi fundada em 2007 pelo usuário nabas704 (atualmente nabas201), tendo como data comemorativa 12 de dezembro de 2007. Atualmente o Alto Comando Supremo é composto por: -Edhone, Dean.Santos e nego-bala157. Hoje em dia a RCC é uma das maiores famílias militares, mantendo a união universal.</p></div></div></div>
<p id="ir_a_pa" class="center"><strong>{ADMIN_LINK}</strong></p>
</div></div>
</div>
<div id="dimmer" class="hidden"></div>
<div style="display: none;">
<div id="fa_hide"></div>
<div id="fa_show"></div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready( function() {
$('div.fb-login-button, span.fb-login-button').attr({
"data-scope": "{switch_facebook_login.FB_SCOPE}",
"data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
"data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
"data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
"data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
});
$('div.fb-login-button, span.fb-login-button').each(function() {
if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
}
if($(this).html() == '') {
$(this).html('{switch_facebook_login.FB_LABEL}');
}
});
FB.init({
appId : "{switch_facebook_login.FB_APP_ID}",
cookie : {switch_facebook_login.FB_COOKIE},
xfbml : {switch_facebook_login.FB_XFBML},
oauth : {switch_facebook_login.FB_OAUTH},
version : '{switch_facebook_login.FB_VERSION}'
});
(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/{switch_facebook_login.FB_LOCAL}/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
function onLoginFB() {
window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
}
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script>
$(document).ready( function() {
$('div.ti-connect').attr({
'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
});
(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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'topicit-connect'));
});
</script>
<!---
Criado por pedxz
<power-pixel.net>
-->
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Depois adiciona esse código na sua Folha de estilo CSS
- Código:
.fa-footer {
background-color: #212529;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: solid 1px #2a2e32;
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
min-width: 200px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #212529;
border: solid 1px #2a2e32;
color: #0786e7;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
margin-top: -3px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-angle-up:before {
content: "\f106";
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: auto;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
color: #0786e7;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 14px;
line-height: 1.6;
text-align: justify;
}
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Marko_07- Novo Membro
- Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Tópicos semelhantes» Alteração no rodapé
» Alteração na loja
» Alteração dos templates
» Alteração de Template
» Alteração no admin_link
» Alteração na loja
» Alteração dos templates
» Alteração de Template
» Alteração no admin_link
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos