Logo do Fórum

[Marcelo22m2]

Detalhes da questão

Endereço do fórum: http://mugalindu.forumeiros.com
Versão do fórum: phpBB3

Descrição

Bom dia,

Gostaria de saber como é possível descobrir o tamanho da minha logo em pixels do meu Fórum.

Até mais..

[Lincoln]

Olá, basta clicar com o botão direito do mouse e ir em Inspecionar

Depois disso, só procurar o link da sua logo como na imagem a baixo:

http://prntscr.com/fxo76s

tamanho em pixeles: 800 x 151

[Marcelo22m2]

Como descubro o tamanho certo para coloca no meu Fórum?

[Lincoln]

Como descubro o tamanho certo para coloca no meu Fórum?

Procure em seu CSS o código abaixo:

Código:

.headerbar {
    background-image: url(https://i11.servimg.com/u/f11/19/73/66/24/sem_ty18.png);
    background-position: center center;
    background-size: 100% 100%;
    border-radius: 5px 5px 0 0;
    height: 250px;
}

Altere por esse:

Código:

.headerbar {
    background-image: url(https://i11.servimg.com/u/f11/19/73/66/24/sem_ty18.png);
    background-position: center center;
    background-size: 100% 100%;
    border-radius: 5px 5px 0 0;
    height: 250px;
}

Procure novamente por:

Código:

a#logo:hover{
    text-decoration:none
}

Altere por:

Código:

a#logo:hover{
    text-decoration:none;
    display: none;
}

Depois que salvar essas alterações em seu CSS, basta procurar essa parte do código e alterar o link da imagem:

.headerbar {
background-image: url(https://i.servimg.com/u/f11/19/73/66/24/sem_ty18.png);
background-position: center center;
background-size: 100% 100%;
border-radius: 5px 5px 0 0;
height: 250px;
}

[Marcelo22m2]

Porque a imagem não fica com a qualidade certa? Ela fica borrada no caso

[Lincoln]

Você precisará colocar uma imagem um pouco maior, porque ela está sendo ampliada pra ocupar todo o topo do seu fórum.

[Marcelo22m2]

Como eu faço para saber o tamanho certo da image? Para que ela não tenha que ser ampliada e perde a qualidade dela?

[Lincoln]

Tamanho em pixels: 1332 x 226

[Marcelo22m2]

Eu fiz no photoshop desse tamanho em pixels, porem quando a colocar ela fica ampliada :/

[Harleen]

Olá, poste aqui sua folha CSS atual e a imagem que deseja adicionar no logo.

Até mais

[Marcelo22m2]

https://i.servimg.com/u/f11/19/73/67/97/sem_ty10.jpg

Código:

.headerbar {
    background-image: url(http://imgur.com/0BoxIUo);
    background-repeat: repeat-x;
    margin-bottom: 4px;
    padding: 0;
    height: 226px;
}
#page-header .navbar .linklist {
    background: #2D3134;
    border: none;
    margin: -44px -10px 5px;
}
#page-header a.active, #page-header a.mainmenu:hover {
    background-color: #1A1A1A;
}
#page-header a.mainmenu {
    color: #eee;
    display: inline-block;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 37px;
    outline: medium none;
    padding: 0 15px;
    transition-duration: 100ms;
}
#page-header .navbar {
    background: #369FCF;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
#search-box #search input[type="submit"] {
    background: #2E3133 url(https://i.imgur.com/rvy4kOU.png) no-repeat scroll 14px 10px / 40% auto;
    border: 0 none;
    border-radius: 0 4px 4px 0;
    color: transparent!important;
    font-size: .1px;
    height: 44px;
    margin-right: 3px;
    position: relative;
    width: 50px!important;
}
#search-box #keywords {
    font-family: Helvetica;
    font-size: 15px;
    height: 40px;
    padding: 2px 10px;
    width: 300px;
}
#page-header .navbar {
    background: #3e5561;
    margin-bottom: 6px;
}
#logo-desc p {
    color: #FFF;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #3e5561;
}
#tabs a {
    background: #2d3134 none no-repeat 0 -35px;
    cursor: pointer;
    float: left;
    margin: 0 0px 2px 0;
    padding: 3px 1px 3px 13px;
    position: relative;
    text-decoration: none;
}
#tabs a:hover span {
    background-position: 100% -70px;
    color: #fafdff;
}
.row3 {
    background-color: #3e5561;
}
#cp-main h1 {
    border-bottom: none;
    color: #ffffff;
    margin-left: 1px;
    padding: 0;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #2d3134;
}
.module .h3 {
    background: #2d3134;
    color: #FFF;
    margin: 0 -10px 10px;
    padding: 6px 3px;
    text-align: center;
    text-transform: none;
    margin-top: -5px;
}
.module, .panel {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-radius: 3px;
}
.forabg .header, .forumbg .header {
    background: #2d3134;
    margin: -5px -5px 10px;
    padding: 6px 3px 3px;
}
.forabg, .forumbg {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: hidden;
}
.forabg .header dt, .forabg .header h2, .forumbg .header .dterm, .forumbg .header dt {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-left: 6px!important;
}
ul.forums {
    background-color: #fafafa;
}
div.post {
    background-color: #FAFAFA;
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-radius: 3px;
    padding: 0;
}
/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}
 
.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
 
 
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
 
#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/
body {
    background-attachment: scroll;
    background-color: #f2f2f2;
}
#page-header {
    margin: 0 -5px;
}
#fa_qeel .qeel_title:nth-child(n+3) {
    background-color: #2e3133!important;
}
.h3 {
    font-weight: 700;
    background-color: black;
    padding: 7px;
}
.administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #ff0d0d;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.subadministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #700E0E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #124701;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Gamemaster {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0404DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.jogador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.banido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C7A887;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.postprofile {
  padding-top: 20px;
}
 
