InícioCores e centralização da estrutura do fórum
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
Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 1:38
Detalhes da questão
Endereço do fórum: https://www.brasilonelife.com
Versão do fórum: phpBB3
Descrição
Olá, tenho algumas dúvidas e vou separá-las por legendas.
Azul: Alinhar o texto "INFORMAÇÕES GERAIS" com os tópicos abaixo;
Verde: Alterar a cor dessa borda roxa, e fazer as bordas laterais aparecer somente ao colocar o mouse em cima do fórum;
Vermelho: Alinhar o "último tópico" ao maior da barra de cima.
E por último que esqueci de citar, alterar a cor dos tópicos "Regras Gerais, Anúncios & Avisos, etc" Pretendo colocá-los preto e ao passar o mouse em cima ficam vermelhos.
Obrigado!
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 11:04
Olá @Nexthy,
Poderia me enviar sua Folha de estilo (CSS) para realizar essas modificações pedida?
Atenciosamente,
Wusthy.
Poderia me enviar sua Folha de estilo (CSS) para realizar essas modificações pedida?
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 11:25
- Código:
#submenu, #pun-navlinks, #page-header .navbar ul.linklist.navlinks, .bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"]{
width:100%;
background:url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
height:42px
}
#submenu, #pun-navlinks, .linklist.navlinks, .bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
border-top: 5px solid #000000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#submenu ul li {
margin-top: -5px !important;
line-height: 40px;
}
/* Posição menu */
div#headerbar-top:not(.is-sticky) {
margin-top: 150px;
}
/* Banner */
/*a#logo img[src=""]
{
display: none;
}*/
/* Campo do avatar */
.postprofile {
text-align: center;
}
/* AVATAR RETANGULAR ² */
.mod-login-avatar img {
width: 100%;
height: 100%;
border-radius: 0px;
}
.row2 {background-color: #ffffff!important;}
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
width: unset;
height: unset;
border-radius: 0;
max-height: 250px;
}
/* Centralizar perfis */
dd.postprofile-contact {
display: inline-block;
vertical-align: middle;
}
/* Legenda */
.block-footer {
border-color: rgba(0,0,0,0.05);
border-radius: 0 0 3px 3px;
border-style: solid;
border-width: 1px 0 0;
margin: 18px -18px -18px;
font-size: 0px;
padding: 10px 8px 7px 5px;
text-align: center;
}
.block-footer b {
font-size: 13px;
}
.block-footer strong {
display:none;
}
.block-footer a {
font-size: 14px;
font-style: normal;
margin-right: 15px;
transition: .3s;
}
.block-footer a:hover {
background: #ddd;
padding: 12px 10px 9px;
}
/* Linha atrás do perfil */
.post-head {
border-top-width: 0px;
border-bottom-width: 1px;
border-color: #202224;
}
/*Categorias Detalhes*/
ul.topiclist.forums {
padding: 5px;
}
li.row {
padding: 5px;
background-color: #Fff;
border: 0px;
border-left: 5px solid #00008B;
border-radius: 0;
}
li.row dd {
border: 0px;
}
li.row {
margin-bottom: 5px!important;
}
ul.topiclist.bg_none {
background: #00008B;
}
li.row {
padding: 0px;
}
dd.dterm {
padding-bottom: 0 !important;
}
/* Categorias*/
ul.forums {
background-color: #ffffff;
}
ul.forums .posts:after {
content: 'mensagens';
}
ul.forums .topics:after {
content: 'tópicos';
}
.forabg .topiclist .header {
border-bottom: 3px solid #00008B;
}
/*Diretor*/
a[href*="/u"] span[style="color:#0015FF"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after{
background-color:#0015FF !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Diretor do clã" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Coordenador*/
a[href*="/u"] span[style="color:#F000D4"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after{
background-color: #F000D4 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Coordenador(a) do Fórum" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Ajudante*/
a[href*="/u"] span[style="color:#00B0F0"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after{
background-color:#00B0F0 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Ajudante do Servidor e do Fórum" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Designer*/
a[href*="/u"] span[style="color:#9900D6"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after{
background-color:#9900D6 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Designer do Servidor e do Fórum" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Aspirante*/
a[href*="/u"] span[style="color:#FF7700"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after{
background-color:#FF7700 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Moderador(a) do Fórum e do Servidor" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Agente*/
a[href*="/u"] span[style="color:#15FF00"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after{
background-color:#15FF00 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Administrador(a) do Servidor e do Fórum" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Espião*/
a[href*="/u"] span[style="color:#000DFF"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after{
background-color:#000DFF !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Diretor(a) do Servidor e do Fórum" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !important;
}
/*Fundador*/
a[href*="/u"] span[style="color:#FF0000"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after{
background-color:#FF0000 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"Fundador(a) do Brasil One Life" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !importan
}
/*DJ/Locutor*/
a[href*="/u"] span[style="color:#00FFD5"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after{
background-color:#00FFD5 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"DJ/Locutor(a) do Servidor" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !importan
}
/*YouTuber*/
a[href*="/u"] span[style="color:#FF2121"] strong {
position:relative !important;
}
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after{
background-color:#FF2121 !important;
border-radius:5px !important;
bottom:15px !important;
color:#fff !important;
content:"YouTuber do Servidor" !important;
display:inline-block !important;
font-size:10px !important;
font-style:normal !important;
font-weight:700 !important;
left:-40px !important;
padding:2px !important;
position:absolute !important;
white-space:nowrap !important;
z-index:1 !importan
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
/*Remover tabela*/
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
border: none !important;
border-spacing: 0;
}
body {
background-size: 100%;
}
body, html {
background-attachment: fixed!importnat;
background-size: cover!important;
}
#wrap{
width: 80% !important;
}
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
width: unset;
height: unset;
border-radius: 0;
max-height: 250px;
}
ul.linklist.navlinks {
position: fixed !important;
position: absolute;
top: 0;
right: 0;
}
/* NEON */
a[href="/g3-fundadora"] {
text-shadow: 0px 0px 5px #FF0000!important;
}
a[href="/g4-diretora"] {
text-shadow: 0px 0px 5px #000DFF!important;
}
/* FONTE CATEGORIA */
.table-title, .table-title h2 {
text-shadow:none!important;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
font-size: 16px!important;
font-weight: 700!important;
}
/* BANNER TRANSPARENTE */
.headerbar {
background-image: url(https://i.imgur.com/Z71aQJ6.png);
background-size: cover;
height: 250px;
position: relative;
width: 100%;
transform: scale(1);
}
/* ÍCONES BBCODE */
/* ONLINE/OFFLINE */
.online {
propriedades
}
div.post {
propriedades
}
/* SOMBRA NA ESTRUTURA */
#wrap {
-webkit-box-shadow: 0px 20px 20px #000000!important;
-moz-box-shadow: 0px 20px 20px #000000!important;
box-shadow: 0px 20px 20px #000000!important;
}
/* SOMBRA AVATAR */
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #000000;
box-shadow:1px 1px 5px #9C9C9C;
}
.menu {
font: normal normal normal 14px/1 FontAwesome;
font-family: FontAwesome;
background: #202224;
box-shadow: rgb(161 161 161 / 10%) 0 1px 5px;
height: 54px;
line-height: 35px;
width: 100%;
z-index: 999;
overflow-y: hidden;
}
/* Banner tamanho */
#pun-logo > img:nth-child(1) {
-webkit-transition: 1s all ease;
}
#pun-logo > img:nth-child(1):hover {
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transition: 1s all ease;
}
/* BORDA AVATAR */
.postprofile dt img, dl.left-box dt img {
border:3px solid #FFFFFF;
}
/* BOTÃO DISCORD */
.btn-discord {
background: #d1c436!important;
border-bottom: 4px solid #9c932c!important;
border-radius: 2px;
color: #fff!important;
padding: 10px 150px;
box-shadow: 0.8px 0.5px 0.5px 0.8px #9c932c;
}
.btn-discord:hover {
background: #b3a835!important;
border-bottom: 4px solid #b3a835!important;
border-radius: 2px;
color: #fff!important;
padding: 10px 150px;
box-shadow: 0.8px 0.5px 0.5px 0.8px #b3a835;
}
/* BOTÕES */
.button1:hover,
.button2:hover,
.button:hover,
input[type="submit"]:hover {
background-color: #000000!important;
border-bottom: 1px solid red;
box-shadow: none!important;
}
/* fonte */
div.postbody-head.postdetails.post-header h3 a {
font-size: 25px;
}
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 21:01
Boa tarde@"Nexthy",
Modifique sua Folha de estilo (CSS) para essa:
Atenciosamente,
Wusthy.
Modifique sua Folha de estilo (CSS) para essa:
- Código:
#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
height: 42px;
width: 100%
}
#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
border-top: 5px solid #000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important
}
#submenu ul li {
line-height: 40px;
margin-top: -5px!important
}
div#headerbar-top:not(.is-sticky) {
margin-top: 150px
}
.postprofile {
text-align: center
}
.mod-login-avatar img {
border-radius: 0;
height: 100%;
width: 100%
}
.row2 {
background-color: #fff!important
}
.post .postprofile-avatar img {
border-radius: 0;
height: unset;
max-height: 250px;
width: unset
}
dd.postprofile-contact {
display: inline-block;
vertical-align: middle
}
.block-footer {
border-color: rgba(0,0,0,0.05);
border-radius: 0 0 3px 3px;
border-style: solid;
border-width: 1px 0 0;
font-size: 0;
margin: 18px -18px -18px;
padding: 10px 8px 7px 5px;
text-align: center
}
.block-footer b {
font-size: 13px
}
.block-footer strong {
display: none
}
.block-footer a {
font-size: 14px;
font-style: normal;
margin-right: 15px;
transition: .3s
}
.block-footer a:hover {
background: #ddd;
padding: 12px 10px 9px
}
.post-head {
border-bottom-width: 1px;
border-color: #202224;
border-top-width: 0
}
ul.topiclist.forums {
padding: 5px
}
ul.topiclist li.header dl dd:nth-child(4) {
left: 10%
}
li.row {
background-color: #Fff;
border: 0;
border-radius: 0;
margin-bottom: 5px!important;
padding: 0
}
li.row:hover {
border-left: 5px solid #00008B;
background-color: red;
color: white;
}
li.row dd {
border: 0
}
ul.topiclist.bg_none {
background: #00008B
}
dd.dterm {
padding-bottom: 0!important
}
ul.forums {
background-color: #fff
}
ul.forums .posts:after {
content: 'mensagens'
}
ul.forums .topics:after {
content: 'Tópicos'
}
.forabg .topiclist .header {
border-bottom: 3px solid #00008B
}
a[href*="/u"] span[style="color:#0015FF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
background-color: #0015FF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor do clã"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#F000D4"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
background-color: #F000D4!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Coordenador(a) do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
background-color: #00B0F0!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Ajudante do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#9900D6"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
background-color: #9900D6!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Designer do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF7700"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
background-color: #F70!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Moderador(a) do Fórum e do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#15FF00"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
background-color: #15FF00!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Administrador(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#000DFF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
background-color: #000DFF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF0000"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
background-color: red!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Fundador(a) do Brasil One Life"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#00FFD5"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
background-color: #00FFD5!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "DJ/Locutor(a) do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#FF2121"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
background-color: #FF2121!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "YouTuber do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a.mainmenu[href="/faq"] {
display: none!important
}
a.mainmenu[href="/calendar"] {
display: none!important
}
#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
border: none!important;
border-spacing: 0
}
body {
background-size: 100%
}
body,html {
background-attachment: fixed!importnat;
background-size: cover!important
}
#wrap {
-moz-box-shadow: 0 20px 20px #000!important;
-webkit-box-shadow: 0 20px 20px #000!important;
box-shadow: 0 20px 20px #000!important;
width: 80%!important
}
ul.linklist.navlinks {
position: fixed!important;
right: 0;
top: 0
}
a[href="/g3-fundadora"] {
text-shadow: 0 0 5px red!important
}
a[href="/g4-diretora"] {
text-shadow: 0 0 5px #000DFF!important
}
.table-title,.table-title h2 {
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
font-size: 16px!important;
font-weight: 700!important;
text-shadow: none!important
}
.headerbar {
background-image: url(https://i.imgur.com/Z71aQJ6.png);
background-size: cover;
height: 250px;
position: relative;
transform: scale(1);
width: 100%
}
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 5px #9C9C9C;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #9C9C9C
}
.menu {
background: #202224;
box-shadow: red 0 1px 5px;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 54px;
line-height: 35px;
overflow-y: hidden;
width: 100%;
z-index: 999
}
#pun-logo > img:nth-child(1) {
-webkit-transition: 1s all ease
}
#pun-logo > img:nth-child(1):hover {
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-transition: 1s all ease
}
.btn-discord {
background: #d1c436!important;
border-bottom: 4px solid #9c932c!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #9c932c;
color: #fff!important;
padding: 10px 150px
}
.btn-discord:hover {
background: #b3a835!important;
border-bottom: 4px solid #b3a835!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #b3a835;
color: #fff!important;
padding: 10px 150px
}
.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
background-color: #000!important;
border-bottom: 1px solid red;
box-shadow: none!important
}
div.postbody-head.postdetails.post-header h3 a {
font-size: 25px
}
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 21:35
Olá, o "Informações Gerais" não ficou alinhado a categoria abaixo. A cor azul escura permaneceu como linha abaixo do informações gerais, e como linha lateral ao colocar o mouse em cima. Ao colocar o mouse em cima, o fundo inteiro ficou vermelho, ao invés de só a linha lateral, e a categoria "último tópico criado/comentado", não ficou centralizado.
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 21:39
@Nexthy,
Poderia enviar-me uma print de como ficou o seu tema após eu informar mudança da folha de estilo (CSS)?
(Aguardo retorno)
Atenciosamente,
Wusthy.
Poderia enviar-me uma print de como ficou o seu tema após eu informar mudança da folha de estilo (CSS)?
(Aguardo retorno)
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 21:46
Peço desculpas, esqueci de inserir o link no tópico
Poderia me explicar como alterar a cor do título de cada categoria de azul para preto? E para o mesmo ficar vermelho ao colocar o mouse em cima?
Poderia me explicar como alterar a cor do título de cada categoria de azul para preto? E para o mesmo ficar vermelho ao colocar o mouse em cima?
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 22:07
Olá novamente @Nexthy,
Peço perdão pelo equivoco, acredito que eu tenha passado a folha de estilo errada
No mais, modifique sua Folha de estilo (CSS) para:
E para mudar o título das categorias de azul para preto, basta buscar pela variável .forumtitle na sua folha de estilo, e modificar sua cor:
E não, esse fundo vermelho foi um efeito que acabei que por colocar de forma incorreta, perdão novamente.
Atenciosamente,
Wusthy.
Peço perdão pelo equivoco, acredito que eu tenha passado a folha de estilo errada
No mais, modifique sua Folha de estilo (CSS) para:
- Código:
#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
height: 42px;
width: 100%
}
#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
border-top: 5px solid #000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important
}
#submenu ul li {
line-height: 40px;
margin-top: -5px!important
}
div#headerbar-top:not(.is-sticky) {
margin-top: 150px
}
.postprofile {
text-align: center
}
.mod-login-avatar img {
border-radius: 0;
height: 100%;
width: 100%
}
.row2 {
background-color: #fff!important
}
.post .postprofile-avatar img {
border-radius: 0;
height: unset;
max-height: 250px;
width: unset
}
dd.postprofile-contact {
display: inline-block;
vertical-align: middle
}
.block-footer {
border-color: rgba(0,0,0,0.05);
border-radius: 0 0 3px 3px;
border-style: solid;
border-width: 1px 0 0;
font-size: 0;
margin: 18px -18px -18px;
padding: 10px 8px 7px 5px;
text-align: center
}
.block-footer b {
font-size: 13px
}
.block-footer strong {
display: none
}
.block-footer a {
font-size: 14px;
font-style: normal;
margin-right: 15px;
transition: .3s
}
.block-footer a:hover {
background: #ddd;
padding: 12px 10px 9px
}
.post-head {
border-bottom-width: 1px;
border-color: #202224;
border-top-width: 0
}
ul.topiclist.forums {
padding: 5px
}
ul.topiclist li.header dl dd:nth-child(4) {
left: 10%;
position: relative;
}
.lastpost {
align-items: center;
justify-content: center;
display: flex;
right: -4%;
position: relative;
}
li.row {
background-color: #Fff;
border: 0;
border-radius: 0;
margin-bottom: 5px!important;
padding: 0
}
.row:hover {
border-left: 5px solid #00008B;
}
.forumtitle {
color: black!important;
text-decoration: none;
}
.forumtitle:hover {
color: red!important;
}
li.row dd {
border: 0;
}
ul.topiclist.bg_none {
background: #00008B
}
dd.dterm {
padding-bottom: 0!important
}
ul.forums {
background-color: #fff
}
ul.forums .posts:after {
content: 'mensagens'
}
ul.forums .topics:after {
content: 'Tópicos'
}
.forabg .topiclist .header {
}
a[href*="/u"] span[style="color:#0015FF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
background-color: #0015FF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor do clã"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#F000D4"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
background-color: #F000D4!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Coordenador(a) do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
background-color: #00B0F0!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Ajudante do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#9900D6"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
background-color: #9900D6!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Designer do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF7700"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
background-color: #F70!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Moderador(a) do Fórum e do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#15FF00"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
background-color: #15FF00!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Administrador(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#000DFF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
background-color: #000DFF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF0000"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
background-color: red!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Fundador(a) do Brasil One Life"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#00FFD5"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
background-color: #00FFD5!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "DJ/Locutor(a) do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#FF2121"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
background-color: #FF2121!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "YouTuber do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a.mainmenu[href="/faq"] {
display: none!important
}
a.mainmenu[href="/calendar"] {
display: none!important
}
#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
border: none!important;
border-spacing: 0
}
body {
background-size: 100%
}
body,html {
background-attachment: fixed!importnat;
background-size: cover!important
}
#wrap {
-moz-box-shadow: 0 20px 20px #000!important;
-webkit-box-shadow: 0 20px 20px #000!important;
box-shadow: 0 20px 20px #000!important;
width: 80%!important
}
ul.linklist.navlinks {
position: fixed!important;
right: 0;
top: 0
}
a[href="/g3-fundadora"] {
text-shadow: 0 0 5px red!important
}
a[href="/g4-diretora"] {
text-shadow: 0 0 5px #000DFF!important
}
.table-title,.table-title h2 {
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
font-size: 16px!important;
font-weight: 700!important;
text-shadow: none!important;
left: 7%;
position: relative;
}
.headerbar {
background-image: url(https://i.imgur.com/Z71aQJ6.png);
background-size: cover;
height: 250px;
position: relative;
transform: scale(1);
width: 100%
}
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 5px #9C9C9C;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #9C9C9C
}
.menu {
background: #202224;
box-shadow: red 0 1px 5px;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 54px;
line-height: 35px;
overflow-y: hidden;
width: 100%;
z-index: 999
}
#pun-logo > img:nth-child(1) {
-webkit-transition: 1s all ease
}
#pun-logo > img:nth-child(1):hover {
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-transition: 1s all ease
}
.btn-discord {
background: #d1c436!important;
border-bottom: 4px solid #9c932c!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #9c932c;
color: #fff!important;
padding: 10px 150px
}
.btn-discord:hover {
background: #b3a835!important;
border-bottom: 4px solid #b3a835!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #b3a835;
color: #fff!important;
padding: 10px 150px
}
.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
background-color: #000!important;
border-bottom: 1px solid red;
box-shadow: none!important
}
div.postbody-head.postdetails.post-header h3 a {
font-size: 25px
}
E para mudar o título das categorias de azul para preto, basta buscar pela variável .forumtitle na sua folha de estilo, e modificar sua cor:
- Código:
.forumtitle {
color: #COR;
}
E não, esse fundo vermelho foi um efeito que acabei que por colocar de forma incorreta, perdão novamente.
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 22:48
Não precisa pedir desculpas, tem ajudado de forma excepcional!
Só um detalhe, a linha roxa continua, ela não foi alterada para vermelha, como segue na imagem
É possível colocar essa linha vermelha abaixo de informações gerais, como simulei na imagem?
E pra mais um detalhe, é possível aumentar a parte da seta verde, até a linha verde? Se sim, poderia me explicar em qual parte? Que vou testando a melhor.
E é possível colocar algum ícone ao lado de informações gerais?
Só um detalhe, a linha roxa continua, ela não foi alterada para vermelha, como segue na imagem
É possível colocar essa linha vermelha abaixo de informações gerais, como simulei na imagem?
E pra mais um detalhe, é possível aumentar a parte da seta verde, até a linha verde? Se sim, poderia me explicar em qual parte? Que vou testando a melhor.
E é possível colocar algum ícone ao lado de informações gerais?
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 23:01
@Nexthy
Aqui está a folha de estilo (CSS) com suas alterações pedidas:
E sim, é possível aumentar a da parte da seta verde até a linha verde, basta você pesquisar em sua folha de estilo a variável #wrap, e modificar o tamanho dela pelo width
E sobre à questão do ícone, você pode pegar pelo próprio título e adicionar ao lado do nome do título qualquer ícone, aqui está uma biblioteca de ícones: FontAwesome.
Observação: É importante que tenha o FontAwesome instalado em seu fórum, caso não saiba como instalar, queira olhar o nosso procedimento: Font Awesome no fórum
Observação ²: Sempre coloque ele depois do código {CSS} no overall_header.
Atenciosamente,
Wusthy.
Aqui está a folha de estilo (CSS) com suas alterações pedidas:
- Código:
#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
height: 42px;
width: 100%
}
#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
border-top: 5px solid #000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important
}
#submenu ul li {
line-height: 40px;
margin-top: -5px!important
}
div#headerbar-top:not(.is-sticky) {
margin-top: 150px
}
.postprofile {
text-align: center
}
.mod-login-avatar img {
border-radius: 0;
height: 100%;
width: 100%
}
.row2 {
background-color: #fff!important
}
.post .postprofile-avatar img {
border-radius: 0;
height: unset;
max-height: 250px;
width: unset
}
dd.postprofile-contact {
display: inline-block;
vertical-align: middle
}
.block-footer {
border-color: rgba(0,0,0,0.05);
border-radius: 0 0 3px 3px;
border-style: solid;
border-width: 1px 0 0;
font-size: 0;
margin: 18px -18px -18px;
padding: 10px 8px 7px 5px;
text-align: center
}
.block-footer b {
font-size: 13px
}
.block-footer strong {
display: none
}
.block-footer a {
font-size: 14px;
font-style: normal;
margin-right: 15px;
transition: .3s
}
.block-footer a:hover {
background: #ddd;
padding: 12px 10px 9px
}
.post-head {
border-bottom-width: 1px;
border-color: #202224;
border-top-width: 0
}
ul.topiclist.forums {
padding: 5px
}
ul.topiclist li.header dl dd:nth-child(4) {
left: 10%;
position: relative
}
.lastpost {
align-items: center;
display: flex;
justify-content: center;
position: relative;
right: -4%
}
li.row {
background-color: #Fff;
border: 0;
border-radius: 0;
margin-bottom: 5px!important;
padding: 0
}
.row:hover {
border-left: 5px solid #ff0101
}
.forumtitle {
color: #000!important;
text-decoration: none
}
.forumtitle:hover {
color: red!important
}
li.row dd {
border: 0
}
ul.topiclist.bg_none {
background: #00008B
}
dd.dterm {
padding-bottom: 0!important
}
ul.forums {
background-color: #fff
}
ul.forums .posts:after {
content: 'mensagens'
}
ul.forums .topics:after {
content: 'Tópicos';
}
a[href*="/u"] span[style="color:#0015FF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
background-color: #0015FF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor do clã"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#F000D4"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
background-color: #F000D4!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Coordenador(a) do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
background-color: #00B0F0!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Ajudante do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#9900D6"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
background-color: #9900D6!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Designer do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF7700"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
background-color: #F70!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Moderador(a) do Fórum e do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#15FF00"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
background-color: #15FF00!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Administrador(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#000DFF"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
background-color: #000DFF!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Diretor(a) do Servidor e do Fórum"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1!important
}
a[href*="/u"] span[style="color:#FF0000"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
background-color: red!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "Fundador(a) do Brasil One Life"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#00FFD5"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
background-color: #00FFD5!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "DJ/Locutor(a) do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a[href*="/u"] span[style="color:#FF2121"] strong {
position: relative!important
}
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
background-color: #FF2121!important;
border-radius: 5px!important;
bottom: 15px!important;
color: #fff!important;
content: "YouTuber do Servidor"!important;
display: inline-block!important;
font-size: 10px!important;
font-style: normal!important;
font-weight: 700!important;
left: -40px!important;
padding: 2px!important;
position: absolute!important;
white-space: nowrap!important;
z-index: 1 !importan
}
a.mainmenu[href="/faq"] {
display: none!important
}
a.mainmenu[href="/calendar"] {
display: none!important
}
#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
border: none!important;
border-spacing: 0
}
body {
background-size: 100%
}
body,html {
background-attachment: fixed!importnat;
background-size: cover!important
}
#wrap {
-moz-box-shadow: 0 20px 20px #000!important;
-webkit-box-shadow: 0 20px 20px #000!important;
box-shadow: 0 20px 20px #000!important;
width: 86%!important;
}
ul.linklist.navlinks {
position: fixed!important;
right: 0;
top: 0
}
a[href="/g3-fundadora"] {
text-shadow: 0 0 5px red!important
}
a[href="/g4-diretora"] {
text-shadow: 0 0 5px #000DFF!important
}
.table-title,.table-title h2 {
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
font-size: 16px!important;
font-weight: 700!important;
left: 7%;
position: relative;
text-shadow: none!important
}
.headerbar {
background-image: url(https://i.imgur.com/Z71aQJ6.png);
background-size: cover;
height: 250px;
position: relative;
transform: scale(1);
width: 100%
}
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 5px #9C9C9C;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #9C9C9C
}
.menu {
background: #202224;
box-shadow: red 0 1px 5px;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 54px;
line-height: 35px;
overflow-y: hidden;
width: 100%;
z-index: 999
}
#pun-logo > img:nth-child(1) {
-webkit-transition: 1s all ease
}
#pun-logo > img:nth-child(1):hover {
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-transition: 1s all ease
}
.btn-discord {
background: #d1c436!important;
border-bottom: 4px solid #9c932c!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #9c932c;
color: #fff!important;
padding: 10px 150px
}
.btn-discord:hover {
background: #b3a835!important;
border-bottom: 4px solid #b3a835!important;
border-radius: 2px;
box-shadow: .8px .5px .5px .8px #b3a835;
color: #fff!important;
padding: 10px 150px
}
.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
background-color: #000!important;
border-bottom: 1px solid red;
box-shadow: none!important
}
div.postbody-head.postdetails.post-header h3 a {
font-size: 25px
}
E sim, é possível aumentar a da parte da seta verde até a linha verde, basta você pesquisar em sua folha de estilo a variável #wrap, e modificar o tamanho dela pelo width
E sobre à questão do ícone, você pode pegar pelo próprio título e adicionar ao lado do nome do título qualquer ícone, aqui está uma biblioteca de ícones: FontAwesome.
Observação: É importante que tenha o FontAwesome instalado em seu fórum, caso não saiba como instalar, queira olhar o nosso procedimento: Font Awesome no fórum
Observação ²: Sempre coloque ele depois do código {CSS} no overall_header.
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por while 22.11.21 23:02
Olá! saúdo a todos que acompanham esse tópico e que no futuro possam ver.
Tudo é possível, meu rapaz.
Sanando primeira dúvida:
Procure na sua folha de estilo CSS por:
Vai encontrar essa propriedade: border-left: 5px solid #00008B;
Troque o #0008B por red ou #FF0000, é o mesmo resultado.
Sanando segunda dúvida:
Procure na sua folha de estilo CSS por:
Você deve encontrar uma propriedade assim: width: 80%!important;
Troque o 80% para 90%.
Pra sanar a terceira dúvida seria ideal você me dizer qual ícone... mas, olhe esse tópico: https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum
Tudo é possível, meu rapaz.
Sanando primeira dúvida:
Procure na sua folha de estilo CSS por:
- Código:
.row:hover
Vai encontrar essa propriedade: border-left: 5px solid #00008B;
Troque o #0008B por red ou #FF0000, é o mesmo resultado.
Sanando segunda dúvida:
Procure na sua folha de estilo CSS por:
- Código:
#wrap
Você deve encontrar uma propriedade assim: width: 80%!important;
Troque o 80% para 90%.
Pra sanar a terceira dúvida seria ideal você me dizer qual ícone... mas, olhe esse tópico: https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 22.11.21 23:33
Foi tudo certinho, apenas o redimensionamento da página que não foi, estava em 85, coloquei 90, 95, 100 e até 130, e permaneceu do mesmo jeito, mas reduzindo a porcentagem ele diminuiu kkk
Para tirar dúvidas em relação a mensagem dentro de um tópico, é aconselhável a criação de outro tópico? Para ajudar outros caso tenham a mesma dúvida
Para tirar dúvidas em relação a mensagem dentro de um tópico, é aconselhável a criação de outro tópico? Para ajudar outros caso tenham a mesma dúvida
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por while 22.11.21 23:37
Exatamente, é aconselhável que você crie um novo tópico visto que é apenas uma dúvida por tópico a ser sanada. Isso é mais para organização dos tópicos e do próprio fórum.
E a respeito de não alterar, talvez seja seu monitor, porque pra mim alterou e está em 130% nesse momento.
E a respeito de não alterar, talvez seja seu monitor, porque pra mim alterou e está em 130% nesse momento.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Re: Cores e centralização da estrutura do fórum
por Musashi 22.11.21 23:47
Olá @Nexthy,
Andei testando alguns métodos em relação sobre o aumento do fórum e achei uma solução!
Modifique o código da variável #wrap para esse:
Atenciosamente,
Wusthy.
Andei testando alguns métodos em relação sobre o aumento do fórum e achei uma solução!
Modifique o código da variável #wrap para esse:
- Código:
#wrap {
box-shadow: 0 20px 20px #000!important;
width: 93%!important;
padding: 29px 63px;
}
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por Nexthy 23.11.21 0:26
Também não funcionou 
Testei em ambos os monitores com resoluções diferentes, incluindo full HD, e só diminui e não aumenta.
Testei em ambos os monitores com resoluções diferentes, incluindo full HD, e só diminui e não aumenta.
Nexthy- Novo Membro
- Membro desde : 21/11/2021
Mensagens : 17
Pontos : 23 -
Re: Cores e centralização da estrutura do fórum
por Musashi 23.11.21 0:30
@Nexthy,
Por organização, crie um tópico relacionado sobre tal questão para que nós consiga organizar o fórum, já que nossas regras de suporte permite somente a criação de Um tópico por dúvida
Atenciosamente,
Wusthy.
Por organização, crie um tópico relacionado sobre tal questão para que nós consiga organizar o fórum, já que nossas regras de suporte permite somente a criação de Um tópico por dúvida
Atenciosamente,
Wusthy.
Musashi- Ajudeiro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Cores e centralização da estrutura do fórum
por while 23.11.21 0:34
E que tal fazermos isso:
Procure por #wrap e você tentará achar max-width, você altera o valor dessa propriedade para ficar dessa maneira:
E nos diga como ficou.
Procure por #wrap e você tentará achar max-width, você altera o valor dessa propriedade para ficar dessa maneira:
max-width: 93%important;
E nos diga como ficou.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Re: Cores e centralização da estrutura do fórum
por Lobs 25.11.21 23:29
Tópico resolvidoO autor do tópico foi banido, mas como apresentam-se soluções cabíveis para o problema, este tópico será arquivado. |
Lobs- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Tópicos semelhantes» Centralização do "Últimos assuntos" no fórum
» Centralização do fórum
» Centralização do fórum
» Centralização do sub fórum
» Centralização do fórum
» Centralização do fórum
» Centralização do fórum
» Centralização do sub fórum
» Centralização do fórum
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
Facebook
Twitter
Youtube
