Stylesheet Switcher no phpBB.

[smallbreeds]

URL do Fórum: http://www.shihtzuforum.com.br

Gostaria de mais detalhes sobre o funcionamento do Stylesheet Switcher no phpBB pois ali só fala em CSS.

Então, no caso seria utilizado o arquivo stylesheet.css para fazer a troca de cores? E em cada cor pretendida teria que acrescentar um valor diferente ao stylesheet.css, stylesheetred, stylesheetblue, ...?

Essa dica do Vinny nuito me interessa :)

[smallbreeds]

Só para ver se ajuda para uma informação melhor.

Fiz os procedimento, consegui a troca de cor através de uma imagem no entanto não carrega as imagens. Utilizei o arquivo colours.css. :roll:

[_Vinny_]

Para cada cor, precisa de um arquivo CSS, para organizar basta criar com o nome da cor. Com o Colorizeit.com é possivel colorir apenas arquivos especificos, então dá para gerar apenas um arquivo para cor.

As imagens, você estar dentro de um diretorio, com o nome da cor, e ser definido o caminho deste diretorio no arquivo CSS com a imagem colorida.

Eu postei um estilo meu como exemplo, se você baixar, veja que tem toda essa estrutura de arquivos CSS com nome da cor e diretorio para cores com as imagens.

Veja outro exemplo: http://www.phpbb.com/styles/demo/3.0/in ... le_id=1063
Este usa apenas cores, sem imagens, o que não depende de carregar as imagens na troca.

[smallbreeds]

Então Vinny, eu abri o seu estilo para ver.

Eu inclui isso no overall_header.html

Código: Selecionar todos

<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/colours.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="tema-musgo" href="{T_THEME_PATH}/musgo.css" />

E isso

Código: Selecionar todos

<script src="{T_TEMPLATE_PATH}/styleswitch.js" type="text/javascript"></script>

E isso para o botão chamar o css.

Código: Selecionar todos

<a href="javascript:chooseStyle('none', 60)" checked="checked"><img src="{T_THEME_PATH}/images/azul.png" width="16" height="16" alt="Tema Azul" /></a> <a href="javascript:chooseStyle('tema-musgo', 60)"><img src="{T_THEME_PATH}/images/musgo.png" width="16" height="16" alt="Tema Musgo" /></a>

Alterei o nome do arquivo css para musgo.css e dentro dele alterei o caminho direcionando para a pasta musgo que contém as imagens.

Algo errado nisso, considerando que o arquivo musgo.css está dentro da pasta theme e a pasta musgo também. E a chamada das imagens está sendo feita dessa forma no css.

Código: Selecionar todos

url("./musgo/bg2.gif")

Ou assim: (mas acontece o mesmo)

Código: Selecionar todos

url("{T_THEME_PATH}/musgo/bg2.gif")

Mas quando alterna a cor ele faz isso

musgo.JPG

[smallbreeds]

Bom, consegui aplicar, mas como o Absolution é um estilo meu complicadinho, e chama coisa de tudo que é css, tive que usar o stylesheet renomeado para cada cor, chamando os dimais css também renomeados. A título de teste o resultado foi este. (Faltando integrar o CSS próprio do menu e dos anúncios)

musgo.JPG

preto.JPG

roxo.JPG

Vinny, obrigado por mais essa dica, ia me quabrar todo para instalar MOD em todas as variações de cores do estilo.

Mas ainda falta uma coisinha, vamos ver se tem como. Algumas imagens foram coloridas no IMAGESET/PT_BR e não na pasta e não na pasta THEME/IMAGES. Teria como alterar (não sei onde) para por exemplo os ícones de tópico acompanharem a cor?

[_Vinny_]

Essa parte é complicada pra caramba, pois o imageset fica em outro diretório.

Neste caso, você colori as imagens para cor, e depois joga essas imagens para o diretório da cor, no arquivo CSS de cada cor você tem que colocar o CSS chamando a imagem colorida.

No arquivo colours.css, em prosilver, por exemplo, temos as seguintes definições:

Código: Selecionar todos

/* Big button images */
.reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

Neste caso seria adicionar isso ao CSS de cada, e mudar o caminho para a imagem colorida.

Pode ser que no seu estilo possa ser diferente o código, mas é este o caminho.

[smallbreeds]

Ah, entendi Vinny. Por isso tive que apagar justamente tudo o que se referia aos botões, como no caso que você citou acima pois ficava só Responder em vez do botão de RESPONDER.

Vou dar uma fuçada aqui sobre isso.

E me diz mais uma coisa. Tem como coloriar os botões traduzidos pelo Colorizeit? Pois fiz pelo phpbb as cores, mas não sei se dá para fazer pelo site ou se tem algum lugar onde se indica a pasta e dá para colorir?

Valeu Vinny!

[_Vinny_]

No Colorizeit tem a opção de colorir arquivos enviados no momento por você, creio que funciona com imagens.

[smallbreeds]

Ok Vinny, vou tentar, qualquer coisa eu grito ;)

[smallbreeds]

Vinny, olha eu novamente.

Tem uma coisa me incomodando. A troca dos estilos tá legal, tem 8 tons diferentes funcionando no Fórum normalmente. Só que, quando se clica em "Aumentar tamanho da fonte" retorna a cor original, e só aumente na cor original, ou seja, o default.
Ví que no Super Mário acontece o mesmo, e no Freestyler, o autor colocou botões com a cor original aumentando a fonte, também só no original. Tem como mudar isso? Tem alguma sugestão?