Painel de recepção

Qual é minha questão:
Bom eu vi num forum e achei muito engraçado isso - https://2img.net/h/oi48.tinypic.com/10miw5s.png Como fasso isso no meu?

Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PHPBB3

Poderia informar o link do tal fórum visto?

ϟ Kiиg • escreveu:Poderia informar o link do tal fórum visto?

Sem problema

http://familiainsane.forumbrasil.net/forum

Gostaria daquele jeito mesmo? Preto assim ou outro?

ϟ Kiиg • escreveu:Gostaria daquele jeito mesmo? Preto assim ou outro?

Azul Escuro Pfv tipo esse

Exemplo

Olá, leia o tutorial abaixo, até.

- https://ajuda.forumeiros.com/t61446-

Painel de controle ->> Módulos ->> Gestão dos códigos JavaScript ->>
Clique em "Criar um novo JavaScript".

Investimento No índice

Código JavaScript:

Código:

 jQuery(document).ready(function(){if(jQuery('#page-header .navbar a.mainmenu #i_icon_mini_login').length){jQuery('#wrap').prepend('<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo visitante! <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>')}});

si quiser alteração nas cores é só mi avisar.

Olá!

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:


#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: center;
background: #111;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: absolute;
top: 0;
left: 66%;
width:18em;
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
box-shadow:inset 0 0px 5px #000;
-moz-box-shadow:inset 0 0px 5px #000;
-webkit-box-shadow:inset 0 0px 5px #000;
-o-box-shadow:inset 0 0px 5px #000;
 border: 1px solid #111;
border-top: none !important; 
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Código:

$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferencias</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Topicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

Investimento: Em todas as páginas


Resulta?


Até mais...

Nenhum deu

Olá autor!

Siga os passos deste tutorial:

https://ajuda.forumeiros.com/t64389-

Depois, aceda a seu CSS e aplique:

.hlogin{
color: blue !important;
}

Até Mais!

StyLe escreveu:Olá!

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:


#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: center;
background: #111;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: absolute;
top: 0;
left: 66%;
width:18em;
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
box-shadow:inset 0 0px 5px #000;
-moz-box-shadow:inset 0 0px 5px #000;
-webkit-box-shadow:inset 0 0px 5px #000;
-o-box-shadow:inset 0 0px 5px #000;
 border: 1px solid #111;
border-top: none !important; 
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Código:

$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferencias</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Topicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

Investimento: Em todas as páginas


Resulta?


Até mais...

Olá!

Você tentou o meu o meu funciona 100%

StyLe escreveu:

StyLe escreveu:Olá!

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:


#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: center;
background: #111;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: absolute;
top: 0;
left: 66%;
width:18em;
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
box-shadow:inset 0 0px 5px #000;
-moz-box-shadow:inset 0 0px 5px #000;
-webkit-box-shadow:inset 0 0px 5px #000;
-o-box-shadow:inset 0 0px 5px #000;
 border: 1px solid #111;
border-top: none !important; 
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Código:

$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferencias</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Topicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

Investimento: Em todas as páginas


Resulta?


Até mais...

Olá!

Você tentou o meu o meu funciona 100%

Exprementar, se nao der vouu au di ACE

Nem deu

ToMaS poderia me passar o link do seu fórum e deixa o meu código ativo por favor

Olá ToMaS_HalloweeN!

Você poderia me enviar a sua folha de estilo CSS?

Olá, aceda o código em,
Painel de controle Módulos Portal & Widgets Gestão dos widgets do fórum.
Agora vá em .

Usuário desconectados:

Código:

<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo visitante! <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>

Nome do widget: Dará um nome, para saber onde e qual é na parte de configurar, etc.
Utilizar um table type: Deixe isto marcado em Sim, mas ficar no portal também.
Título do widget: Coloque "painel de visitante".
Fonte do widget: Ponha o código citado acima por completo, sem faltar nada.

Usuário conectado:

Código:

<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo {USERNAME}! <a href="/t26-">Loja</a>&nbsp|&nbsp<a href="/f19-">Eventos</a> </div></div>

Nome do widget: Dará um nome, para saber onde e qual é na parte de configurar, etc.
Utilizar um table type: Deixe isto marcado em Sim, mas ficar no portal também.
Título do widget: Coloque "painel de membros".
Fonte do widget: Ponha o código citado acima por completo, sem faltar nada.

Agora configurando, para tais usuários verem os paineis.
Depois de ter criado os dois, salve.
Vá no painel de visitante, e clique em .

Autorizações: Desmarque todas, deixe somente à caixa Convidados.

Agora clique em na painel de conectado.

Autorizações: Desmarque somente à caixa Convidados.

Após isso tudo, salve e feche, resulta?

Não deu resoltado, mas deixam estar, nao se preocupem...


Flw Vou deixar como resolvido!

Olá, testei em outro fórum, e olha o resultado:



Procure ver se na configuração, Exibir os widgets do fórum está marcada em Sim.

ϟ Kiиg • escreveu:Olá, testei em outro fórum, e olha o resultado:



Procure ver se na configuração, Exibir os widgets do fórum está marcada em Sim.

Foi com o seu codigo? ou outro?


Cumprimentos Tomas

Olá, foi com o código fornecido por mim mesmo.
Poderia informar seu msn, ou skype?
Posso lhe ajudar fácil, eu só coloquei e já funcionou, até.