Personalizar o fundo das opções de edição do perfil

Página 1 de 2 1, 2  Seguinte

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

Resolvido Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 02/11/12, 09:27 pm

Qual é minha questão:
Quero que os nomes no perfil, tipo, preferencias, avatar , assinatura e etc fiquem dentro disso aqui:



http://i42.servimg.com/u/f42/17/62/56/31/isso10.jpg

Links e imagens do meu problema:
Http://i42.servimg.com/u/f42/17/62/56/31/isso10.jpg

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

Versão do meu fórum:
PHPBB2


Última edição por NarutodeKonoha em 14/11/12, 07:31 pm, editado 2 vez(es)
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por [F]lames em 02/11/12, 09:50 pm

Olá,

Adicione á teu CSS :

Código:
ul.privmsg {
margin-left: 10px;
}
ul.privmsg li {
background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
background-position: top center;
background-color: black;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}
ul.privmsg li {
background-color: #;
color: white;
display: block;
float: left;
margin-right: 2px;
}
ul.privmsg li div.tabitem {
padding: 5px 10px;
}
ul.privmsg {
float: left;
list-style: none;
margin-bottom: -2px;
margin-left: 2px;
}
ul.privmsg li a:hover {
background-image: url('http://img651.imageshack.us/img651/7366/vc8879pw.jpg');
background-position: top center;
background-color: #F2F2F2;
color: #673500;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}
ul.privmsg li a {
background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
background-position: top center;
background-color: #595959;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}
ul.privmsg li a {
background-color: white;
display: block;
margin: -5px -10px;
padding: 5px 10px;
}
ul.privmsg li div.tabitem {
padding: 5px 10px;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 02/11/12, 11:38 pm

n funcionou!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 03/11/12, 11:06 am

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por bean em 03/11/12, 11:09 am

Olá,

Poderia me passar o endereço do Fórum de onde viu tal efeito? Porque ai seria mais facil eu editar o código e passa-lo para você ...



Cordialmente! Muito feliz
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon em 03/11/12, 11:44 am

Aceda o seguinte código a sua folha css:

Código:
/*BY:Daemon*/
ul.privmsg{
  float:left;
  list-style:none;
  margin-bottom:-2px;
  margin-left:2px
}

*+ html ul.privmsg{
  margin-bottom:-11px;
  margin-left:2px
}

ul.privmsg li{
  background-color:#;
  color:#fff;
  display:block;
  float:left;
  margin-right:2px
}

ul.privmsg li div.tabitem{
  padding:5px 10px
}

ul.privmsg li a{background-color:#fff;display:block;margin:-5px -10px;padding:5px 10px}

ul.privmsg {
  margin-left: 10px;
}

ul.privmsg li {
  background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-position: top center;
  background-color: #000;
  border: 1px solid #646464;
  -moz-border-radius-topleft: 8px;
  -webkit-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-radius-topright: 8px;
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
}

ul.privmsg li a {
  background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
  background-position: top center;
  background-color: #595959;
  border: 1px solid #646464;
  -moz-border-radius-topleft: 8px;
  -webkit-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-radius-topright: 8px;
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
}

ul.privmsg li:hover {
  background-image: url('http://img27.imageshack.us/img27/7366/vc8879pw.jpg');
  background-position: top center;
  background-color: #f2f2f2;
  color: #673500;
  border: 1px solid #646464;
  -moz-border-radius-topleft: 8px;
  -webkit-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-radius-topright: 8px;
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
}

ul.privmsg li a:hover {
  background-image: url('http://img651.imageshack.us/img651/7366/vc8879pw.jpg');
  background-position: top center;
  background-color: #f2f2f2;
  color: #673500;
  border: 1px solid #646464;
  -moz-border-radius-topleft: 8px;
  -webkit-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-radius-topright: 8px;
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
}

Agradeça... não cai o dedo Piscada'
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 03/11/12, 02:29 pm

n funcionou!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon em 03/11/12, 02:33 pm

Desculpe amigo... erro meu... irei editar o codigo'

em phpbb3 tem um efeito diferente...
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 03/11/12, 02:54 pm

ta bem ... *aguardando* ...
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon em 03/11/12, 03:46 pm

cara já quebrei a cabeça com isso kk'... consegui fazer esse efeito pra invision, e phpbb3 mas n obtive resultado no phpbb2. Espero que alguem possa ajuda-lo
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 03/11/12, 04:04 pm

agradeço pelo seu esforço, espero que alguem saiba como fazer isso



Lifes Disse:

Olá,

Poderia me passar o endereço do Fórum de onde viu tal efeito? Porque ai seria mais facil eu editar o código e passa-lo para você ...


Cordialmente! Muito feliz

http://www.foxdesigner.biz/
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior em 04/11/12, 12:03 pm

Olá querido,

Não compreendi bem o que o senhor deseja. Ao caso, o senhor quer que as abas dos perfis fique daquela maneira?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 04/11/12, 03:37 pm

quero que os nomes informações, preferencias, avatar, assinatura e etc fique dentro daquilo azul
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior em 04/11/12, 11:25 pm

Boa noite,

Testei o seguinte código é resultou:

Spoiler:
/*BY:Daemon*/
ul.privmsg{
float:left;
list-style:none;
margin-bottom:-2px;
margin-left:2px
}

*+ html ul.privmsg{
margin-bottom:-11px;
margin-left:2px
}

ul.privmsg li{
background-color:#;
color:#fff;
display:block;
float:left;
margin-right:2px
}

ul.privmsg li div.tabitem{
padding:5px 10px
}

ul.privmsg li a{background-color:#fff;display:block;margin:-5px -10px;padding:5px 10px}

ul.privmsg {
margin-left: 10px;
}

ul.privmsg li {
background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
background-position: top center;
background-color: #000;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}

ul.privmsg li a {
background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
background-position: top center;
background-color: #595959;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}

ul.privmsg li:hover {
background-image: url('http://img27.imageshack.us/img27/7366/vc8879pw.jpg');
background-position: top center;
background-color: #f2f2f2;
color: #673500;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}

ul.privmsg li a:hover {
background-image: url('http://img651.imageshack.us/img651/7366/vc8879pw.jpg');
background-position: top center;
background-color: #f2f2f2;
color: #673500;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
}

O senhor tera que colocar no INICIO de teu CSS.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 04/11/12, 11:34 pm

no meu n funcionou
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior em 04/11/12, 11:40 pm

Olá,

Troque por este:

Spoiler:
#tabs .activetab a:hover span {
background-position: 100% 0px;
color: black;
}
#tabs .activetab a span {
background-position: 100% 0px;
color: #333;
padding-bottom: 7px;
}
#tabs a:hover span {
background-position: 100% -70px;
color: #86B125;
}
#tabs a span {
background: none 100% -35px no-repeat;
color: #666;
display: block;
float: left;
padding: 6px 10px 6px 5px;
white-space: nowrap;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 05/11/12, 12:03 am

amanha eu vejo por que eu to mexendo no celular e n da pra ver spoiler
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon em 05/11/12, 12:09 am

Mikée a versão que testei foram punbb e phpbb3 e funcionou... mas na versão dele phpbb2 n tem exito .-.
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior em 05/11/12, 12:17 am

É querido. É porque estruturas de códigos CSS são diferentes de versão para versão. Mande o link de onde testou o código na versão phpBB2.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon em 05/11/12, 12:23 am

então... eu sei disso amigo .-. ... eu alterei o codigo em phpbb3 e punbb são diferentes... mas n consegui de forma alguma fazer o efeito para o phpbb2.
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 05/11/12, 05:48 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 06/11/12, 05:55 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Ace em 06/11/12, 06:03 pm

Olá,

Aplique o seguinte CSS a seu fórum:

Código:
.profile-tabs{background-color:#f2f2f2;border-bottom:none;padding-top:0}.profile-tabs ul li.activetab a{background-color:#f2f2f2;text-indent:1em}.sprite-tabs_less{background:url(http://illiweb.com/fa/sprite_icons.png) no-repeat top left;background-position:-1327px 0;height:9px;width:9px}.sprite-tabs_more{background:url(http://illiweb.com/fa/sprite_icons.png) no-repeat top left;background-position:-1386px 0;height:9px;width:9px}

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 06/11/12, 06:07 pm

n funcionou!

eu quero usar estas imagens:



avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 07/11/12, 07:16 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 09/11/12, 06:58 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 09/11/12, 10:27 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 10/11/12, 12:04 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 11/11/12, 04:23 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 13/11/12, 03:25 pm

desisto!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 13/11/12, 03:58 pm

Olá!

Acalme-se, estou elaborando um código para resolver sua questão, porém estou indo para casa agora e não posso terminar, daqui a pouco termino e edito este post, ok? Muito feliz

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 13/11/12, 06:00 pm

ok!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Dr.Helper em 13/11/12, 06:46 pm

Olá,Criei um pra você Muito feliz
Aceda á :

Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Geral

e insira o seguinte código :

Código:
<center>
<a href="/profile?mode=editprofile&page_profil=preferences" target="_blank"">Preferencias</a> | <a href="/profile?mode=editprofile&page_profil=avatars" target="_blank"">Avatar</a> | <a href="/profile?mode=editprofile&page_profil=informations" target="_blank">Informações</a><br>
<a href="/profile?mode=editprofile&page_profil=friendsfoes" target="_blank">Amigos & Ignorados</a> | <a href="/search?search_id=watchsearch" target="_blank">Tópicos Supervisionados</a> | <a href="/search?search_id=draftsearch" target="_blank">Rascunhos</a> | <a href="/search?search_id=favouritesearch" target="_blank">Tópicos Favoritos</a><br>
<a href="/privmsg" target="_blank">Mensagens Privadas</a> | <a href="/search?search_topics={USERNAME}" target="_blank">Meus Tópicos</a> | <a href="/search?search_id=egosearch" target="_blank">Tópicos que Participo</a> | <a href="/search?search_author={USERNAME}&show_results=posts" target="_blank">Minhas Mensagens</a> | <a href="/search?search_id=newposts" target="_blank">Novas Mensagens</a>
</center>

Está bom este para você ?
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 13/11/12, 09:39 pm

Olá!

Desculpe o flood, estou terminando o código, porém, preciso saber o link do fórum aonde quer adicionar o efeito?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 13/11/12, 09:47 pm

avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 13/11/12, 09:53 pm

Olá!

Utilize este código JS:
Código:
jQuery(document).ready(function(){
jQuery('a[href="/rpg_sheet_edit?u=1"]').before("<div class='folharpg'><br />").after("</div>");});


if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=preferences'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=informations'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu1'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=signature'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu2'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=attachments'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu3'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=avatars'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu4'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=friendsfoes'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu5'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=watchsearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu6'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=favouritesearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu7'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=draftsearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu8'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/rpg_sheet_edit?u=1'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu9'></div>").after("");})};

Crie uma página HTML em:
Painel...-> Módulos -> HTML e Javascript -> Gestão das páginas html
Clique no ícone " Adicionar " para criar uma nova página HTML nesta página adicione o código que foi fornecido acima e configure outras definições, por fim utilize o código abaixo:
<script src=Endereço-da-página-html-aqui></script>
Modifique o local de vermelho pelo endereço da página, adicione o código modificado em:
Painel...-> Geral -> Fórum -> Configurações / Descrição do fórum

Agora adicione o código abaixo:
Código:
a[href="/profile?mode=editprofile&page_profil=preferences"],a[href="/profile?mode=editprofile&page_profil=signature"]
, a[href="/profile?mode=editprofile&page_profil=attachments"]{
background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
}
.menu7{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:97px !important;
  width:69px;
  height:31px;
  color:#FFF;}

.menu8{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:5px !important;
  width:77px;
  height:31px;
  color:#FFF;}

a[href="/profile?mode=editprofile&page_profil=avatars"],a[href="/profile?mode=editprofile&page_profil=informations"], a[href="/profile?mode=editprofile&page_profil=friendsfoes"], a[href="/search?search_id=watchsearch"]
{background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
}
.menu{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
margin-right:727px !important;
  margin-bottom:-23px;
  width:90px;
  height:31px;
  color:#FFF;}


.menu1{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:828px !important;
  width:90px;
  height:31px;
  color:#FFF;}

.menu2{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:637px !important;
  width:75px;
  height:31px;
  color:#FFF;}

.menu3{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:563px !important;
  width:54px;
  height:31px;
  color:#FFF;}

.menu4{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:493px !important;
  width:51px;
  height:31px;
  color:#FFF;}

.menu5{background-image: url('http://i46.servimg.com/u/f46/12/46/70/00/vc887910.png');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:353px !important;
  width:131px;
  height:31px;
  color:#FFF;}

.menu9{background-image: url('http://i46.servimg.com/u/f46/12/46/70/00/vc887911.png');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:3px !important;
  width:30px;
  height:31px;
  color:#FFF;}

.menu6{background-image: url('http://i46.servimg.com/u/f46/12/46/70/00/vc887911.png');
  background-repeat:no-repeat;
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  margin-bottom:-23px;
  margin-right:181px !important;
  width:165px;
  height:31px;
  color:#FFF;}



a[href="/search?search_id=favouritesearch"], a[href="/search?search_id=draftsearch"], a[href="/rpg_sheet_edit?u=1"]{background-image: url('http://i69.servimg.com/u/f69/13/29/02/28/ppp10.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
  margin-bottom:-50px !important;
}
.folharpg{height:20px;}
table{margin-bottom:10px !important;}


a[href="/profile?mode=editprofile&page_profil=preferences"]:hover,a[href="/profile?mode=editprofile&page_profil=signature"]:hover
, a[href="/profile?mode=editprofile&page_profil=attachments"]:hover{
background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
}
a[href="/profile?mode=editprofile&page_profil=avatars"]:hover,a[href="/profile?mode=editprofile&page_profil=informations"]:hover, a[href="/profile?mode=editprofile&page_profil=friendsfoes"]:hover, a[href="/search?search_id=watchsearch"]:hover{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
}
span.gen[width="96px"]{display:none;}
a[href="/search?search_id=favouritesearch"]:hover, a[href="/search?search_id=draftsearch"]:hover, a[href="/rpg_sheet_edit?u=1"]:hover{background-image: url('http://img403.imageshack.us/img403/7366/vc8879pw.jpg');
background-position: top center;
background-color: black;
border: 1px solid #000;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
border-radius-topleft: 8px;
border-radius-topright: 8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  color:#FFF;
  margin-bottom:-50px !important;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 02:16 pm

é pra usar esse código na página html?

Código:
jQuery(document).ready(function(){
jQuery('a[href="/rpg_sheet_edit?u=1"]').before("<div class='folharpg'><br />").after("</div>");});


if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=preferences'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=informations'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu1'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=signature'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu2'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=attachments'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu3'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=avatars'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu4'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/profile?mode=editprofile&page_profil=friendsfoes'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu5'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=watchsearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu6'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=favouritesearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu7'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/search?search_id=draftsearch'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu8'></div>").after("");})};

if(window.location=='http://animessoul.forumeiros.com/rpg_sheet_edit?u=1'){jQuery(document).ready(function(){jQuery('span.gen:eq(1)').before("<div class='menu9'></div>").after("");})};
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior em 14/11/12, 02:19 pm

Olá,

Não, este código é para ser inserido em tua pagina Java Script.

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 03:15 pm

Olá!

Sim, é para inserir numa página HTML, salva-la, pegar o link e colar no segundo código dado por mim, que é este:
Código:
<script src=Endereço-da-página-html-aqui></script>

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 03:30 pm

mas eu fiz tudo isso e n funcionou
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 03:34 pm

Olá!

Alguma coisa fizeste de errado, pode entrar aqui e verificar:
http://brazucas.forumado.net/profile?mode=editprofile
Login: RayMan
Senha: @forumdosforuns

Adicionou o CSS em sua folha estilo CSS?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 05:08 pm

vou te dar o login e a senha do meu forum de teste e vc tenta pra ver se funciona, ele é da mesma versao do meu outro
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 05:20 pm

Olá!

Não vai funcionar no seu fórum de testes, só irá funcionar no fórum em que você me deu o link: http://animessoul.forumeiros.com/forum

Fizeste alguma coisa errada... responda minha mp.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 05:43 pm

pronto ja te enviei
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 06:14 pm

agora funcionou mas por exemplo quando clico em cima de informações o nome sai da caixa
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 06:58 pm

Olá!

Solucionado, porém, há um código que é o que buga todo o resto, este:
Código:
a[href="/u1"] {
text-shadow: 0 0 10px blue;
background-image: url(http://illiweb.com/fa/pbucket.gif
}
Posso retira-lo?

EDIT: Resolvido já, consegui fazer de outra maneira para permanecer com o efeito na letra do u1.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 07:02 pm

eu sei mas quando tira ele dessaruma o forum todo

e tem mais uma coisa quando clico em informações a cor da letra fica preta queria deixar branca
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 07:08 pm

Olá!

Não desarruma não, dê o CRTL + F5 e verifica como está, está do mesmo jeito, não retirei código algum, este código que pedi para retirar é apenas para atribuir efeitos ao nick do admin, em relação a cor não dá para mudar infelizmente, para mudar esta cor terá de modificar outros locais do fórum...

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha em 14/11/12, 07:17 pm

as bordas do widget ficaram arredondadas
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender em 14/11/12, 07:24 pm

Olá!

Erro Corrigido, falta algo?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Página 1 de 2 1, 2  Seguinte

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

- Tópicos similares

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