Ajuste de cor
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Ajuste de cor
Detalhes da questão
Endereço do fórum: https://brasilplayobscure.forumeiros.com
Versão do fórum: AwesomeBB
Descrição
então alterei a cor do fórum para cinza preto e vermelho e tals, mais ainda ta o azul. teria como deixar esse azul um cinza claro? https://imgur.com/a/nLiFYKI
Re: Ajuste de cor
Bom dia, Paulo.
Fiquei na dúvida quanto a cor "azul" que mencionou, pois, ao acessar o fórum me deparo com a tela de Login, e na imagem apresentada não consigo ver o "azul" que citou. Se for possível, poderia circular na imagem o local exato da cor que deseja que seja modificada, por favor? Porém, se for a cor do quadro cinza escuro, altere a cor hexadecimal citada abaixo, e inclua-no em sua folha de estilos CSS em PA > Visualização > Imagens e Cores > Cores > Folha de estilos CSS:
Você pode localizar as cores de blocos na aba Cores em Visualização, conforme indicado no caminho. A seguir, pressione as teclas Ctrl + F e localize a cor #34495E. Pode ser que ela esteja definida nesta aba.
Atenciosamente,
Shek
Fiquei na dúvida quanto a cor "azul" que mencionou, pois, ao acessar o fórum me deparo com a tela de Login, e na imagem apresentada não consigo ver o "azul" que citou. Se for possível, poderia circular na imagem o local exato da cor que deseja que seja modificada, por favor? Porém, se for a cor do quadro cinza escuro, altere a cor hexadecimal citada abaixo, e inclua-no em sua folha de estilos CSS em PA > Visualização > Imagens e Cores > Cores > Folha de estilos CSS:
- Código:
#tabs ul, .tabs ul, .box-body, .block .block-content, .block-subtle, .post, .post-aside, .panel, .post-section, .fb-or-text, .mod-news, .mod-news-footer, .social_login_group .fb-or-text, #help-button, .fontbutton, #header-user img, .avatar-big img, .avatar-default img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img, input, .forumline tbody tr, .table1 tbody tr, .calendar-cell {
background-color: HEXADECIMAL_AQUI !important;
}
Você pode localizar as cores de blocos na aba Cores em Visualização, conforme indicado no caminho. A seguir, pressione as teclas Ctrl + F e localize a cor #34495E. Pode ser que ela esteja definida nesta aba.
Atenciosamente,
Shek
Re: Ajuste de cor
esse código fucionou perfeitamente, vc é censurado de mais <3, mais faltou o outro azul https://imgur.com/a/0FpZOu8
Re: Ajuste de cor
Olá novamente.
Insira em sua folha de estilos CSS:
Atenciosamente,
Shek
Insira em sua folha de estilos CSS:
- Código:
.block-last-load .block-topics-details:not(:nth-child(2n+1)) {
background-color: #383838;
}
Atenciosamente,
Shek
Re: Ajuste de cor
Olá amigo então o código não funcionou, tentei pesquisar oq vc pediu mais n obtive sucesso. https://i.imgur.com/xMXMmxc.png
Re: Ajuste de cor
Olá @PauloVinicios1755,
Pelo o nome da classe .block-last-load .block-topics-details (@Shek) acredito que esteja a usar o script dos últimos assuntos para #awesomebb então é mais fácil localizar a cor #2c3e50 e substituir! Isto especulando já que a captura de ecrã (printscreen) está inválida: https://imgur.com/a/0FpZOu8
Atenciosamente,
pedxz.
Pelo o nome da classe .block-last-load .block-topics-details (@Shek) acredito que esteja a usar o script dos últimos assuntos para #awesomebb então é mais fácil localizar a cor #2c3e50 e substituir! Isto especulando já que a captura de ecrã (printscreen) está inválida: https://imgur.com/a/0FpZOu8
Atenciosamente,
pedxz.
Última edição por pedxz em 28.05.21 18:06, editado 1 vez(es)
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ajuste de cor
Ah, isso é um script?! kkkkk
Paulo, esse detalhe que pedi para mudar vai estar no script que você inseriu. Se mesmo assim não encontrar, basta inserir na Folha de estilos CSS:
Paulo, esse detalhe que pedi para mudar vai estar no script que você inseriu. Se mesmo assim não encontrar, basta inserir na Folha de estilos CSS:
- Código:
.block-last-load .block-topics-details:not(:nth-child(2n+1)) {
background-color: #383838 !important;
}
Re: Ajuste de cor
ótimo fucionou, mais agora tem esses, poderia deixar-lo o o mesmo cinza que está na legennda onde ta os grupos?
https://imgur.com/a/zJvo7jk
https://imgur.com/a/zJvo7jk
Re: Ajuste de cor
Então, imagino que substituindo todos os hexadecimal de cor #2c3e50 da sua folha de estilos, você substituirá todos os tons de Azul citados. Pois, essa parte que menciona querer mudar, já está na sua folha de estilos. Pesquise pelo hexadecimal que citei acima, e clique em buscar. Ao localizá-lo, altere para o hexadecimal da cor que deseja inserir e salve.
Para mim, o código que aparece incluso lá é:
Para mim, o código que aparece incluso lá é:
- Código:
.block-market .market-item-price, .block .block-secondary-content, .block .sub-head, .block .block-footer, .post-aside, .attachbox, .box-foot, .sceditor-group, .posts-lastpost, .quick-reply .textarea, .jumpbox-wrap select, .quickmod-wrap select, .select-wrap select, #divcolor, #divsmilies, #help-button, #submit_button, .format-message+label, #tabs li:hover, .tabs li:hover {
background-color: #2c3e50!important;
border-color: #2c3e50;
color: white;
}
Re: Ajuste de cor
depois que fiz oq mandou ficou assim https://i.imgur.com/hndxydo.png
Re: Ajuste de cor
up 48 horas
Re: Ajuste de cor
Saudações,
Me mande sua folha de estilo CSS para analisar melhor o código. Dado as instruções, normalmente não surtiria um efeito assim... Deve ter alguma brecha por ai, aguardo por um retorno.
Atenciosamente,
Chagas
Me mande sua folha de estilo CSS para analisar melhor o código. Dado as instruções, normalmente não surtiria um efeito assim... Deve ter alguma brecha por ai, aguardo por um retorno.
Atenciosamente,
Chagas
Re: Ajuste de cor
- Código:
:focus {
outline: 0;
}
#tabs ul, .tabs ul,
.box-body,
.block .block-content,
.block-subtle,
.post,
.post-aside,
.panel,
.post-section,
.fb-or-text,
.mod-news,
.mod-news-footer,
.social_login_group .fb-or-text,
#help-button,
.fontbutton,
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img,
input,
.forumline tbody tr, .table1 tbody tr,
.calendar-cell {
background-color: #34495E;
}
.dropdown-box {
background-color: rgba(0,0,0,0.1);
}
#block-online i {
color: #a892d9;
}
.block-topics .block-topics-posts i,
.block-topics .block-topics-views i,
.forum-lastpost-header i,
.forum-statistics-header i,
.posts-lastpost-header i,
.posts-statistics-header i,
.posts-lastpost i,
.forum-lastpost-author i,
.forum-lastpost-location i,
.forum-lastpost-time i,
.posts-lastpost-author i,
.posts-lastpost-time i,
select,
.input,
input,
.sceditor-container iframe, .sceditor-container textarea,
.inputbox {
color: white!important;
}
.forum-description p,
.posts-description p,
.forum-statistics-posts span,
.forum-statistics-topics span,
.posts-statistics-replies span,
.posts-statistics-views span,
.profile-advanced-stats dt span[style*="536482"] {
color: #e0d6d6!important;
}
.block-market .market-item-price,
.block .block-secondary-content,
.block .sub-head,
.block .block-footer,
.post-aside,
.attachbox,
.box-foot,
.sceditor-group,
.posts-lastpost,
.quick-reply .textarea,
.jumpbox-wrap select,
.quickmod-wrap select,
.select-wrap select,
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label,
#tabs li:hover, .tabs li:hover {
background-color: #282A2Bimportant;
border-color: #282A2B;
color: white;
}
#header-banner .wrap,
#forum-statistics {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#header-banner h2 {
white-space: nowrap;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
}
#forum-statistics > div,
.block-topics .block-topics-lastpost,
div.sceditor-group,
.forumline td, .forumline th, .table1 td, .table1 th {
border-color: transparent!important;
}
#chatbox > :nth-child(even), .chat-row:nth-child(even) {
background-color: #282A2B;
}
#chatbox > p {
border-color: #282A2B!important;
}
#chatbox .msg span[style*="green"] {
color: #93ee38!important;
}
#chatbox .msg span[style*="red"] {
color: #fa4c4c!important;
}
.radio-check:after,
.forumline thead th, .table1 thead th,
.catHead {
background-color: rgb(128, 103, 183);
}
.radio {
border-color: rgb(128, 103, 183);
}
.sceditor-button div, div.sceditor-grip {
background-image: url(https://i.imgur.com/LyI9qEV.png)!important;
}
.stat-bar img {
background-color: #8f1ce7;
}
.avatar-big img {
border-radius: 0 !important;
width: 150px !important;
height: 260px !important;
}
.post-author-status {
background-image: url(https://imgur.com/MOWNMlZ.png);
display: block;
background-color: transparent;
width: 143px;
height: 20px;
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
}
.online .post-author-status {
background-image: url(https://imgur.com/B9k1pkH.png);
}
.post-author{
margin-top: 20px;
}
/* FOOTER
**===================*/
.statistics-item strong a span, .statistics-item a:link, .statistics-item a:visited { color: #fff!important; }
.footerbar-system { padding: 20px 0; }
/**
* Definições Iniciais:
*/
.fa-footer,
.fa-footer * { box-sizing: border-box; }
.fa-footer {
background-color: #1b1b1b;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
/**
* Tags Genêricas:
*/
.fa-footer a {
text-decoration: none;
color: #FF0C0C;
transition: all 200ms linear;
}
.fa-footer a:hover {
border-bottom: solid 1px #FF0C0C;
color: #fff;
}
/**
* Sistema de Grid e ajustes das colunas genêricas:
*/
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
min-width: 200px;
}
.fa-footer .fa-footer-row .fa-footer-col:last-child { margin-right: 10px; }
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 25px;
font-family: roboto, sans-serif;
font-weight: 300;
color: #FF0C0C;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 17px;
font-family: Calibri Light, sans-serif;
line-height: 1.6;
text-align: justify;
}
/**
* Ajustes para a a coluna primária:
*/
.fa-footer .fa-footer-row .fa-primary-footer-col {
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: auto;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #1a1a1a;
border: solid 1px #2a2e32;
color: #FF0C0C;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa { margin-top: -3px; }
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
background-color: #000;
color: #fff;
}
/**
* Ajuste de icones:
*/
.fa-footer-social {
margin: 18px 0 5px 0;
display: flex;
width: 100%;
justify-content: space-around;
}
.fa-footer-social a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-bottom: none;
border-radius: 100px;
box-shadow: none;
border: solid 1px #FF0C0C;
}
.fa-footer-social a:hover {
color: #fff;
background-color: #000;
}
/**
* Atribuição final:
*/
.fa-footer .fa-footer-attr {
text-align: center;
padding: 20px;
font-size: 16px;
border-top: solid 1px #fff;
background-color: #1a1a1a;
}
/**
* Ajustes para o footer do FA:
*/
#page-footer {
background-color: #1b1b1b;
border-top: solid 1px #1b1b1b;
border-bottom: solid 1px #1b1b1b;
margin-top: -5%!important;
}
.statistics {
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
}
/**
* Responsive:
*/
@media screen and (max-width: 1000px) {
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
margin: 0px;
}
}
@media (max-width: 960px) {
.post-aside {
text-align: center;
}
.post-author {
text-align: center;
display: block;
}
.post-author-avatar img {
margin: auto;
}
.post-author-avatar {
float: initial;
}
}
.post-author-name {
font-size: 16px;
}
@media (max-width: 750px) {
.forum-lastpost, .posts-lastpost {
background-color: #34495e!important;
border-color: #34495e!important;
}
}
a[href^="/u"] span[style^="color:#CC0436"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FF0048"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FF477B"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FF477B"] {
text-shadow: 0px 0px 5px deeppink;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FC538B"] {
text-shadow: 0px 0px 5px deeppink;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#7A2B00"] {
text-shadow: 0px 0px 5px brown;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#D17008"] {
text-shadow: 0px 0px 5px brown;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#0081C7"] {
text-shadow: 0px 0px 5px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#10E6E6"] {
text-shadow: 0px 0px 5px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#B80404"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#C20F0F"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FA1212"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FA2D2D"] {
text-shadow: 0px 0px 5px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#F74545"] {
text-shadow: 0px 0px 7px deeppink;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FF6666"] {
text-shadow: 0px 0px 7px pink;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#15FF00"] {
text-shadow: 0px 0px 7px green;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#00FF00"] {
text-shadow: 0px 0px 7px green;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#032F9E"] {
text-shadow: 0px 0px 7px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#002B99"] {
text-shadow: 0px 0px 7px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#0048FF"] {
text-shadow: 0px 0px 7px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#F00000"] {
text-shadow: 0px 0px 7px red;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#FFFFFF"] {
text-shadow: 0px 0px 7px white;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#00FF51"] {
text-shadow: 0px 0px 7px green;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href^="/u"] span[style^="color:#8A00B8"] {
text-shadow: 0px 0px 7px purple;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
#cb_connect_option {
background: #34495E!important;
}
p[data-mid="undefined"] + #cb_connect_option {
background: #34495E !important;
}
#topic .btn-fixed[href$="mode=reply"] {
display: none;
}
.postbody {
float: left !important;
}
.postprofile {
float: right !important;
}
#chatbox_top,
#chatbox_bottom {
width: 100% !important;
height: 150px !important;
}
.chat-title {
font-size: 0;
}
.chat-title::before,
#nb-users-connected,
.chatbox-options a {
font-size: 12px;
color: white!important;
}
.chat-title::before {
content: 'Clique aqui para acessar ao Chat Box do Brasil Play Obscure';
font-size: 18px!important;
font-weight: bold!important;
text-transform: uppercase;
}
.chatbox-title {
width: 80%!important;
text-align: center;
}
.chatbox-options {
width: 20%!important;
text-align: right;
}
.dpt::before{content:'\f2c2'; margin-right: 5px; font-family: "Font Awesome 5 Free";}
.dpt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #008000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 700;
height: 36px;
width: 160px;
margi: 5 px auto;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
padding: 3px 9px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-align: center;
line-height: 33px;
}
#tabs ul, .tabs ul, .box-body, .block .block-content, .block-subtle, .post, .post-aside, .panel, .post-section, .fb-or-text, .mod-news, .mod-news-footer, .social_login_group .fb-or-text, #help-button, .fontbutton, #header-user img, .avatar-big img, .avatar-default img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img, input, .forumline tbody tr, .table1 tbody tr, .calendar-cell {
background-color: #2e2f30 !important;
}
.block-last-load .block-topics-details:not(:nth-child(2n+1)) {
background-color: #383838 !important;
}
Re: Ajuste de cor
Olá Paulo.
Por favor, pesquise no seu CSS o termo:
Até mais.
Por favor, pesquise no seu CSS o termo:
- Código:
#282A2Bimportant
- Código:
#282A2B !important
- Código:
/* FOOTER
- Código:
footer {
background-color: transparent !important;
}
Até mais.
Re: Ajuste de cor
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Tópicos semelhantes
» Ajuste de Código
» Ajuste nos tópicos de mensagem
» Ajuste no perfil
» Ajuste no menu/espaçamento
» Ajuste na imagem
» Ajuste nos tópicos de mensagem
» Ajuste no perfil
» Ajuste no menu/espaçamento
» Ajuste na imagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos