Brazilian Modding Studio
Olá, seja bem vindo à Comunidade BMS!

Para se registrar no fórum, siga os passos:

1 - Clique em "Registrar-se" aqui em baixo;
2 - Aceite os termos de serviço;
3 - Escolha um nome de usuário e senha;
4 - Realize o login no fórum clicando em "Conectar-se".

Compartilhe
avatar
Moderador
Moderador
Título : Memento Mori
Mensagens : 966
Reputação : 58
Desde : 13/12/2015
Idade : 22
Localização : Santa Cruz do Sul
Link : discord.gg/ar3D9QE
Ver perfil do usuáriohttp://dacomp.forumeiros.com
  • Reputação da mensagem: 100% (4 votos)
em Qui 15 Fev 2018, 16:13
Lembrei daquele que a Firefly fez uma vez, e fiz um para a nova versão do fórum.

Código:
/*  Main  */

body {
   font-size: 10px;
   color: #a8a9a7;
}
dd {
   color: #a8a9a7;
}
.page-sep {
   background-color: #7e8084;
}
.block {
   background-color: #36393e;
   color: #c8c8c8;
}
.block-footer {
   background-color: #36393e;
}
ul#picture_legend {
   background-color: #36393e;
}
.h3 {
   border-color: #f8f8f8;
   color: #a8a9a7
}
.h3 a:link {
   color: #f8f8f8;
}
.h3 a:visited {
   color: #f8f8f8;
}
a.gensmall{
   padding-right: 0px;
}
.panel{
   background-color: #484b51;
}
p.author{
   color: #a8a9a7;
}
#privmsgs-menu{
   background-color: #36393e;
}
#tabs ul a span{
   color: white;
}
#page-header + div {
   background-color: #2f3136;
}
#cp-main .panel.sig {
   background-color: #2f3136;
}
ul.forums {
   background-color: #505050;
}
.statistics {
   background-color: #202225;
}
#page-footer {
   background-color: #2a2c31;
}
#picture_legend {
   color: #f8f8f8;
}
.jumpbox {
   color: #484b51;
}
.forabg .row:hover {
   background-color: #6f7175;
}
a:link {
   color: #f8f8f8;
}
a:visited {
   color: #f8f8f8;
}
.post {
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#wrap {
   background-color: #2f3136;
}
.postbody .content {
   font-size: 1.33rem;
   color: #a8a9a7;
}
blockquote {
   font-size: 1.25rem;
   background-color: #484b51;
}
/* cabeçalho */

.headerbar {
   background-color: #2f3136;
   background-image: none;
   height: 150px;
}
ul.search {
   background-color: #2f3136;
}
/* cor dos links */

a.forumtitle:link,
a.forumtitle:visited {
   color: #f8f8f8;
}
a.forumtitle:hover {
   color: #dddddd;
}
/* categoria */
li.row {
   border-color: #6f7175;
   background-color: #484b51;
}
li.row:hover {
   background-color: #f5fff6;
}
/* Tópico */

/* correção avatar */

.postprofile-avatar img,
.mod-login-avatar img {
   border-color: #484b51;
}
/* rank */

.postprofile-rank {
   border-color: #3e4146;
   color: #a8a9a7;
}
/* spoiler */

dl.codebox {
   background-color: #6f7175;
   padding: 3px;
}
/* fundo mensagem tópico */

.post {
   background-color: #36393e;
}
blockquote blockquote {
   background-color: #6f7175;
   margin: 8px 5px 8px 3px;
}
/* corrigir assinatura */

.signature_div {
   margin-top: 10px;
   color: #a8a9a7;
}

Baixe o Stylish, crie um novo estilo, cole o código acima e salve. Não esqueça de selecionar para aplicar apenas ao fórum (coloque o link).

Podem ocorrer bugs visuais e/ou cores estranhas, peço que reportem aqui para que eu corrija.

Print demonstrativo:


Última edição por Jacobi em Seg 19 Fev 2018, 14:07, editado 1 vez(es)

______________________________

Meus tópicos
avatar
Scripter CLEO - Básico
Scripter CLEO - Básico
Título : Boludo
Mensagens : 198
Reputação : 40
Desde : 29/01/2018
Idade : 16
Localização : Buenos Aires - Argentina
Ver perfil do usuário
em Qui 15 Fev 2018, 16:14
first

______________________________


avatar
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Mensagens : 846
Reputação : 134
Desde : 22/09/2015
Ver perfil do usuário
em Qui 15 Fev 2018, 18:27
Bonito.

______________________________
Everyone gonna remember my name !
avatar
Moderador
Moderador
Título : Memento Mori
Mensagens : 966
Reputação : 58
Desde : 13/12/2015
Idade : 22
Localização : Santa Cruz do Sul
Link : discord.gg/ar3D9QE
Ver perfil do usuáriohttp://dacomp.forumeiros.com
em Seg 19 Fev 2018, 14:08
Atualizado alguns bugs na página de gerência do perfil e mensagens privadas.

