Visualização dos fóruns

3 participantes

Ir para baixo

Tópico resolvido Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 0:34

Qual é minha questão:
Olá, eu gostaria de mudar a visualização dos tópico, fiz um demo ~~> https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/demo-bpl_zpsbfae553e.jpg <~~, 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 14:24, editado 1 vez(es)
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 0:50

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

:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 0:53


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

a imagem que eu fiz tá bem diferente.
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 1:19

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;
}

:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 1:37

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: 
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 2:37

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://2img.net/i/fa/empty.gif");
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 2:41

:-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://2img.net/i/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!)
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 2:49

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


zen

O primeiro code que eu dei funcionou ?
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 2:56

:-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

https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/demo-bpl_zps8ad66899.jpg
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 3:11

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.
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 3:22

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 
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 3:27

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

zen
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por :-EraGon-: 09.02.14 3:49

Como pode ver, aqui funcionou

Visualização dos fóruns XULF1Va
https://i.imgur.com/XULF1Va.png
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Hancki 09.02.14 10:50

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 13:55

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 ~~> https://s1290.photobucket.com/user/gabrielmacedo83/media/demo-bpl_zps8ad66899.jpg.html <~~, muito obrigado ajudo bastante  Rindo 
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Hancki 09.02.14 14:14

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização dos fóruns

Mensagem por Gabriel.Macedo83 09.02.14 14:25

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 
Gabriel.Macedo83
Gabriel.Macedo83
***

Membro desde : 03/09/2013
Mensagens : 178
Pontos : 294

http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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