Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Modificar logo dos títulos dos tópicos
Hoje à(s) 21:38 por Vinicius Reis

» Botão Thanks na área errada
Hoje à(s) 19:23 por EsromG5

» Rádio no rodapé
Hoje à(s) 18:38 por Jefferson105

» Conteúdo dos perfis não aparecem
Hoje à(s) 18:04 por Lemon~

» [Logo] Pássaros
Hoje à(s) 18:01 por EDU2010

» Mudar pre-visualização do formulário
Hoje à(s) 16:54 por YouTube3

» Criar tags BBcode
Hoje à(s) 16:40 por sandra51

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
113 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 105 Visitantes :: 1 Motor de busca

davidgomes10, EsromG5, Jefferson105, Kyo Panda, marcosdete, P.H, Vinicius Reis, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Sem repetição da imagem de fundo do topo do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Sem repetição da imagem de fundo do topo do fórum

Mensagem por Filipe Caetano em Seg 4 Jan 2016 - 19:25

Detalhes da questão


Endereço do fórum: http://equipedayz.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá! Bom dia.

Gostaria de colocar esta simples imagem como background no topo do meu forum, porem ela esta "repetindo", eu queria ela normal sem repetir, tem como me ajudar com isso?:

Código do CSS:
Código:
body {
    background-color: #164269;
    color: #5A5A5A;
    font-family: tahoma,helvetica,arial,sans-serif;
    font-size: 13px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.pun {
    background-color: #fff;
    width: 980px;
}

#pun_out {
    background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
    border:1px solid #0b2337;
    border:1px solid rgba(0,0,0,0.35);
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    padding:8px;
    position:relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



.main .main-head {
    background-color: #0c70a3;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold !important;
    margin-top: 15px;
    padding-bottom: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.pun .main-content {
    background-color: #FBFBFB;
    border: 1px solid #B9C4CD;
}

.pun table.table td {
    background: #ffffff url(http://illiweb.com/fa/empty.gif) repeat-x top left;
    border-top: 1px solid #FFFFFF;
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    line-height: 130%;
    padding-bottom: 0.7em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background: #FFFFFF url(http://illiweb.com/fa/empty.gif) repeat-x top left;
    border-top: 1px solid #FFFFFF;
}

.pun table.table th {
    background: #ffffff url() repeat-x 0 50%;
    color: #333333;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
}

#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8;
}

.for_topics {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_topics span {
    display: block;
    color: #105289;
    font-size: 10px;
}

.for_posts {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_posts span {
    display: block;
    color: #105289;
    font-size: 10px;
}

.page-title h2, .page-title span {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid !important;
    background-color: !important;
    padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
  background: !important;
  border: none;

}

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i.imgur.com/AneOCBd.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-navlinks ul {
    text-align: center;
}
#pun-navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
#pun-navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}


.main .main-foot{
    background-color: #fff;
    color: #666;
    font-weight: 400;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.7em;
}

.pun a:link { color: #205289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}

#pun-title {
    display: none;
}

.pun .post {
    border: 1px solid #CBDAEA;
    margin: 10px;
    background: #FDFEFF;
}

.postfoot {
    border-top: 1px solid #CBDAEA;
    clear: both;
    margin-left: -17em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
    background: #F4FAFF;
}

.pun .postmain {
    background-color: #FDFEFF;
    border-left: 1px solid #CBDAEA;
    margin-left: 17em;
}
.pun .posthead {
    background-color: #F4FAFF;
    border-bottom: 1px solid #CBDAEA;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1.3em;
    padding-top: 0.5em;
}

.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.user-contact a {
    background-color: #2e425a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}

.codebox {
    background-color: #E4EAF2;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    border: 1px solid #8394B2;
    border-left: 4px solid #8394B2;
}
.codebox dt {
    border-bottom: 1px solid #8394B2;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.25em;
    font-weight: bold;
    color: #8394B2;
}
.codebox dd {
    background-color: #fff;
    color: #435C7A;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.postmain blockquote {
    background-color: #FFFFFF;
    border: 1px solid #4E6A97;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
}

#pun-about {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    line-height: 150%;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
    text-align: right;

}
#pun-about ul {
    list-style-type: none;
}
#pun-about ul li {
    display: inline;
}
#pun-about ul li a {
    font-weight: normal;
    text-decoration: none;
}
#pun-about #qjump {
    display: none;
}

#pun-visit, .main-box {
    background-color: #F4F4F4;
    border: 1px solid #B9C4CD;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;

}

#search_box{display:none;}

dl.codebox.spoiler{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}

.post_field {
font-weight: 700;
}





.forumbg {
background-color: black;
background-image: url(http://i32.servimg.com/u/f32/17/12/21/41/catego11.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #E90B0B;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}









.main .main-head {
background-color: #0C70A3!important;
background-image: url(http://i.imgur.com/H7eKZk0.jpg)!important;
background-position: 50% 50%;
background-repeat: repeat-x;
border-radius: 4px 4px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 2px 0px inset;
color: white;
font-size: 12px;
margin-top: 15px;
padding: 8px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
font-weight: 700;
}






.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

.pun .post {
    background-color: #FAFBFC;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}
 
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
Obrigado

Filipe Caetano
Nível 4

Masculino
Inscrito dia : 04/01/2016
Mensagens : 33
Pontos Ativos : 384

http://equipedayz.forumeiros.com/

Resolvido Re: Sem repetição da imagem de fundo do topo do fórum

Mensagem por RafaelS. em Seg 4 Jan 2016 - 19:32

Olá!

Troque o código CSS por este:

Código:
#pun-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

! É possível que a imagem fique desfocada, pois ela é muito pequena.

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4943

http://maisforum.forumeiros.com

Resolvido Re: Sem repetição da imagem de fundo do topo do fórum

Mensagem por Filipe Caetano em Seg 4 Jan 2016 - 19:46

@RafaelS. escreveu:Olá!

Troque o código CSS por este:

Código:
#pun-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

! É possível que a imagem fique desfocada, pois ela é muito pequena.

Até mais.

Pela 2 vez, muito obrigado Rafael! Agradeço muito. Lots Party valeuuu

Filipe Caetano
Nível 4

Masculino
Inscrito dia : 04/01/2016
Mensagens : 33
Pontos Ativos : 384

http://equipedayz.forumeiros.com/

Resolvido Re: Sem repetição da imagem de fundo do topo do fórum

Mensagem por RafaelS. em Seg 4 Jan 2016 - 19:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4943

http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5