______________________________

Meus tópicos
avatar
Mensagens Nível 3
Mensagens Nível 3
Mensagens : 186
Reputação : 61
Desde : 10/10/2014
Localização : Cidade - Estado
Ver perfil do usuário
em Seg 19 Fev 2018, 17:24
Muito bom, Jacobi, adorei!!

______________________________

avatar
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 14
Localização : Serra - ES
Ver perfil do usuário
em Seg 19 Fev 2018, 19:08
Nice cara, adoro temas escuros, principalmente a noite.
Mas o Djjir é aviadado e não quis colocar tema escuro quando pediram pra ele.

+1 Rep  :Y:

______________________________


Créditos : Daz_Vlad
avatar
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 22
Localização : Ibitinga - SP
Link : www.MixMods.com.br
Ver perfil do usuáriohttp://MixMods.com.br
em Ter 20 Fev 2018, 03:11
@Ordep_ escreveu:Nice cara, adoro temas escuros, principalmente a noite.
Mas o Djjir é aviadado e não quis colocar tema escuro quando pediram pra ele.

+1 Rep  :Y:
Pelo mesmo motivo que qualquer site mainstream de leitura, como Google, Facebook etc são brancos.
Isso não é questão de opinião. Se um site é de leitura, a preferência é que seja fundo branco com letra escura pois é assim que nosso cérebro é acostumado a ler. Por isso também que livros são brancos com letras pretas.

For educational sites, where retention and readability, especially readability, are a major concern; black on white or a closely related combination of text should be used. This advantage appears to be the result of both the contrast ratio of black and white and the convention or familiarity, since white on black text (equivalent contrast, but much less common) was rated much lower on readability.

Estudo: https://sci-hub.tw/http://www.tandfonline.com/doi/abs/10.1080/01449290410001669932

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
avatar
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 14
Localização : Serra - ES
Ver perfil do usuário
em Ter 20 Fev 2018, 12:01
Até que faz sentido, mas eu pessoalmente prefiro um tema escuro, além de ser mais estiloso combina mais com a cor do aero do meu windows.

______________________________


Créditos : Daz_Vlad
avatar
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 14
Localização : Serra - ES
Ver perfil do usuário
em Ter 20 Fev 2018, 17:08
Outra coisa que esqueci de falar, Junior, mesmo o padrão de site que tem leituras é ser claro, alguns sites famosos como YouTube e Twitter tão aderindo a nova ideia de tema escuro:


Youtube ↓


Twitter ↓

______________________________


Créditos : Daz_Vlad
avatar
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 22
Localização : Ibitinga - SP
Link : www.MixMods.com.br
Ver perfil do usuáriohttp://MixMods.com.br
em Qua 21 Fev 2018, 04:10
@Ordep_ escreveu:Outra coisa que esqueci de falar, Junior, mesmo o padrão de site que tem leituras é ser claro, alguns sites famosos como YouTube e Twitter tão aderindo a nova ideia de tema escuro:
Bem, isso não faz muito sentido.
Mas sim, Twitter faz.

Geralmente um site tem tema escuro para quem usa o PC à noite com luz apagada. Por isso Twitter e vários outros chamam de "modo noturno". É ótimo caso você acordou no meio da noite e resolveu abrir o celular, daí tem que estar em modo noturno ou seus olhos vão pro lixo. Feel Bro nem brilho mínimo resolve.
Quando tô a noite com luz apagada eu ativo o modo noturno do próprio Windows 10.

Mas, continua o que falei, isso são opções de tema escuro, e geralmente são "modos noturnos". Encontrar um site de leitura que o tema escuro seja único é muito raro. Geralmente são fóruns, como GTA Forums, mas sinceramente o tema escuro dele não me agrada, não consigo passar muito tempo lá. Mas também foi bem feito pois ele não é tão escuro, então gostei também. No Fórum MixMods escuro tô me inspirando nele.



Uma coisa que poderia melhorar nesse tema (que não testei, só olhei na imagem do post), são as bordas que separam as categorias/sub-fóruns, elas estão claras demais, tem que tomar cuidado com essas partes claras explodindo no meio das escuras pois cria contrastes desnecessários.
O fundo poderia ser um pouquinho mais claro para ficar um pouco mais próximo da área clara. O que também tá causando muito contraste.

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
avatar
Moderador
Moderador
Título : Memento Mori
Mensagens : 966
Reputação : 58
Desde : 13/12/2015
Idade : 22
Localização : Santa Cruz do Sul
Link : discord.gg/ar3D9QE
Ver perfil do usuáriohttp://dacomp.forumeiros.com
em Qua 21 Fev 2018, 20:25
@Junior_Djjr escreveu:
Uma coisa que poderia melhorar nesse tema (que não testei, só olhei na imagem do post), são as bordas que separam as categorias/sub-fóruns, elas estão claras demais, tem que tomar cuidado com essas partes claras explodindo no meio das escuras pois cria contrastes desnecessários.
O fundo poderia ser um pouquinho mais claro para ficar um pouco mais próximo da área clara. O que também tá causando muito contraste.

