Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Personalizar o fundo das opções de edição do perfil
+4
Daemon
bean
[F]lames
NarutodeKonoha
8 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 2
Página 1 de 2 • 1, 2
Personalizar o fundo das opções de edição do perfil
Qual é minha questão:
Quero que os nomes no perfil, tipo, preferencias, avatar , assinatura e etc fiquem dentro disso aqui:
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
Quero que os nomes no perfil, tipo, preferencias, avatar , assinatura e etc fiquem dentro disso aqui:
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)
Re: Personalizar o fundo das opções de edição do perfil
Olá,
Adicione á teu CSS :
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;
}
Re: Personalizar o fundo das opções de edição do perfil
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!
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!
Re: Personalizar o fundo das opções de edição do perfil
Aceda o seguinte código a sua folha css:
Agradeça... não cai o dedo '
- 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 '
Re: Personalizar o fundo das opções de edição do perfil
Desculpe amigo... erro meu... irei editar o codigo'
em phpbb3 tem um efeito diferente...
em phpbb3 tem um efeito diferente...
Re: Personalizar o fundo das opções de edição do perfil
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
Re: Personalizar o fundo das opções de edição do perfil
agradeço pelo seu esforço, espero que alguem saiba como fazer isso
http://www.foxdesigner.biz/
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!
http://www.foxdesigner.biz/
Re: Personalizar o fundo das opções de edição do perfil
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.
Não compreendi bem o que o senhor deseja. Ao caso, o senhor quer que as abas dos perfis fique daquela maneira?
Até mais.
Re: Personalizar o fundo das opções de edição do perfil
quero que os nomes informações, preferencias, avatar, assinatura e etc fique dentro daquilo azul
Re: Personalizar o fundo das opções de edição do perfil
Boa noite,
Testei o seguinte código é resultou:
O senhor tera que colocar no INICIO de teu CSS.
Até mais.
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('https://2img.net/r/ihimizer/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('https://i.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('https://2img.net/r/ihimizer/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('https://2img.net/r/ihimizer/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.
Re: Personalizar o fundo das opções de edição do perfil
Olá,
Troque por este:
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;
}
Re: Personalizar o fundo das opções de edição do perfil
amanha eu vejo por que eu to mexendo no celular e n da pra ver spoiler
Re: Personalizar o fundo das opções de edição do perfil
Mikée a versão que testei foram punbb e phpbb3 e funcionou... mas na versão dele phpbb2 n tem exito .-.
Re: Personalizar o fundo das opções de edição do perfil
É 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.
Re: Personalizar o fundo das opções de edição do perfil
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.
Re: Personalizar o fundo das opções de edição do perfil
Olá,
Aplique o seguinte CSS a seu fórum:
Até Mais.
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.
Re: Personalizar o fundo das opções de edição do perfil
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?
Até mais!
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?
Até mais!
Re: Personalizar o fundo das opções de edição do perfil
Olá,Criei um pra você
Aceda á :
e insira o seguinte código :
Está bom este para você ?
Aceda á :
Painel de Controle Visualização 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ê ?
Re: Personalizar o fundo das opções de edição do perfil
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!
Desculpe o flood, estou terminando o código, porém, preciso saber o link do fórum aonde quer adicionar o efeito?
Até mais!
Re: Personalizar o fundo das opções de edição do perfil
Olá!
Utilize este código JS:
Crie uma página HTML em:
Painel...-> Módulos -> HTML e Javascript -> Gestão das páginas html
Clique no ícone " " 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:
Painel...-> Geral -> Fórum -> Configurações / Descrição do fórum
Agora adicione o código abaixo:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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 " " 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:
Modifique o local de vermelho pelo endereço da página, adicione o código modificado em:<script src=Endereço-da-página-html-aqui></script>
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;
}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Re: Personalizar o fundo das opções de edição do perfil
é 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("");})};
Re: Personalizar o fundo das opções de edição do perfil
Olá,
Não, este código é para ser inserido em tua pagina Java Script.
Abraços.
Não, este código é para ser inserido em tua pagina Java Script.
Abraços.
Re: Personalizar o fundo das opções de edição do perfil
Olá!
Sim, é para inserir numa página HTML, salva-la, pegar o link e colar no segundo código dado por mim, que é este:
Até mais!
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!
Re: Personalizar o fundo das opções de edição do perfil
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!
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!
Re: Personalizar o fundo das opções de edição do perfil
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
Re: Personalizar o fundo das opções de edição do perfil
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!
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!
Re: Personalizar o fundo das opções de edição do perfil
agora funcionou mas por exemplo quando clico em cima de informações o nome sai da caixa
Re: Personalizar o fundo das opções de edição do perfil
Olá!
Solucionado, porém, há um código que é o que buga todo o resto, este:
EDIT: Resolvido já, consegui fazer de outra maneira para permanecer com o efeito na letra do u1.
Até mais!
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
}
EDIT: Resolvido já, consegui fazer de outra maneira para permanecer com o efeito na letra do u1.
Até mais!
Re: Personalizar o fundo das opções de edição do perfil
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
e tem mais uma coisa quando clico em informações a cor da letra fica preta queria deixar branca
Re: Personalizar o fundo das opções de edição do perfil
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!
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!
Página 1 de 2 • 1, 2
Tópicos semelhantes
» Opções de edição de perfil super bagunçadas
» Espaçamento entre opções de edição de perfil
» Personalizar as opções do perfil
» Remover fundo opções perfil
» Opções de perfil
» Espaçamento entre opções de edição de perfil
» Personalizar as opções do perfil
» Remover fundo opções perfil
» Opções de perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 2
Permissões neste sub-fórum
Não podes responder a tópicos