Detalhes da questão

Endereço do fórum: https://www.brasilonelife.com
Versão do fórum: ModernBB

Descrição

Olá, estou com um problema em relação ao banner, não consigo fazê-lo preencher totalmente o cabeçalho do fórum, já tentei alguns códigos que encontrei, e os que "funcionaram", esticaram de mais o banner, e perdeu bastante a qualidade.
https://i.imgur.com/3yTiijv.png

Resolução do banner: 1309x200

E é possível colocar o menu de Início, buscar, membros, etc.. Colado no banner? Já que a resolução do banner é 1309x200, ele ficará bem pra cima, e queria subir essa barra preta.

Olá @Nexthy,

Modifique sua Folha de estilo (CSS) para:

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;
}
.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-size: cover;
    background-image: url(https://i.servimg.com/u/f42/20/38/25/45/onelif10.png);
    width: 119%;
    height: 350px;
    right: 11rem;
    position: relative;
}
/* Í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;
}


E retire a imagem que irá ficar na frente, através de Painel Administrativo > Visualização > Imagens e cores > Modo Avançado > Geral/Navegação e apague o link que se encontra em: Imagem de fundo do menu de navegação.

Atenciosamente,
Wusthy.

Ficou um pouco maior do que deveria, e a imagem perde drasticamente a qualidade.

https://i.imgur.com/Uz5LmQR.png

Essa resolução eu peguei da logo de outro fórum, e lá a qualidade se mantém. Mas se não tiver outra opção, qual a resolução é recomendado utilizar?

Olá @Nexthy,

Modifique sua Folha de estilo (CSS) e veja se soluciona o seu problema:

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;
}
.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://imgur.com/nv2kYa3.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;
}


Manteve a perda de qualidade. Sabe me informar qual resolução posso criar o banner para que o mesmo fique perfeito?

Olá @Nexthy,

Acredito que quem possa responder melhor seria o setor de criações gráficas, no qual trabalha com essa especialidade de imagens, logos e etc..

Atenciosamente,
Wusthy.

Consegui resolver, criei outro banner em 1863x251, ficou perfeito com o código.
Muito obrigado!