Como posso alterar o modelo do fórum?

[Jean_Xd]

Detalhes da questão

Endereço do fórum: bra-perfectstart.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá,

Amigos gostaria de saber como eu poderia deixar meu forum com uma nova aparencia, digamos com uma nova skin no /forum e /portal ?

Por exemplo o site do amigo: http://combatesf.forumeiros.com/forum

Gostaria de me informar, preciso fazer uma mudanças no forum.

Aguardo

[Fraise]

Boa tarde,

Não entendi... poderia explicar melhor a sua questão?

Abraços.
Fraise

[Jean_Xd]

Olá @Fraise

Amigo queria mudar o /forum do meu forum, a pagina inicial, por exemplo do modelo do forum que lhe repassei, as categorias e foruns organizadas ! e o menu de navegação e etc;

Seria possivel?

aguardo

[Fraise]

Entendi.. mas só é viável uma dúvida por tópico, portanto apenas vou sanar uma das suas dúvidas neste tópico. Por gentileza, abra novos tópicos para suas outras dúvidas. Vamos começar pela personalização das categorias e fóruns. Aceda a Painel de Controle Visualização Cores Folha de estilo CSS e adicione lá o seguinte código:

Código:

li.header {
    -moz-border-radius: 4px 4px 0 0 !important;
    -moz-box-shadow: inset 0 1px 0 #528cbc !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 0 #528cbc !important;
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top !important;
    border-color: #316897 !important;
    border-radius: 4px 4px 0 0 !important;
    border-style: solid !important;
    border-width: 1px 1px 0 !important;
    box-shadow: inset 0 1px 0 #528cbc !important;
    color: #fff !important;
    margin-top: 15px !important;
    padding: 10px 10px 11px !important;
}
ul.forums {
    border: 1px solid #ddd !important;
}


Abraços.
Fraise

[Jean_Xd]

Olá @Fraise

Houve mudança apenas naquelas barras das categorias e foruns , a mudança também do quadro onde fica as informações continua o mesmo ...

aguardo

[Hyouki]

Olá!

você se refere a alteração total do tema para um parecido com o citado na sua questão ?

[Jean_Xd]

Refiro ao quadro onde fica as informações ,

pode perceber que ele tem bordas

[Fraise]

Troque o código que lhe forneci anteriormente por este:

Código:

