Como modificar esta area?

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

Resolvido Como modificar esta area?

Mensagem por RoxLindo em 21/02/13, 04:04 pm

Qual é minha questão:
Bom, vou ser muito direto, como eu deixo essa parte:



Assim:



Onde vi: www.divineartz.forumeiros.com

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

Versão do fórum:
PUNBB


Última edição por iTunnez_Live em 22/02/13, 12:09 pm, editado 1 vez(es)
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 21/02/13, 10:52 pm

@UP
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 22/02/13, 09:37 am

:@UP
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por iPrompt em 22/02/13, 09:46 am

Olá,

Poderia retirar o seu fórum de manutenção ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 22/02/13, 09:48 am

Tirei Muito feliz
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por iPrompt em 22/02/13, 10:16 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.pun-crumbs p {
margin-top: 3px;
background: #222 url('http://i10.servimg.com/u/f10/16/47/91/52/second10.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 22/02/13, 10:27 am

Até funcionou, mas não ficou como eu desejava, tipo, ele ficou muito afastado das outras coisas, e a cor poderia ser azul?

Veja como ficou:

http://img836.imageshack.us/img836/1852/tantofaz.png

Ficou separado nas outras áreas também, tipo no Widget, viu?

E como eu faço pra por tipo uma corzinha branca ou gradient atras da imagem do perfil e do rank... Sei la... Poderia me ajudar nisso tb?
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por iPrompt em 22/02/13, 10:33 am

Olá,

Substitua o código por este

Código:
.pun-crumbs p {
background: #222 url('http://i10.servimg.com/u/f10/16/47/91/52/second10.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
}

Crie um tópico para cada dúvida

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 22/02/13, 10:40 am

Ok, mas o fundo pode ser azul?

Da cor das minhas categorias? Só isso, fico muito grato Quakeline!
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

Resolvido Re: Como modificar esta area?

Mensagem por iPrompt em 22/02/13, 10:44 am

Olá,

Adiciona substitua o código por este

Código:
.pun-crumbs p {
background: url('http://img841.imageshack.us/img841/4409/amgff.png') repeat-x 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.35);
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como modificar esta area?

Mensagem por RoxLindo em 22/02/13, 12:08 pm

Resultou, obrigado Quakeline Muito feliz!
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

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

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