InícioAlteração de footer
3 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 • Compartilhe
Alteração de footer
por luquinhasda10 08.12.20 4:30
Detalhes da questão
Endereço do fórum: http://policiatte.forumeiros.com
Versão do fórum: ModernBB
Descrição
Olá, estou com dificuldade de alterar meu footer por completo, vou deixar umas imagem abaixo para ter uma explicativa melhor.
- Atual:
- Como eu gostaria que ficasse:
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 08.12.20 10:56
Olá,
O footer das imagens não são do mesmo fórum informado na questão "http://policiatte.forumeiros.com/", poderia confirmar se esse é o seu fórum? E me dizer exatamente o que deseja alterar no footer, só a parte do texto ou adicionar o menu de ir ao topo, atualizar a página.
Até mais!
O footer das imagens não são do mesmo fórum informado na questão "http://policiatte.forumeiros.com/", poderia confirmar se esse é o seu fórum? E me dizer exatamente o que deseja alterar no footer, só a parte do texto ou adicionar o menu de ir ao topo, atualizar a página.
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 08.12.20 11:41
Olá, o footer está diferente por conta que eu retirei ontem o do meu fórum, mas o fórum é meu sim! Caso seja necessário eu coloco novamente.
Bom, eu gostaria de alterar a parte do texte e adicionar os menu (ir ao topo, atualizar página).
Bom, eu gostaria de alterar a parte do texte e adicionar os menu (ir ao topo, atualizar página).
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 08.12.20 13:50
Olá,
Será necessário o seu template "overall_footer_end" para ser feito as alterações.
Até mais!
Será necessário o seu template "overall_footer_end" para ser feito as alterações.
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 08.12.20 14:10
Olá, aqui está:
- 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
</div>
</div>
{PROTECT_FOOTER}
<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.servimg.com/u/f74/20/01/60/75/tgurzr10.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 Age 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 Age 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 Brasileira Revolucionária é uma força de segurança de natureza militar, constituída por militares organizados num corpo especial de tropas e dotada de autonomia administrativa, com jurisdição em todo o território nacional.</p>
</div>
</div>
<div class="fa-footer-attr">
<div class="fa-footer-copyright">
️ PBR <script>document.write(new Date().getFullYear())</script>. Todos os direitos reservados à Polícia PBR.
</div>
Este tema foi <i class="fas fa-code" title="Desenvolvido"></i> por Alexandre Garcia (Zaswes).
</div>
<script>
(function ($) {
'use strict';
$(function () {
$('.fa-footer-back-to-top').on('click', function () {
$('html, body').stop().animate({
scrollTop: 0
}, 'fast');
});
});
}(jQuery));
</script>
</div>
<div class="admin-link">{ADMIN_LINK}</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 08.12.20 20:01
Olá,
Substitua o seu template por esse
Depois adiciona esse código na sua Folha de estilo CSS
Até mais!
Substitua o 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
</div>
</div>
{PROTECT_FOOTER}
<footer><div class="footer-links"><div class="container"><a href="/"><i class="fas fa-home"></i> Início</a><div style="float: right;"><a href=""><i class="fas fa-sync-alt"></i> Atualizar página</a><a href="#" id="up"><i class="fas fa-arrow-up"></i> Subir</a></div></div><script>(function ($) {'use strict';$(function () {$('#up').on('click', function () {$('html, body').stop().animate({scrollTop: 0}, 'medium');});});}(jQuery));</script></div><div class="footer-credits"><div class="container"><div class="official" data-toggle="tooltip" data-placement="top" title="" data-original-title="Grupo oficial da RCC"></div><div class="credits"><div class="clearfix"></div>Este tema foi <i class="fas fa-code"></i> por Humberto Gonçalves e Gabriel Augusto.<br><i class="fas fa-copyright"></i> PAB 2019 ~ 2020. Todos os direitos reservados à Polícia Militar Pelotão Armado Brasileiro.<div class="clearfix"></div></div></div><div class="admin-link">{ADMIN_LINK}</div></div></footer>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- 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:
.footer-links {
background: #242323;
width: 100%;
height: 48px;
box-shadow: 0px -3px 0px rgba(0,0,0,0.2);
list-style: none;
}
.footer-links a {
color: #fff;
float: left;
height: 35px;
background: #355935;
padding: 2px 10px 2px 10px;
margin-left: 10px;
border-radius: 3px;
text-align: center;
line-height: 30px;
margin-top: 7px;
font-size: 13px;
transition: all 0.25s;
box-shadow: inset 0 -4px rgba(0,0,0,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.1);
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-home:before {
content: "\f015";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-arrow-up:before {
content: "\f062";
}
.footer-credits {
padding: 20px;
width: 100%;
height: 120px;
background-color: #363636;
}
.footer-credits .official {
background-image: url();
width: 78px;
height: 78px;
float: right;
margin-right: 40px;
margin-top: 10px;
transition: all 0.4s;
}
.footer-credits .credits {
float: left;
color: #FFF;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
font-size: 15px;
margin-top: 2%;
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-code:before {
content: "\f121";
}
.admin-link {
position: relative;
bottom: 0px;
float: right;
z-index: 999;
}
.admin-link a {
color: white!important;
}
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 08.12.20 21:32
Olá,
Ficou ótimo, porém teve alguns problemas, será possível arrumar a parte onde fica para apertar para ir ao painel de controle?
E também gostaria de remover à área marcada de vermelho, segue a imagem abaixo:
https://prnt.sc/vykf2j
Podemos ver que há duas área marcadas com vermelho, o painel de controle para arrumar para ficar no canto direito, exemplo: https://prnt.sc/vykgh6
E também gostaria que ficasse apenas assim: https://prnt.sc/vykhnj, sem aquela parte onde está marcado de vermelho acima.
Ficou ótimo, porém teve alguns problemas, será possível arrumar a parte onde fica para apertar para ir ao painel de controle?
E também gostaria de remover à área marcada de vermelho, segue a imagem abaixo:
https://prnt.sc/vykf2j
Podemos ver que há duas área marcadas com vermelho, o painel de controle para arrumar para ficar no canto direito, exemplo: https://prnt.sc/vykgh6
E também gostaria que ficasse apenas assim: https://prnt.sc/vykhnj, sem aquela parte onde está marcado de vermelho acima.
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 09.12.20 11:53
Olá,
Essa parte que marquei em vermelho não pode ser retirada, somente com a utilização de créditos
http://prntscr.com/vyye8h
Sendo permitido só a retirada das outras partes, para isso vou precisar do seu template "overall_footer_begin".
Depois substitua o código CSS por esse
Até mais!
Essa parte que marquei em vermelho não pode ser retirada, somente com a utilização de créditos
http://prntscr.com/vyye8h
Sendo permitido só a retirada das outras partes, para isso vou precisar do seu template "overall_footer_begin".
Depois substitua o código CSS por esse
- Código:
.footer-links {
background: #242323;
width: 100%;
height: 48px;
box-shadow: 0px -3px 0px rgba(0,0,0,0.2);
list-style: none;
}
.footer-links a {
color: #fff;
float: left;
height: 35px;
background: #355935;
padding: 2px 10px 2px 10px;
margin-left: 10px;
border-radius: 3px;
text-align: center;
line-height: 30px;
margin-top: 7px;
font-size: 13px;
transition: all 0.25s;
box-shadow: inset 0 -4px rgba(0,0,0,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.1);
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-home:before {
content: "\f015";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-arrow-up:before {
content: "\f062";
}
.footer-credits {
padding: 20px;
width: 100%;
height: 120px;
background-color: #363636;
}
.footer-credits .official {
background-image: url();
width: 78px;
height: 78px;
float: right;
margin-right: 40px;
margin-top: 10px;
transition: all 0.4s;
}
.footer-credits .credits {
float: left;
color: #FFF;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
font-size: 15px;
margin-top: 2%;
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-code:before {
content: "\f121";
}
.admin-link {
position: relative;
float: right;
margin-top: 90px;
margin-right: -110px;
z-index: 999;
}
.admin-link a {
color: white!important;
}
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 09.12.20 12:26
Aqui está o overall_footer_begin.
- Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="statistics">
<div class="wrap">
<div class="statistics-item">
{TOTAL_POSTS}
</div>
<div class="statistics-item">
{TOTAL_USERS}
</div>
<div class="statistics-item">
{NEWEST_USER}
</div>
</div>
</div>
<div id="page-footer">
<div class="wrap">
<ul class="footerbar-system">
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 09.12.20 13:04
Olá,
Substitua seu template por esse
Até mais!
Substitua seu template por esse
- Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="page-footer">
<div class="wrap">
<ul class="footerbar-system">
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 09.12.20 13:19
Olá, ficou ótimo! Porém o problema sobre a posição do botão para acessar o painel de controle continuou.
https://prnt.sc/vz0m6b
https://prnt.sc/vz0m6b
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 09.12.20 13:42
Olá,
Substitua o seu template "overall_footer_end" por esse
Depois substitua o código CSS novamente por esse
Até mais!
Substitua o seu template "overall_footer_end" 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
</div>
</div>
{PROTECT_FOOTER}
<footer>
<div class="footer-links">
<div class="container">
<a href="/"><i class="fas fa-home"></i> Início</a>
<div style="float: right;"><a href=""><i class="fas fa-sync-alt"></i> Atualizar página</a><a href="#" id="up"><i class="fas fa-arrow-up"></i> Subir</a></div>
</div>
<script>(function ($) {'use strict';$(function () {$('#up').on('click', function () {$('html, body').stop().animate({scrollTop: 0}, 'medium');});});}(jQuery));</script>
</div>
<div class="footer-credits">
<div class="container">
<div class="credits">
<div class="clearfix"></div>
Este tema foi <i class="fas fa-code"></i> por Humberto Gonçalves e Gabriel Augusto.<br><i class="fas fa-copyright"></i> PAB 2019 ~ 2020. Todos os direitos reservados à Polícia Militar Pelotão Armado Brasileiro.
<div class="clearfix"></div>
</div>
</div>
<div class="content-admin-link">
<div class="admin-link">{ADMIN_LINK}</div>
</div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Depois substitua o código CSS novamente por esse
- Código:
.footer-links {
background: #242323;
width: 100%;
height: 48px;
box-shadow: 0px -3px 0px rgba(0,0,0,0.2);
list-style: none;
}
.footer-links a {
color: #fff;
float: left;
height: 35px;
background: #355935;
padding: 2px 10px 2px 10px;
margin-left: 10px;
border-radius: 3px;
text-align: center;
line-height: 30px;
margin-top: 7px;
font-size: 13px;
transition: all 0.25s;
box-shadow: inset 0 -4px rgba(0,0,0,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.1);
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-home:before {
content: "\f015";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-arrow-up:before {
content: "\f062";
}
.footer-credits {
padding: 20px;
width: 100%;
height: 120px;
background-color: #363636;
}
.footer-credits .official {
background-image: url();
width: 78px;
height: 78px;
float: right;
margin-right: 40px;
margin-top: 10px;
transition: all 0.4s;
}
.footer-credits .credits {
float: left;
color: #FFF;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
font-size: 15px;
margin-top: 2%;
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-code:before {
content: "\f121";
}
.admin-link a {
color: white!important;
}
.admin-link {
height: 0px;
}
.content-admin-link {
float: right;
line-height: 134px;
}
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 09.12.20 16:37
Agora a opção de acessar o painel de controle sumiu. https://prnt.sc/vz5e5i
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 10.12.20 14:36
Olá,
Substitua o seu template "overall_footer_end" por esse, confira se você salvou as alterações
Até mais!
Substitua o seu template "overall_footer_end" por esse, confira se você salvou as alterações
- 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
</div>
</div>
{PROTECT_FOOTER}
<footer>
<div class="footer-links">
<div class="container">
<a href="/"><i class="fas fa-home"></i> Início</a>
<div style="float: right;"><a href=""><i class="fas fa-sync-alt"></i> Atualizar página</a><a href="#" id="up"><i class="fas fa-arrow-up"></i> Subir</a></div>
</div>
<script>(function ($) {'use strict';$(function () {$('#up').on('click', function () {$('html, body').stop().animate({scrollTop: 0}, 'medium');});});}(jQuery));</script>
</div>
<div class="footer-credits">
<div class="container">
<div class="credits">
<div class="clearfix"></div>
Este tema foi <i class="fas fa-code"></i> por Humberto Gonçalves e Gabriel Augusto.<br><i class="fas fa-copyright"></i> PAB 2019 ~ 2020. Todos os direitos reservados à Polícia Militar Pelotão Armado Brasileiro.
<div class="clearfix"></div>
</div>
</div>
<div class="content-admin-link">
<div class="admin-link">{ADMIN_LINK}</div>
</div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 10.12.20 19:51
Continuou a mesma coisa, está tudo salvo, o botão do painel de controle que sumiu.
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 15.12.20 12:04
Olá,
Substitua o seu template por esse
Até mais!
Substitua o 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
</div>
</div>
{PROTECT_FOOTER}
<footer>
<div class="footer-links">
<div class="container">
<a href="/"><i class="fas fa-home"></i> Início</a>
<div style="float: right;"><a href=""><i class="fas fa-sync-alt"></i> Atualizar página</a><a href="#" id="up"><i class="fas fa-arrow-up"></i> Subir</a></div>
</div>
<script>(function ($) {'use strict';$(function () {$('#up').on('click', function () {$('html, body').stop().animate({scrollTop: 0}, 'medium');});});}(jQuery));</script>
</div>
<div class="footer-credits">
<div class="container">
<div class="credits">
<div class="clearfix"></div>
Este tema foi <i class="fas fa-code"></i> por Humberto Gonçalves e Gabriel Augusto.<br><i class="fas fa-copyright"></i> PAB 2019 ~ 2020. Todos os direitos reservados à Polícia Militar Pelotão Armado Brasileiro.
<div class="clearfix"></div>
</div>
</div>
<div class="content-admin-link">
{ADMIN_LINK}
</div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 15.12.20 13:49
Olá!
Não deu resultado, além de não aparecer o botão do painel de controle ficou um espaço em branco, segue a imagem abaixo.
https://prnt.sc/w37wba
Não deu resultado, além de não aparecer o botão do painel de controle ficou um espaço em branco, segue a imagem abaixo.
https://prnt.sc/w37wba
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
Re: Alteração de footer
por Roevs 18.12.20 20:01
Olá,
Substitua o CSS passado anteriormente por esse
E substitua seu template "overall_footer_end" por esse
Até mais!
Substitua o CSS passado anteriormente por esse
- Código:
/********** STATS *************/
.footer-links {
background: #242323;
width: 100%;
height: 48px;
box-shadow: 0px -3px 0px rgba(0,0,0,0.2);
list-style: none;
}
.footer-links a {
color: #fff;
float: left;
height: 35px;
background: #355935;
padding: 2px 10px 2px 10px;
margin-left: 10px;
border-radius: 3px;
text-align: center;
line-height: 30px;
margin-top: 7px;
font-size: 13px;
transition: all 0.25s;
box-shadow: inset 0 -4px rgba(0,0,0,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.1);
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-home:before {
content: "\f015";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-arrow-up:before {
content: "\f062";
}
.footer-credits {
padding: 20px;
width: 100%;
height: 120px;
background-color: #363636;
}
.footer-credits .official {
background-image: url();
width: 78px;
height: 78px;
float: right;
margin-right: 40px;
margin-top: 10px;
transition: all 0.4s;
}
.footer-credits .credits {
float: left;
color: #FFF;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
font-size: 15px;
margin-top: 2%;
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-code:before {
content: "\f121";
}
.admin-link a {
color: #fff!important;
height: 35px;
background: #2184ea;
padding: 10px 10px 10px 10px;
border-radius: 3px;
text-align: center;
font-size: 13px;
box-shadow: inset 0 -4px rgba(0,0,0,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.1);
}
.admin-link {
height: 0px;
}
.content-admin-link {
float: right;
line-height: 134px;
}
E substitua seu template "overall_footer_end" 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul class="footerbar-user">
<li><i class="ion-clock"></i>{CURRENT_TIME}</li>
<!-- BEGIN footer_link -->
<li class="rightside">
<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>
</li>
<!-- END footer_link -->
</ul>
<!-- END switch_footer_links -->
</div>
<div class="copyright">
<div class="wrap">
<div class="copyright-body">
</div>
</div>
</div>
</div>
{PROTECT_FOOTER}
<footer>
<div class="footer-links">
<div class="container">
<a href="/"><i class="fas fa-home"></i> Início</a>
<div style="float: right;"><a href=""><i class="fas fa-sync-alt"></i> Atualizar página</a><a href="#" id="up"><i class="fas fa-arrow-up"></i> Subir</a></div>
</div>
<script>(function ($) {'use strict';$(function () {$('#up').on('click', function () {$('html, body').stop().animate({scrollTop: 0}, 'medium');});});}(jQuery));</script>
</div>
<div class="footer-credits">
<div class="container">
<div class="credits">
<div class="clearfix"></div>
Este tema foi <i class="fas fa-code"></i> por Humberto Gonçalves e Gabriel Augusto.<br><i class="fas fa-copyright"></i> PAB 2019 ~ 2020. Todos os direitos reservados à Polícia Militar Pelotão Armado Brasileiro.
<div class="clearfix"></div>
</div>
</div>
<div class="content-admin-link">
<div class="admin-link">{ADMIN_LINK}</div>
</div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
var header_top = $('#headerbar-top');
if (header_top.hasClass('w-toolbar')) {
if ($(window).scrollTop() >= 42) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
} else {
if ($(window).scrollTop() >= 1) {
header_top.addClass('is-sticky');
} else {
header_top.removeClass('is-sticky');
}
}
});
});
//]]>
</script>
<!-- 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 = "https://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 type="text/javascript">
$(document).ready( function() {
$('div.ti-connect, span.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>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Até mais!
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Alteração de footer
por luquinhasda10 19.12.20 13:07
Saintness escreveu:Era só pedir que eu passava, meu amigo. Kkkkkkk
ah tu ta c a pab n queria pedir mt coisa pra tukkkkkk.
Resolvido, Roevs, pode fechar.
luquinhasda10- ***
- Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236 -
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Tópicos semelhantes» alteração da cor dos links do footer
» footer bugado + alteração
» Footer do fórum
» Fim do footer
» Encolher Footer
» footer bugado + alteração
» Footer do fórum
» Fim do footer
» Encolher Footer
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
Facebook
Twitter
Youtube