li.header, .introduction .h3 {
    -moz-border-radius: 4px 4px 0 0 !important;
    -moz-box-shadow: inset 0 1px 0 #528cbc !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 0 #528cbc !important;
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top !important;
    border-color: #316897 !important;
    border-radius: 4px 4px 0 0 !important;
    border-style: solid !important;
    border-width: 1px 1px 0 !important;
    box-shadow: inset 0 1px 0 #528cbc !important;
    color: #fff !important;
    margin-top: 15px !important;
    padding: 10px 10px 11px !important;
}
ul.forums {  border: 1px solid #ddd !important; }
table.bemvindo { border: 1px solid #ddd; }

Abraços.
Fraise

[Jean_Xd]

Ola @Fraise

Amigo não seria possivel colocar essas bordinhas ?

Spoiler:

A e as barras de ' Estatisticas ' e ' Quem esta conectado ' , ainda continuam preta.

Abraços

[Fraise]

Eu não estou vendo como colocar essas bordas...
Mas, quanto aos restantes itens, troque por este:

Código:

li.header, .h3 {
    -moz-border-radius: 4px 4px 0 0 !important;
    -moz-box-shadow: inset 0 1px 0 #528cbc !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 0 #528cbc !important;
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top !important;
    border-color: #316897 !important;
    border-radius: 4px 4px 0 0 !important;
    border-style: solid !important;
    border-width: 1px 1px 0 !important;
    box-shadow: inset 0 1px 0 #528cbc !important;
    color: #fff !important;
    margin-top: 15px !important;
    padding: 10px 10px 11px !important;
}
ul.forums {  border: 1px solid #ddd !important; }
table.bemvindo { border: 1px solid #ddd; }

Abraços.
Fraise

[Jean_Xd]

Olá,

Não aconteceu nada nesse novo codigo que vc mandou, ainda continua as barras pretas kk

abraços amigo

[Fraise]

Você deve trocar o código mais recente pelo anterior. Pelo que vi, você adicionou o código mais recente como complementar.

Abraços.
Fraise

[Jean_Xd]

Olá, @Fraise

O código deu certo, mais ocorreu um pequeno desleixo nos topicos de informações que foi o afastamento dos mesmos:

Spoiler:

E sobre a parte das barrinhas:

Spoiler:

O senhor não descobriu como faze-la ainda ?

Abraço amigo e no aguardo.

[Jean_Xd]

Up!

[Silva_Only]

Porque forneceu o meu forum?
Que parte que editar? O forum por dentro ou a pagina inicial?

[Fraise]

Sim, já descobri e até é relativamente simples.
Remova todos os códigos já aqui fornecidos e coloque este no inicio da folha de estilos:

Código:

ul.topiclist.forums .row {
    background: #FFF;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

ul.topiclist.forums {
    background: #ebf0f3;
    border: 1px solid #dbe4ef;
    border-top: 0;
    padding: 9px;
}

.h3, li.header {
    -moz-border-radius: 4px 4px 0 0!important;
    -moz-box-shadow: inset 0 1px 0 #528cbc!important;
    -webkit-border-top-left-radius: 4px!important;
    -webkit-border-top-right-radius: 4px!important;
    -webkit-box-shadow: inset 0 1px 0 #528cbc!important;
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top!important;
    border-color: #316897!important;
    border-radius: 4px 4px 0 0!important;
    border-style: solid!important;
    border-width: 1px 1px 0!important;
    box-shadow: inset 0 1px 0 #528cbc!important;
    color: #fff!important;
    margin-top: 15px!important;
    padding: 10px 10px 11px!important;
}
#right .module { border: 1px solid #ddd !important; margin-top: -15px!important; }

Abraços.
Fraise

[Jean_Xd]

Olá, @Fraise

Amigo resultou a parte das bordas separadas , mais ocasionou desistrutura nos topicos dos wigts do lado direito do /forum , além da parte das categorias e foruns voltaram com a barra preta e ficou uma coisa desorganizada , kk

aguardo amigo.

[Jean_Xd]

#Up

[Jean_Xd]

#Up

[Jean_Xd]

#UP

[Fraise]

Olá!

Antes de tudo, peço imensa desculpa pela demora. Surgiram uns problemas pessoais. Agradeço a sua compreensão.
Troque o código por este:

Código:

ul.topiclist.forums .row {
    background: #FFF;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

ul.topiclist.forums {
    background: #ebf0f3;
    border: 1px solid #dbe4ef;
    border-top: 0;
    padding: 9px;
}

.h3, li.header {
    -moz-border-radius: 4px 4px 0 0!important;
    -moz-box-shadow: inset 0 1px 0 #528cbc!important;
    -webkit-border-top-left-radius: 4px!important;
    -webkit-border-top-right-radius: 4px!important;
    -webkit-box-shadow: inset 0 1px 0 #528cbc!important;
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top!important;
    border-color: #316897!important;
    border-radius: 4px 4px 0 0!important;
    border-style: solid!important;
    border-width: 1px 1px 0!important;
    box-shadow: inset 0 1px 0 #528cbc!important;
    color: #fff!important;
    margin-top: 15px!important;
    padding: 10px 10px 11px!important;
}
#right .module { border: 1px solid #ddd !important; margin-top: 0px!important; }

Até mais.
Fraise

[Jean_Xd]

Olá amigo, @Fraise

cá venho a incomodar novamente kk , amigo, resultou seu código, apenas ficou o titulo dos tópicos ainda com a borda preta, teria como coloca-las da mesma cor de antes azul? kk

Abraços.

[Fraise]

Adicione o código no ínicio da sua folha de estilos que, de certo irá funcionar.

Abraços.
Fraise

[Jean_Xd]

Olá amigo, @Fraise

Fiz isto. e não resultou.

abraços.

[Jean_Xd]

#Up

[Jean_Xd]

#UP

[Jean_Xd]

#UP

[Jean_Xd]

#Up

Meu ultimo Up moderadores, caso não tiver resposta estão liberados para dar como fechado !

abraços.

[Jean_Xd]

#UP @Fraise

[Jean_Xd]

#UPP

[Jean_Xd]

#Up   , devia ganhar um selo de post mais desprezado kkk

[MateusAnjosV]

Olá Jean e bom dia!

Sinto muitíssimo a demora, vamos findar o seu tópico em breve.
Não entendi o que deseja, contudo, é algo relacionado a cor das bordas, certo? Poderia fornecer uma captura do seu ecrã?
Por fim, troque último código do Fraise, por este:

Código:

ul.topiclist.forums .row {
   background: #FFF !important;
   border-left: 1px solid #ddd !important;
   border-right: 1px solid #ddd !important;
   border-bottom: 1px solid #ddd !important;
}

ul.topiclist.forums {
   background: #ebf0f3 !important;
   border: 1px solid #dbe4ef !important;
   border-top: 0 !important;
   padding: 9px !important;
}

.h3, li.header {
   -moz-border-radius: 4px 4px 0 0!important;
   -moz-box-shadow: inset 0 1px 0 #528cbc !important;
   -webkit-border-top-left-radius: 4px !important;
   -webkit-border-top-right-radius: 4px !important;
   -webkit-box-shadow: inset 0 1px 0 #528cbc !important;
   background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top !important;
   border-color: #316897 !important;
   border-radius: 4px 4px 0 0 !important;
   border-style: solid !important;
   border-width: 1px 1px 0 !important;
   box-shadow: inset 0 1px 0 #528cbc !important;
   color: #fff !important;
   margin-top: 15px !important;
   padding: 10px 10px 11px !important;
}
#right .module {
border: 1px solid #ddd !important;
margin-top: 0px !important;
}

Deixe-me saber se isto sanou o seu problema e, caso não, não esqueça de me fornecer a screen.

Sem mais,
MateusAnjos.

[Jean_Xd]

Olá,

@MateusAnjosV pode fechar a questão, vejo que falta pouca atenção com minha questão em si kk e vejo que esta tomando o tempo de vocês, pode dar closed, deixa como esta mesmo, cansei!

Obrigado pela atenção amigo.

Abraços.

[Shek]

@Jean_Xd, o fórum que mencionou está indisponível ou trocou o endereço. Por favor, poderia nos apresentar detalhes da sua dúvida, ou, realmente deseja encerrá-la?

[Jean_Xd]

Olá,
Sim, mudou o endereço, esta bra-routeandreas.forumeiros.com.

Pode encerrar a devida questão, sem paciência para a mesma.

[MateusAnjosV]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".