Visualização dos fóruns

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

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

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

a imagem que eu fiz tá bem diferente.

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

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: 

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

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

O primeiro code que eu dei funcionou ?

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

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

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.

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    

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

Como pode ver, aqui funcionou


https://i.imgur.com/XULF1Va.png

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

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