Tema Dark para o GameMods - Custom CSS

Discussão em 'Espaço Designer' iniciado por Lucas_Gamer13, 13 Novembro 2017.

?

O que achou?

  1. TOP!

    46.2%
  2. Top, mas poderia ser melhor(Comente abaixo)

    23.1%
  3. Meh... Falta algumas coisas...

    23.1%
  4. Nem uso o GameMods mesmo...

    7.7%
  1. Lucas_Gamer13
    Offline

    Lucas_Gamer13 Veterano Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    17 Novembro 2015
    Mensagens:
    1,726
    Sexo:
    Masculino
    Avaliações:
    +1,625 / -0
    Apelido no Minecraft:
    Lucas_gamer13
    Tava aqui de boas batendo a cabeça na parede e resolvi fazer algo de útil... E fiz esse tema dark para o GameMods...

    OBS: Eu ainda to terminando algumas coisas no tema, e talvez possa ter algumas falhas, criticas e sugestões são bem vindas :wink:

    Como Instalar:
    Você precisa de uma extensão no seu navegador, você pode procurar por "Custom CSS" ou baixar por esse link.

    Ao instalar a extensão, vá na página do GameMods e de um F5, para a extensão carregar, após isso clica no ícone dela no canto superior direito, vai abrir um lugar pra você colocar um texto, coloque o código abaixo:
    Código (Forge Crash):
    .navTabs .navTab.selected .navLink {
        position: relative;
        font-weight: bold;
        color: #FFF;
        background: #2096e1 url('https://i.imgur.com/iAIqjlH.jpg') repeat-x;
        padding-top: 1px;
        padding-bottom: 2px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        z-index: 1;
    }

    body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;color:rgb(20,20,20);background:rgb(240,240,240) url('https://i.imgur.com/YQ0hyX0.png') repeat;word-wrap:break-word;line-height:1.28;}

    #header{background:#1061b3 url('https://i.imgur.com/iAIqjlH.jpg') repeat-x 50% 49%;}

    .navTabs .navTab.selected .tabLinks {
        background: #2096e1 url('https://i.imgur.com/iAIqjlH.jpg') repeat-x top;
        width: 100%;
        padding: 0;
        border: none;
        overflow: hidden;
        zoom: 1;
        position: absolute;
        left: 0px;
        top: 37px;
        height: 35px;
        background-position: 0px -35px;
        *clear: expression(style.width= document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
    }/KiUb93Y.png') repeat;word-wrap:break-word;line-height:1.28;}

    .sectionMain {
        background-color: rgb(0, 0, 0);
        padding: 10px;
        margin: 10px auto;
        border: 1px solid #d5d5d5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
    }
    .subHeading {
        font-size: 15px;
        color: #000000;
        background: #000000 url(styles/flexile/flexile/category-bar-gradient.png) repeat-x top;
        padding: 5px 10px;
        margin: 3px auto 0;
        border: 1px solid rgb(0, 0, 0);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .discussionList .sectionHeaders {
        font-size: 15px;
        color: #000000;
        background: #000000 url(styles/flexile/flexile/category-bar-gradient.png) repeat-x top;
        padding: 5px 10px;
        margin: 3px auto 0;
        border: 1px solid #000000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
    .recentNews .subHeading a {
        color: #85878a;
    }
    .discussionList .sectionHeaders a span {
        padding: 5px 10px;
        display: block;
        color: #fcfcff;
    }
    .discussionList .sectionHeaders a span {
        padding: 5px 10px;
        display: block;
        color: #a2a2ab;
    }
    .sectionMain {
        background-color: rgb(61, 61, 70);
        padding: 10px;
        margin: 10px auto;
        border: 1px solid #000000;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
    }
    .primaryContent {
        background-color: #999;
        padding: 10px;
        border-bottom: 1px solid #000000;
    }
    .mainContent {
        background-color: rgb(150,150,150);
        border: 1px solid #d5d5d5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
        padding: 0 20px;
    }
    .attachedFiles .attachmentList {
        overflow: hidden;
        zoom: 1;
        padding: 10px 10px 0;
        background: #929292 url(styles/flexile/xenforo/gradients/category-23px-light.png) repeat-x top;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
    .attachedFiles .attachedFilesHeader {
        font-size: 11px;
        font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
        color: #ffffff;
        background: #5d5d5d url(styles/flexile/xenforo/gradients/form-button-white-25px.png) repeat-x top;
        padding: 3px 8px;
        border-bottom: 1px solid #a5cae4;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        padding: 4px 8px;
    }
    .messageUserBlock {
        background-color: rgb(150,150,150);
        border: 1px solid #808080;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        position: relative;
    }
    .messageUserBlock div.avatarHolder {
        background-color: rgb(150,150,150);
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        position: relative;
    }
    .messageUserBlock .extraUserInfo {
        font-size: 10px;
        background-color: rgb(150,150,150);
        padding: 4px 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }
    .messageList .message {
        padding-top: 10px;
        padding-bottom: 30px;
        border-top: 1px solid #000000;
    }
    .discussionListItem {
        background-color: #999;
        border-bottom: 1px solid #000000;
    }
    .discussionListItem .posterAvatar, .discussionListItem .stats {
        background-color: #999;
    }
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
        color: rgb(0, 0, 0);
    }
    body .muted, body a.muted, body .muted a {
        color: rgb(0, 0, 0);
    }
    .discussionListItem .stats dl {
        padding: 0 10px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
    }
    .sidebar .primaryContent, .sidebar .secondaryContent {
        background-color: rgb(150,150,150);
        border: none;
        padding: 0 15px 15px;
        border: 1px solid #000000;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
    }
    .dark_postrating_positive {
        color: #9aff00;
    }
    .dark_postrating_negative {
        color: #ff0000;
    }
    .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3 {
        font-family: Georgia,"Times New Roman",serif;
        color: #000000;
        border-bottom: 1px solid #000000;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -khtml-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        margin: 0 -15px 15px -15px;
        padding: 10px 15px;
        background: #3d3d46 url(styles/flexile/flexile/navigation-tab.png) repeat-x top;
    }
    .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
        font-size: 14px;
        color: #000000;
    }
    .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading {
        color: #000000;
        margin-top: 5px;
    }
    .sidebar .avatarList .userTitle {
        color: #000;
    }
    .sectionFooter {
        overflow: hidden;
        zoom: 1;
        font-size: 11px;
        color: #000000;
        background-color: #3d3d46;
        padding: 4px 10px;
        border-bottom: 1px solid #000000;
        line-height: 16px;
    }
    .Menu .secondaryContent {
        background-color: #999;
    }
    .Menu .primaryContent {
        background-color: #666;
    }
    div.natJSMenuColumns {
        background-color: #999;
        background-color: #999;
    }
    .Menu .sectionFooter {
        background-color: rgb(150,150,150);
    }
    .breadBoxTop, .breadBoxBottom {
        background: rgb(150,150,150) url(styles/flexile/flexile/navigation-tab.png) repeat-x top;
        margin-top: 0;
        margin-right: -20px;
        margin-left: -20px;
        border-bottom: 1px solid #d5d5d5;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -khtml-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -khtml-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        overflow: hidden;
        zoom: 1;
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .secondaryContent {
        background-color: #666;
        padding: 10px;
        border-bottom: 1px solid #000000;
    }
    .breadcrumb .crust .arrow span {
        border: 18px solid transparent;
        border-right: 1px none black;
        border-left-width: 12px;
        border-left-color: #666;
        -moz-border-right-colors: ;
        display: block;
        position: absolute;
        left: -13px;
        top: -18px;
        z-index: 51;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 9999px;
        width: 0px;
        height: 0px;
    }
    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
        background-color: rgb(150,150,150);
        padding: 10px;
        border-bottom: 1px solid rgb(150,150,150);
        padding: 0;
    }
    .node .nodeLastPost {
        background-color: rgb(150,150,150);
        padding: 10px;
        border-bottom: 1px solid rgb(100,100,100);
        font-size: 11px;
        background-image: none;
        padding: 3px 10px;
        margin: 10px;
        border: 1px solid rgb(20,20,20);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 14px;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        width: 210px;
        height: 28px;
    }
    .node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
        background: #000000 url(styles/flexile/flexile/node-sprite.png) no-repeat 0 0;
    }
    .button.primary {
        background-color: #ffffff;
    }
    a.callToAction span {
        font-weight: bold;
        font-size: 12px;
        font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        color: #FFF;
        background: #000000 url(styles/flexile/xenforo/gradients/form-button-white-25px.png) repeat-x center -8px;
        padding: 0 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        display: block;
    }
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
        color: rgb(255, 255, 255);
    }
    body .muted, body a.muted, body .muted a {
        color: rgb(150,150,150);
    }
    #content .pageContent {
        background-color: #666;
        padding: 0 20px;
        border: 1px solid rgb(100,100,100);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,.1);
        box-shadow: 0 0 12px rgba(0,0,0,.1);
    }
    .textWithCount.subHeading .text {
        color: #ffffff;
    }
    .profilePage .tabs.mainTabs {
        padding: 0 20px;
        margin-top: -23px;
        min-height: 23px;
        height: auto;
        position: relative;
        background: rgb(100,100,100);
    }
    .secondaryContent a {
        color: #c1c1c1;
    }
    .nodeList .categoryStrip {
        font-size: 11px;
        color: #6d3f03;
        background: rgb(150,150,150) url(styles/flexile/flexile/category-bar-gradient.png) repeat-x top;
        padding: 5px 10px;
        margin: 3px auto 0;
        border: 1px solid rgb(20,20,20);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0;
        border-bottom-color: ;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        min-height: 6px;
    }
    .resourceListItem {
        display: table;
        table-layout: fixed;
        width: 100%;
        background-color: rgb(102, 102, 102);
        border-bottom: 1px solid rgb(0, 0, 0);
    }
    .resourceListItem .resourceImage, .resourceListItem .resourceStats {
        background-color: #666;
    }
    .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
        background: #000000 url(styles/flexile/flexile/node-sprite.png) no-repeat -44px 0;
    }
    #DiscussionListOptionsHandle a {
        font-size: 11px;
        color: #fff;
        background-color: #666;
        padding: 0 20px;
        margin: 0 auto;
        border: 1px solid #000000;
        border-top: 1px none black;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -khtml-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -khtml-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        display: inline-block;
        outline: 0;
        position: relative;
        right: -50%;
    }
    body .muted, body a.muted, body .muted a {
        color: rgb(255, 255, 255);
    }
    .button {
        font-style: normal;
        font-size: 12px;
        font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        color: #6d3f03;
        background: #000000 url(styles/flexile/xenforo/gradients/form-button-white-25px.png) repeat-x top;
        padding: 0px 6px;
        border: 1px solid #000000;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        outline: none;
        line-height: 21px;
        display: inline-block;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        text-shadow: 0 1px rgba(255,255,255,.2);
        height: 23px;
    }.secondaryContent a {
        color: #565656;
    }
    .sectionMain {
        background-color: #666;
        padding: 10px;
        margin: 10px auto;
        border: 1px solid #000000;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
    }
    a:link, a:visited {
        color: #ffffff;
        text-decoration: none;
    }
    .discussionListItem .noteRow {
        background-color: rgb(100,100,100);
        padding: 5px;
        text-align: center;
        font-size: 11px;
        color: #ffffff;
    }
    .navTabs .navLink .itemCount {
        font-weight: bold;
        font-size: 9px;
        color: white;
        background-color: #969696;
        padding: 0 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
        position: absolute;
        right: 2px;
        top: -12px;
        line-height: 16px;
        min-width: 12px;
        _width: 12px;
        text-align: center;
        text-shadow: none;
        white-space: nowrap;
        word-wrap: normal;
        -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
        -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
        -khtml-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
        box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
        height: 16px;
    }
    .bbCodeQuote .quoteContainer {
        overflow: hidden;
        position: relative;
        font-style: italic;
        font-size: 9pt;
        background: #666 url(styles/flexile/xenforo/gradients/category-23px-light.png) repeat-x top;
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }
    .bbCodeQuote {
        border-color: #000000;
        overflow: auto;
    }
    a:link, a:visited {
        color: #000000;
        text-decoration: none;
    }
    Depois é só dar um F5 na página para carregar o tema, e pronto!

    Imagens:
    Screenshot_1.png
    Screenshot_2.png
    Screenshot_3.png Screenshot_4.png
    Screenshot_5.png

    Você também pode dar sugestões para eu adicionar no tema :wink:
    Como esse é um CSS customizado e não um tema oficial, ele demora um pouco(1 a 2seg) para carregar sempre que você atualiza a página!

    Espero que goste :grin:
     
    • Gostei Gostei x 5
  2. Duyzee
    Offline

    Duyzee Membro Conhecido VIP Sabotador.com VIP Sabotador.com

    Afiliado:
    28 Fevereiro 2017
    Mensagens:
    714
    Sexo:
    Feminino
    Avaliações:
    +501 / -1
    Apelido no Minecraft:
    Duyzee
    Ficou muito bom o esquema de cor/abas

    gostei d+! lá encima na area escrito "GameMods" não coloque uma imagem repetindo pois como podemos ver, o efeito do dark está repetindo...
     
    • Concordo Concordo x 1
  3. Rik
    Offline

    Rik Veterano Veterano VIP Sabotador.com VIP Industrial Ex-Staff

    Afiliado:
    2 Dezembro 2012
    Mensagens:
    861
    Sexo:
    Masculino
    Avaliações:
    +1,854 / -0
    Apelido no Minecraft:
    Rikhi
    Terceira pessoa que faz isso já, mas ficou legal.
     
    • Concordo Concordo x 1
    • Amei Amei x 1
  4. EsseCaraAE
    Offline

    EsseCaraAE Membro Conhecido

    Afiliado:
    25 Novembro 2014
    Mensagens:
    818
    Avaliações:
    +309 / -2
    Ficou bom, só que notei dois problemas: palavras coloridas não ficam legais e o fundo no topo da página poderia ser melhor.
     
    • Concordo Concordo x 2
  5. Tio Ron
    Offline

    Tio Ron Veterano Veterano Ex-Staff

    Afiliado:
    9 Fevereiro 2011
    Mensagens:
    4,001
    Sexo:
    Masculino
    Avaliações:
    +2,217 / -5
    Apelido no Minecraft:
    roneyq123
    Prefiro o estilo Metro que o Mike falou no meu status, acho que iria ficar mais legal :v

    Mas esse também está bom :v
     
    • Amei Amei x 1
  6. armelin1
    Offline

    armelin1 Moderador Sênior do Fórum Equipe GameMods Moderador do Fórum Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    5 Maio 2014
    Mensagens:
    1,934
    Sexo:
    Masculino
    Avaliações:
    +667 / -0
    Apelido no Minecraft:
    armelin1
    Metro escuro.
    [​IMG]
    --- Post duplo mesclado, 13 Novembro 2017, Data da postagem original 13 Novembro 2017 ---
    Se você fizer busca tem texto da mesma cor do fundo.
     
  7. Felipe Bastos Vitorio
    Offline

    Felipe Bastos Vitorio Membro Ativo VIP Industrial

    Afiliado:
    24 Abril 2016
    Mensagens:
    540
    Sexo:
    Masculino
    Avaliações:
    +289 / -0
    Apelido no Minecraft:
    FelipeGamersBR
    faz um tema azul
     
    • Engraçado Engraçado x 1
  8. Duyzee
    Offline

    Duyzee Membro Conhecido VIP Sabotador.com VIP Sabotador.com

    Afiliado:
    28 Fevereiro 2017
    Mensagens:
    714
    Sexo:
    Feminino
    Avaliações:
    +501 / -1
    Apelido no Minecraft:
    Duyzee
    Tema azul não seria interessante para ..MIM.. eu prefiro um tema DARK pois o meu olho não fica meio que doendo, sempre que vejo algo branco em TUDO meu olho fica doendo de tanta claridade :(
     
  9. Eduardo Menges Mattje
    Offline

    Eduardo Menges Mattje Veterano Veterano VIP Sabotador.com Ex-Staff

    Afiliado:
    11 Junho 2014
    Mensagens:
    1,642
    Sexo:
    Masculino
    Avaliações:
    +1,893 / -0
    Apelido no Minecraft:
    Eduardomm1
    O tema tem bastante problemas.
    Na parte superior, com Inicial > Membros, nem dá pra ler o texto direito porque cinza com cinza não dá um bom contraste. Você consegue ler bem o que eu escrevi aqui? Não? É por causa do má contraste que o branco tem com este tom de cinza, igual ao que acontece ali.
    Also, o resto do layout consiste em mais caixas com mais cinzas - o que é totalmente chato. A falta do uso de cores é capaz de tornar fácil qualquer design em algo lixoso. E aquele efeito degradê que aparece na caixa de "Atualização de Posts"? Um horror. Degradê é algo que o design moderno já abandonou, e por um bom motivo. Além disso, olhe para a caixa de tópicos de notícias:
    Degradê preto com fonte cinza não dá bom contraste, e eu já falei sobre isso. Outra coisa que me incomoda é o fato de haver um divisão de formas entre um status e outro separa completamente o conceito de um perfil. Olhe como é o atual:
    [​IMG]
    Há só uma sutil linha, que consegue manter as coisas conectadas, enquanto no seu layout tudo é separado.
    Sugiro aprender um pouco sobre teoria das cores para um próximo design, além de formas.
     
    • Útil Útil x 1
  10. Felipe Bastos Vitorio
    Offline

    Felipe Bastos Vitorio Membro Ativo VIP Industrial

    Afiliado:
    24 Abril 2016
    Mensagens:
    540
    Sexo:
    Masculino
    Avaliações:
    +289 / -0
    Apelido no Minecraft:
    FelipeGamersBR
  11. Cael
    Offline

    Cael Veterano Veterano VIP Sabotador.com VIP Sabotador.com Ex-Staff

    Afiliado:
    8 Setembro 2014
    Mensagens:
    1,294
    Avaliações:
    +1,786 / -4
    Apelido no Minecraft:
    Cael
    Ficou até aceitavel mas não é tão bom assim. Pra mim seria melhor se você tivesse usado a base do @D4rk
    /SHRUG
     
    • Informativo Informativo x 1
    • Amei Amei x 1
  12. Felipe Bastos Vitorio
    Offline

    Felipe Bastos Vitorio Membro Ativo VIP Industrial

    Afiliado:
    24 Abril 2016
    Mensagens:
    540
    Sexo:
    Masculino
    Avaliações:
    +289 / -0
    Apelido no Minecraft:
    FelipeGamersBR
    Tema Gta V , e mais uma coisa como consegues alterar o fundo sem ter no forum .
     
  13. Mr_Bilbis
    Offline

    Mr_Bilbis Líder dos Ajudantes, de Publicidade e do Discord Equipe GameMods Criador de Conteúdo Ajudante do Servidor Moderador do Discord Construtor Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    23 Novembro 2014
    Mensagens:
    2,912
    Avaliações:
    +2,273 / -1
    Apelido no Minecraft:
    Mr_Bilbis
    Isso é usando um Addon que adiciona um código CSS fazendo assim o fórum ficar diferente.
     
  14. Tio Ron
    Offline

    Tio Ron Veterano Veterano Ex-Staff

    Afiliado:
    9 Fevereiro 2011
    Mensagens:
    4,001
    Sexo:
    Masculino
    Avaliações:
    +2,217 / -5
    Apelido no Minecraft:
    roneyq123
    Alterando o CSS do fórum e aplicando a ele localmente utilizando uma extensão.
     
  15. Mr_Bilbis
    Offline

    Mr_Bilbis Líder dos Ajudantes, de Publicidade e do Discord Equipe GameMods Criador de Conteúdo Ajudante do Servidor Moderador do Discord Construtor Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    23 Novembro 2014
    Mensagens:
    2,912
    Avaliações:
    +2,273 / -1
    Apelido no Minecraft:
    Mr_Bilbis
    Ah isso pode ter deixado de funcionar com o tema novo
     

Compartilhe esta Página