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

+4
Daemon
bean
[F]lames
NarutodeKonoha
8 participantes

Página 1 de 2 1, 2  Seguinte

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

Tópico resolvido Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 02.11.12 23:27

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

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

https://i.servimg.com/u/f42/17/62/56/31/isso10.jpg

Links e imagens do meu problema:
https://i.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 21:31, editado 2 vez(es)
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por [F]lames 02.11.12 23:50

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 ...
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 03.11.12 1:38

n funcionou!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 03.11.12 13:06

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por bean 03.11.12 13:09

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
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon 03.11.12 13:44

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'
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 03.11.12 16:29

n funcionou!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon 03.11.12 16:33

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

em phpbb3 tem um efeito diferente...
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 03.11.12 16:54

ta bem ... *aguardando* ...
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon 03.11.12 17:46

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
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 03.11.12 18:04

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/
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior 04.11.12 14:03

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 04.11.12 17:37

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

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior 05.11.12 1:25

Boa noite,

Testei o seguinte código é resultou:

Spoiler:

O senhor tera que colocar no INICIO de teu CSS.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 05.11.12 1:34

no meu n funcionou
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior 05.11.12 1:40

Olá,

Troque por este:

Spoiler:
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 05.11.12 2:03

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

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon 05.11.12 2:09

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

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior 05.11.12 2:17

É 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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Daemon 05.11.12 2:23

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.
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 05.11.12 19:48

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 06.11.12 19:55

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Ace 06.11.12 20:03

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://2img.net/i/fa/sprite_icons.png) no-repeat top left;background-position:-1327px 0;height:9px;width:9px}.sprite-tabs_more{background:url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;background-position:-1386px 0;height:9px;width:9px}

Até Mais.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 06.11.12 20:07

n funcionou!

eu quero usar estas imagens:

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

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

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 07.11.12 21:16

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 09.11.12 20:58

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 10.11.12 0:27

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 10.11.12 14:04

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 11.11.12 18:23

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 13.11.12 17:25

desisto!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 13.11.12 17:58

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 13.11.12 20:00

ok!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Dr.Helper 13.11.12 20:46

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ê ?
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 13.11.12 23:39

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 13.11.12 23:47

NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 13.11.12 23:53

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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 16:16

é 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("");})};
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por Sennior 14.11.12 16:19

Olá,

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

Abraços. Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 17:15

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 17:30

mas eu fiz tudo isso e n funcionou
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 17:34

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 19:08

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
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 19:20

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 19:43

pronto ja te enviei
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 20:14

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

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 20:58

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://i11.photobucket.com/albums/a168/evelynregly/minigifs/tres_brilhos.gif
}
Posso retira-lo?

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

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 21:02

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
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 21:08

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!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por NarutodeKonoha 14.11.12 21:17

as bordas do widget ficaram arredondadas
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o fundo das opções de edição do perfil

Mensagem por seender 14.11.12 21:24

Olá!

Erro Corrigido, falta algo?

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Página 1 de 2 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos