[Tutorial] Barra no topo do fórum com informações
Página 1 de 1 • Compartilhe
- Zump
- Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53
Autor: Zump
Funcionalidade: Em todas as versões
Acesse:
Painel de Controle -> Modulos -> HTML & Javascripts -> Gestão dos códigos Javascripts
Crie um novo javascript com investimento em todas as paginas com esse código (de acordo com sua versão):
- PhpBB2:
- Código:
$(function() {
var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png"; // LINK DO LOGOTIPO
titulo = "Best Web"; // TITULO DO FÓRUM
forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
var cpHtml = $('.bodylinewidth').before(
'<div id="barra_sos">'+
' <div class="sos">'+
' <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
' <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
' </div>'+
'</div>');
var cpCss = $('.bodylinewidth').before(
'<style>'+
'.bodylinewidth{'+
' margin-top:55px;'+
'}'+
'#barra_sos{'+
' background-color: #c5403b;'+
' width: 100%;'+
' top:0;'+
' left: 0;'+
' height: 42px;'+
' margin: 0 auto;'+
' position: fixed;'+
' z-index: 99999;'+
'}'+
'.sos{'+
' width: 85%;'+
' line-height: 25px;'+
' margin: 0 auto;'+
'}'+
'.sos_info{'+
' width: 50%;'+
' float: left;'+
'}'+
'.sos_info img{'+
' height: 30px;'+
' width: 30px;'+
' margin-top: 5px;'+
'}'+
'.sos_info a:hover{'+
' background-color: #0000001a;'+
'}'+
'.sos_info a, .sos_info a:hover{'+
' text-decoration: none!important;'+
' font-size:16px;'+
' display: inline-block;'+
'}'+
'.sos_info a span {'+
' color: #fff;'+
' vertical-align: top;'+
' line-height: 40px;'+
' padding: 0 5px 0 0;'+
' text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
' } '+
'.sos_redes{'+
' width: 50%;'+
' float: right;'+
' text-align: right;'+
' padding:5px 0px;'+
'}'+
'.sos_redes img{'+
' background-color: #c5403b;'+
' width: 30px;'+
' border-radius: 50%;'+
'}'+
'.sos_redes img:hover{'+
' background-color: #3b5998;'+
'}'+
'<style>'
);
});
- PhpBB3:
- Código:
$(function() {
var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png"; // LINK DO LOGOTIPO
titulo = "Best Web"; // TITULO DO FÓRUM
forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
var cpHtml = $('.conteneur_minwidth_IE').before(
'<div id="barra_sos">'+
' <div class="sos">'+
' <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
' <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
' </div>'+
'</div>');
var cpCss = $('.conteneur_minwidth_IE').before(
'<style>'+
'.bodylinewidth{'+
' margin-top:55px;'+
'}'+
'#barra_sos{'+
' background-color: #c5403b;'+
' width: 100%;'+
' top:0;'+
' left: 0;'+
' height: 42px;'+
' margin: 0 auto;'+
' position: fixed;'+
' z-index: 99999;'+
'}'+
'.sos{'+
' width: 85%;'+
' line-height: 25px;'+
' margin: 0 auto;'+
'}'+
'.sos_info{'+
' width: 50%;'+
' float: left;'+
'}'+
'.sos_info img{'+
' height: 30px;'+
' width: 30px;'+
' margin-top: 5px;'+
'}'+
'.sos_info a:hover{'+
' background-color: #0000001a;'+
'}'+
'.sos_info a, .sos_info a:hover{'+
' text-decoration: none!important;'+
' font-size:16px;'+
' display: inline-block;'+
'}'+
'.sos_info a span {'+
' color: #fff;'+
' vertical-align: top;'+
' line-height: 40px;'+
' padding: 0 5px 0 0;'+
' text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
' } '+
'.sos_redes{'+
' width: 50%;'+
' float: right;'+
' text-align: right;'+
' padding:5px 0px;'+
'}'+
'.sos_redes img{'+
' background-color: #c5403b;'+
' width: 30px;'+
' border-radius: 50%;'+
'}'+
'.sos_redes img:hover{'+
' background-color: #3b5998;'+
'}'+
'<style>'
);
});
- PunBB e Invision:
- Código:
$(function() {
var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png"; // LINK DO LOGOTIPO
titulo = "Best Web"; // TITULO DO FÓRUM
forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
var cpHtml = $('.minwidth_IE').before(
'<div id="barra_sos">'+
' <div class="sos">'+
' <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
' <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
' </div>'+
'</div>');
var cpCss = $('.minwidth_IE').before(
'<style>'+
'.bodylinewidth{'+
' margin-top:55px;'+
'}'+
'#barra_sos{'+
' background-color: #c5403b;'+
' width: 100%;'+
' top:0;'+
' left: 0;'+
' height: 42px;'+
' margin: 0 auto;'+
' position: fixed;'+
' z-index: 99999;'+
'}'+
'.sos{'+
' width: 85%;'+
' line-height: 25px;'+
' margin: 0 auto;'+
'}'+
'.sos_info{'+
' width: 50%;'+
' float: left;'+
'}'+
'.sos_info img{'+
' height: 30px;'+
' width: 30px;'+
' margin-top: 5px;'+
'}'+
'.sos_info a:hover{'+
' background-color: #0000001a;'+
'}'+
'.sos_info a, .sos_info a:hover{'+
' text-decoration: none!important;'+
' font-size:16px;'+
' display: inline-block;'+
'}'+
'.sos_info a span {'+
' color: #fff;'+
' vertical-align: top;'+
' line-height: 40px;'+
' padding: 0 5px 0 0;'+
' text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
' } '+
'.sos_redes{'+
' width: 50%;'+
' float: right;'+
' text-align: right;'+
' padding:5px 0px;'+
'}'+
'.sos_redes img{'+
' background-color: #c5403b;'+
' width: 30px;'+
' border-radius: 50%;'+
'}'+
'.sos_redes img:hover{'+
' background-color: #3b5998;'+
'}'+
'<style>'
);
});
- Resultado:
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|