.postprofile * {
  box-sizing: border-box;
}
 
.postprofile dd,
.postprofile dt {
  margin-right: 0 !important;
}
 
.post .postprofile::before {
  content: "OFFLINE";
  background-color: #555;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
 
.post.online .postprofile::before {
  content: "ONLINE";
  background-color: #2d3134;
}
div.post .inner {
    border-top: 12px solid #DDD;
}
.postprofile {
  border: solid 1px #ddd !important;
  text-align: center;
  width: 15%;
  left: 5px;
}
.postbody .content {
    font-size: 1.3em;
    margin-left: -103px;
}
div.sceditor-container {
  border-color: #ddd !important;
}
 
div.sceditor-toolbar {
  background-color: #444 !important;
}
 
div.sceditor-group {
  background-color: #fff !important;
  border: solid 1px #ccc!important;
}
 
div.sceditor-group .sceditor-button {
  border-right: solid 1px #ccc !important;
  border-radius: 0px !important;
}
 
div.sceditor-group .sceditor-button:last-child {
  border: solid 0px !important;
}
 
div.sceditor-group .sceditor-button.hover,
div.sceditor-group .sceditor-button.active,
div.sceditor-group .sceditor-button:hover {
  background-color: rgba(255, 249, 19, 0.3) !important;
  box-shadow: none !important;
}
.post {
  position: relative;
}
 
#rep_post {
  float: none !important;
  position: absolute;
  bottom: 0;
  right: 0;
}
div#textarea_content {
  position: relative !important;
}
a#reply_avatar {
  position: absolute;
  left: -120px;
}
.button1,
.btn,
.fa-btn,
.button2,
[type="submit"] {
  background: #212121 !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  border-radius: 3px;
  color: #FFF!important;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: normal!important;
  margin: 2px;
  padding: 6px 9px!important;
  transition: 300ms;
}
 
.button1:hover,
.btn:hover,
.fa-btn:hover,
.button2:hover,
[type="submit"]:hover {
  background-color: #000 !important;
}
span.fa-btn {
  background-color: #3091c1;
  color: #fff;
  transition: all 200ms ease-in-out;
  padding: 5px 9px;
  border-radius: 4px;
  border-bottom: solid 3px #2a79a0;
}
 
span.fa-btn:hover {
  background-color: #2a2c33;
  border-bottom-color: #202127;
}
#logo-desc #logo + p {
  display: none;
}
/* Início - Widgets Final do Fórum */
.widgetsbottom {
  display: block !important;
    background-color: #fff;
    clear: both;
    width:100%;
  margin: 15px 0px;
}
#fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    font-size: 10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.qeel_title {
    background: #e54732 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
.qeel_section {
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
/* Fim - Widgets Final do Fórum */
.qeel_title {
  background: #e54732 !important;
}
a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
.qeel_section {
    background: #ffffff none repeat scroll 0 0;
    color: #333;
    font-size: 12px;
    padding: 8px 6px;
    border: 1px solid #ddd;
    line-height: 1.5em;
    padding: 15px;
}
.module, .panel {
    background: #ffffff;
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 13px;
}
.h3, h3 {
    border-bottom: 1px solid #0076b1;
    color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.post .topic-title,
.post .author {
  display: none;
}
div#search-box form input.button2[type="submit"] {
  background-image: url(https://i.imgur.com/rvy4kOU.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 28px 28px !important;
}
 
div#search-box form input[type="text"] {
  background-image: none !important;
}
.footer-home .icon-home {
  display: none;
}
#tabs a span {
    background: none no-repeat 100% -35px;
    color: #ffffff;
}
#tabs .activetab a {
    background-color: #3e5561;
}
span[style*="#FF0000"] strong {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #FF0000;
}
.post > .inner > .right,
.post > .inner > .corners-bottom {
    height: 0;
    margin: 0;
}
.signature_div {
  border-top: solid 1px #ddd;
  margin-top: 20px;
}
.post .inner .postbody {
  width: 83%;
}
.post .inner .content > div {
  color: #000;
}
.post > .inner {
    position: relative;
}
 
.postbody {
    margin-bottom: 300px;
}
 
.postbody .content {
    margin-left: 0;
}
.signature_div {
    position: absolute;
    left: 220px;
    right: 20px;
    bottom: 0;
    max-height: 300px;
    padding: 10px 0;
    box-sizing: border-box;
}
#cp-main h1 {
    color: #2d3134;
}
#page-header .navbar {
    background: #3e5561;
    margin-bottom: 6px;
    padding: 0px 0px;
}

Gratidão 

[Lincoln]

Assim não fica bom pra você? http://prntscr.com/fxslql

[Marcelo22m2]

Não quero que ela seja ampliada entendeu ? Eu criei a imagem do tamanho que pede 1332 x 226 px.

Não vejo necessidade de ampliar ela e perde a qualidade.

Obrigado. 

[Kyo Panda]

O senhor não conseguirá definir um tamanho "correto" pois a largura do fórum é relativa ao monitor do usuário. Assim como no FdF, tente utilizar uma imagem com altura de 226px e uma largura menor, centralizada no banner.

[Marcelo22m2]

O senhor não conseguirá definir um tamanho "correto" pois a largura do fórum é relativa ao monitor do usuário. Assim como no FdF, tente utilizar uma imagem com altura de 226px e uma largura menor, centralizada no banner.

Fiz como você me instruiu e deu certinho. Muito obrigado, questão resolvida.

Até mais.

[Harleen]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.