usando não parece tanto, a cor do hover das categorias é o mesmo desses separadores, outra hora testo um tom mais escuro

______________________________

Meus tópicos
avatar
Mensagens Nível 1
Mensagens Nível 1
Mensagens : 1
Reputação : 0
Desde : 10/04/2018
Idade : 24
Localização : Jandaia do Sul, Paraná
Ver perfil do usuário
em Sex 27 Abr 2018, 08:40
https://docs.google.com/document/d/1ZM2TzNN8AVcvUWgKuiv10iO3FQHqdnKBru8fKPdaGng/edit?usp=sharing

Poderia sim tem uma opção de tema escuro, eu edito manualmente quando vou ler textos grandes pois a vista cansa com temas claros Feel Bro
avatar
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 22
Localização : Ibitinga - SP
Link : www.MixMods.com.br
Ver perfil do usuáriohttp://MixMods.com.br
em Sex 27 Abr 2018, 09:15
@MitoSilent escreveu:https://docs.google.com/document/d/1ZM2TzNN8AVcvUWgKuiv10iO3FQHqdnKBru8fKPdaGng/edit?usp=sharing

Poderia sim tem uma opção de tema escuro, eu edito manualmente quando vou ler textos grandes pois a vista cansa com temas claros Feel Bro
Leia as mensagens aqui, especialmente a minha última.

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
avatar
Designer - Avançado
Designer - Avançado
Título : <title/>
Mensagens : 836
Reputação : 89
Desde : 03/06/2012
Idade : 21
Localização : Gransys
Link : https://www.artstation.com/artist/lucascelli
Ver perfil do usuáriohttp://lucascelli.deviantart.com/
em Sab 05 Maio 2018, 08:09
Bom... da pra aplicar um "modo noturno" em qualquer página com um simples javascript :)
Fiz isso enquanto testava umas coisas para meus sites... e notei que ninguém fez isso usando filtros de sépia/saturação ainda, a maioria do que se acha por aí é pra deixar a página escura :v

Modo Noturno
fonte do código

Clique ou arraste o botão acima pra barra de favoritos p/salva-lo.
E sim o efeito está forte, rs.

______________________________
avatar
Moderador
Moderador
Título : Memento Mori
Mensagens : 966
Reputação : 58
Desde : 13/12/2015
Idade : 22
Localização : Santa Cruz do Sul
Link : discord.gg/ar3D9QE
Ver perfil do usuáriohttp://dacomp.forumeiros.com
em Dom 06 Maio 2018, 20:51
@LukasCelli escreveu:Bom... da pra aplicar um "modo noturno" em qualquer página com um simples javascript :)
Fiz isso enquanto testava umas coisas para meus sites... e notei que ninguém fez isso usando filtros de sépia/saturação ainda, a maioria do que se acha por aí é pra deixar a página escura :v

Modo Noturno
fonte do código

Clique ou arraste o botão acima pra barra de favoritos p/salva-lo.
E sim o efeito está forte, rs.
E como faz pra desativar? Só atualizando?

______________________________

Meus tópicos
avatar
Designer - Avançado
Designer - Avançado
Título : <title/>
Mensagens : 836
Reputação : 89
Desde : 03/06/2012
Idade : 21
Localização : Gransys
Link : https://www.artstation.com/artist/lucascelli
Ver perfil do usuáriohttp://lucascelli.deviantart.com/
em Dom 13 Maio 2018, 16:59
@Jacobi escreveu:E como faz pra desativar? Só atualizando?
Modo Noturno ON Modo Noturno OFF
Só editei o css que o script carrega.

______________________________
avatar
Modelador - Básico
Modelador - Básico
Título : Veryzonist
Mensagens : 2289
Reputação : 15
Desde : 16/02/2017
Link : youtube.com/channel/UCPihhJqS2K5uqXfzIu3fMZw
Ver perfil do usuário
em Qua 16 Maio 2018, 22:39
ces e bao memo hein

______________________________


avatar
Moderador
Moderador
Título : Memento Mori
Mensagens : 966
Reputação : 58
Desde : 13/12/2015
Idade : 22
Localização : Santa Cruz do Sul
Link : discord.gg/ar3D9QE
Ver perfil do usuáriohttp://dacomp.forumeiros.com
em Dom 20 Maio 2018, 21:49
@LukasCelli escreveu:
@Jacobi escreveu:E como faz pra desativar? Só atualizando?
Modo Noturno ON Modo Noturno OFF
Só editei o css que o script carrega.
comecei a usar <3 uma hora dessas vou abrir o cod pra colocar uma camada de preto por cima ainda.

______________________________

Meus tópicos
Conteúdo patrocinado
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum