Como deixo a legenda de grupos assim

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 04:08 pm

Qual é minha questão:
Olá Caros Usuarios da Forumeiros Então queria saber como deixar minha legenda de grupos assim com o efeito 



Por Favor Amigos Me Ajudem 

Endereço do meu fórum:
http://nxfatal.forumeiros.com

Versão do fórum:
PUNBB


Última edição por iPauliinhoO_. em 01/09/13, 11:51 am, editado 1 vez(es)
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por North em 31/08/13, 05:12 pm

Olá,

Queira indicar o endereço do fórum no qual viu este efeito.

Até mais.


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 05:19 pm

avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por North em 31/08/13, 05:20 pm

Aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
#i_whosonline + p br + br + em {
background: url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom #fff;
border: 2px solid #ddd;
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0;
font-weight: 700;
margin: 0 auto;
padding: 10px 8px 5px 5px;
text-align: center!important;
text-shadow: 0 0 5px #d0f;
width: 61%!important;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
border-bottom: 1px solid #d4d6d5;
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0 5px;
text-shadow: 0 1px 1px #4eee94;
}
Valide!

Resulta?

Atenciosamente, Harker.


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 05:34 pm

Ai Não Funfo Mano.
Lembrando Meu Fórum e PUNBB.
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por Sennior em 31/08/13, 05:58 pm

Boa tarde,

Altere por este o código passado pelo nosso amigo Harker:
Código:
#onlinelist p {
background: url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom #fff;
border: 2px solid #ddd;
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0;
font-weight: 700;
margin: 0 auto;
padding: 10px 8px 5px 5px;
text-align: center!important;
text-shadow: 0 0 5px #d0f;
width: 61%!important;
}
#onlinelist p:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#onlinelist p {
-webkit-transition-duration: .3s;
border-bottom: 1px solid #d4d6d5;
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0 5px;
text-shadow: 0 1px 1px #4eee94;
}
Abraços,
Sennior. De bem com a vida
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por Gaaratsu em 31/08/13, 06:00 pm

Saudações!

Substitua o código atual por este:
Código:
#onlinelist a.gensmall{background:url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom #fff;border:2px solid #ddd;border-radius:6px 6px 6px 6px;color:transparent;display:block;font-size:0;font-weight:700;margin:0 auto;padding:10px 8px 5px 5px;text-align:center!important;text-shadow:0 0 5px #d0f;width:61%!important}#onlinelist .legend p a{-webkit-transition-duration:.3s;border-bottom:1px solid #d4d6d5;font-size:15px;font-style:normal;font-weight:700;margin:0 5px;text-shadow:0 1px 1px #4eee94}#onlinelist .legend p a:hover{background:#DDD;padding:9px 10px 10px}
Atenciosamente. Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 06:19 pm

Sennior Olha Como Fico o seu Code

Dokyo Olha como fico o seu Code
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por First em 31/08/13, 06:53 pm

Olá,

Peço ao senhor que acede à:
Painel de Controle Seta Visualização Seta Templates Seta Geral :seta2: index_body
Procura por:
Código:
<p>{LEGEND} : {GROUP_LEGEND}</p>
Substitua por:
Código:
<div id="caixa"><p>{LEGEND} : {GROUP_LEGEND}</p></div>
Depois acede à:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
#caixa {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
color: transparent;
}
#onlinelist .gensmall:hover {
background: #DDD;
padding: 12px 10px 7px
}
Valide.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por Gaaratsu em 31/08/13, 06:55 pm

Saudações!

Para retirar os colchetes da legenda, adicione na tua CSS este código:
Código:
#gensmall {font-size:0px}#main-content em::before{content:'Legenda: ';font-size:12px;font-style:normal} #main-content em b *{font-size:12px;font-style:normal}#main-content em b a::before{content:' • '}#main-content em b:first-child a::before{content:''}#main-content em,#main-content em *:link{cursor:default;color:inherit}
Atenciosamente. Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 07:30 pm

Nem um dos dois Funciono
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por First em 31/08/13, 07:33 pm

iPauliinhoO_. escreveu:Nem um dos dois Funciono
Olá novamente,

Visitei o seu fórum e vi que o senhor não fez as modificação no template que eu lhe pedir, poderia fazer as editações?


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 08:39 pm

Mano Eu Não Achei o
Código:
<p>{LEGEND} : {GROUP_LEGEND}</p>
no Index_body
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por First em 31/08/13, 09:10 pm

Olá novamente,

Senhor a variável
Código:
<p>{LEGEND} : {GROUP_LEGEND}</p>
se encontra no template index_body na linha 84.
Tenta procurar na busca no template.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por James [B]. em 31/08/13, 09:51 pm

Funciono Mais tipo quando você coloca o Mouse em Cima ele Não Aproxima ele fika normal
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por First em 31/08/13, 09:53 pm

Olá,

Ele não se aproxima porque existe só um grupo, tente colocar alguns outros grupos e ver se resulta.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por Gaaratsu em 01/09/13, 01:09 am

Saudações!

O senhor diz que ao posicionar o rato acima do nome do grupo, não aparece o link de tal, é isto?

Atenciosamente. Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como deixo a legenda de grupos assim

Mensagem por Cooper em 01/09/13, 01:18 am

Olá , Adicione Esse Codigo Em Seu CSS.

Painel De Controle > Visualização > Imagens e Cores > Cores Folha De Estilo CSS:

Código:

#i_whosonline + p br + br + em{width: 70%; background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom; border: 2px solid #DDD; border-radius: 6px; text-shadow: 0px 0px 5px #DD00FF; text-align:center; padding: 10px 8px 5px 5px; display: block; font-weight: bold; margin: 0 auto; font-size: 0px; color: transparent; } #i_whosonline + p br + br + em a{-webkit-transition-duration: .3s; text-shadow: 0px 1px 1px #4EEE94; font-size: 15px; margin: 0 5px; font-style: normal; border-bottom: 1px solid #d4d6d5; font-weight: bold} #i_whosonline + p br + br + em a:hover{background-color: grey; text-decoration:underline; border: 1px solid #000000; padding: 9px 10px 10px; text-shadow: 0px 1px 1px #4EEE94}
Cordialmente PixelBR (alysson789) :3
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum