Visualização dos fóruns

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

Resolvido Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 08/02/14, 10:34 pm

Qual é minha questão:
Olá, eu gostaria de mudar a visualização dos tópico, fiz um demo ~~> http://illiweb.com/fa/pbucket.gif <~~, não sei se fico bom, mas já da para entender, os tópico fica dentro disso ai, ai eu queria deixar desse geito. obrigado pela sua resposta

Endereço do meu fórum:
http://br-legends13.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Gabriel.Macedo83 em 09/02/14, 12:24 pm, editado 1 vez(es)
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 08/02/14, 10:50 pm

Olá amigo, poderia nos informar o site de onde viu isso ?

avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 08/02/14, 10:53 pm


http://www.brasilplaycity.com.br/forum
--

a imagem que eu fiz tá bem diferente.
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 08/02/14, 11:19 pm

Olá amigo, tente esse Codigo CSS

Código:
.forabg:hover {
box-shadow: opx opx 10px rgb(25,61,80);
}
.forabg {
background-color: rgb(0,0,0);
background-image: url("http://i4.minus.com/ibo0XG1gpruXS9.jpg");
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 08/02/14, 11:37 pm

bom eu não quero usar as imagems deles, isso seria plagio, so queria deixar esse efeito na visualização dos tópico, é tmb o código não funcionou  :roll: 
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 09/02/14, 12:37 am

Olá novamente Gabriel, substitua por o
Código:
.forabg {
background-color: rgb(0,0,0);
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Por este

Código:
.pun .forabg {
background-color: rgb(0,0,0);
background-image: url("http://illiweb.com/fa/empty.gif");
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 09/02/14, 12:41 am

@:-EraGon-: escreveu:Olá novamente Gabriel, substitua por o
Código:
.forabg {
background-color: rgb(0,0,0);
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Por este

Código:
.pun .forabg {
background-color: rgb(0,0,0);
background-image: url("http://illiweb.com/fa/empty.gif");
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

ainda não funcionou, teria outro código ?, (Obrigado pela Sua Resposta!)
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 09/02/14, 12:49 am

olá amigo, teria alguma imagem para adicionar no lugar da outra ?


zen

O primeiro code que eu dei funcionou ?
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 09/02/14, 12:56 am

@:-EraGon-: escreveu:olá amigo, teria alguma imagem para adicionar no lugar da outra ?


zen

O primeiro code que eu dei funcionou ?

olá, aqui está um melhor exemplo

http://illiweb.com/fa/pbucket.gif
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 09/02/14, 01:11 am

Aqui um code para PUNBB

Código:
.main .main-head {
background-color: #66cccc;
border-radius: 3px 3px 0px 0px;
color: #fff;
padding: 13px;
text-shadow: 1px 1px 1px rgb(51,51,51);
}
.main {
background-color: ##66cccc;
background-image: url("http://illiweb.com/fa/empty/gif");
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid rgb(255,255,255);
box-shadow: 1px 0px 6px rgb(222,222,222);
clear: both;
padding: 0px 5px;
}

Testei em um site PUNBB e funcionou.
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 09/02/14, 01:22 am

já colocei esse código e não funcionou, não sei oq tá acontecendo.., pode até ver no http://br-legends13.forumeiros.com/css.forum , oq devo fazer ? (Painel de Controle > Imagens e Cores > Cores > Folha de Estilo Css), estou fazendo tudo certinho mas não adianta  Louco Louco 
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 09/02/14, 01:27 am

Tente localizar o code que te dei na folha de estilo CSS, se houver outro, exclua

zen
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP
  • 0

Resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: em 09/02/14, 01:49 am

Como pode ver, aqui funcionou


http://i.imgur.com/XULF1Va.png
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Visualização dos fóruns

Mensagem por Hancki em 09/02/14, 08:50 am

Olá!

Remova qualquer código fornecido anteriormente e use este:
Código:
.main .main-head  {
    background-color: rgb(0, 0, 0) !important;
    background-image: url("http://i4.minus.com/ibo0XG1gpruXS9.jpg") !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    clear: both !important;
    margin-bottom: 4px !important;
    padding: 10px !important;
    border-bottom: 0px !important;
}
.main .main-head .page-title h2 {
    color: white !important;
}
.main .main-content table {
border: 4px solid black !important;
border-top: 0px !important;
margin-top: -5px !important;
}
Resultado: http://prntscr.com/2qvuwy

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 09/02/14, 11:55 am

@Hancki escreveu:Olá!

Remova qualquer código fornecido anteriormente e use este:
Código:
.main .main-head  {
    background-color: rgb(0, 0, 0) !important;
    background-image: url("http://i4.minus.com/ibo0XG1gpruXS9.jpg") !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    clear: both !important;
    margin-bottom: 4px !important;
    padding: 10px !important;
    border-bottom: 0px !important;
}
.main .main-head .page-title h2 {
    color: white !important;
}
.main .main-content table {
border: 4px solid black !important;
border-top: 0px !important;
margin-top: -5px !important;
}
Resultado: http://prntscr.com/2qvuwy

Hancki

fico muito bom, mas como eu tinha dito ai em cima,um melhor exemplo de como eu queria ~~> http://illiweb.com/fa/pbucket.gif <~~, muito obrigado ajudo bastante  Rindo 
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Resolvido Re: Visualização dos fóruns

Mensagem por Hancki em 09/02/14, 12:14 pm

Então remova esse código e substitua por este novo:
Código:
.main .main-head  {
    background-color: #487183 !important;
    background-image: none !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    clear: both !important;
    margin-bottom: 4px !important;
    padding: 10px !important;
    border-bottom: 0px !important;
}
.main .main-head .page-title h2 {
    color: white !important;
}
.main .main-content table {
border: 4px solid #487183 !important;
border-top: 0px !important;
margin-top: -5px !important;
}
Resultado: http://prntscr.com/2qxbsg

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 em 09/02/14, 12:25 pm

@Hancki escreveu:Então remova esse código e substitua por este novo:
Código:
.main .main-head  {
    background-color: #487183 !important;
    background-image: none !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    clear: both !important;
    margin-bottom: 4px !important;
    padding: 10px !important;
    border-bottom: 0px !important;
}
.main .main-head .page-title h2 {
    color: white !important;
}
.main .main-content table {
border: 4px solid #487183 !important;
border-top: 0px !important;
margin-top: -5px !important;
}
Resultado: http://prntscr.com/2qxbsg

Hancki

obrigado mas uma vez  Feliz 
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

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