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
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Harleen
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Lincoln
 
APOllO
 
Shek
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
290 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 285 Visitantes :: 2 Motores de busca

Daemon, Harleen, Kyo Panda, Marcelo22m2, paulim78

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Colocar imagem no fundo

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

Resolvido Colocar imagem no fundo

Mensagem por Stonay em 13/04/15, 08:38 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://stonecraft.forumeiros.eu

Descrição do problema

Estou precisando colocar a imagem de fundo igual deste fórum:
http://bloodcraft.forum-livre.com/
Aquela "Pedra" lá no fundo.

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por Luis_xD em 13/04/15, 09:04 pm

Olá stonay

Adicione este Codigo no seu Css

body{
background: url('LINK_DA_IMAGEM_DESEJADA') no-repeat top center;
backdround-size: 100% auto;
background-attachment: fixed;
}

Agrada?

Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

http://teesteforumeiros.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Sennior em 13/04/15, 11:27 pm

Saudações,

É... Eu não vi pedra alguma, mas como cita que é o fundo creio que seja isto:
Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
body {background-attachment: scroll;background-color: #fff;background-image: url(http://hitsk.in/t/18/71/38/i_background.png);color: #080808;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size: 10px;height: auto;padding: 10px 0;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 05:39 pm

@Sennior
Coloquei e não resultou..

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 05:42 pm

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
.pun {
  background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 05:44 pm

Coloquei o código do @Sennior e o seu e não está resultando..

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 05:46 pm

Olá,

Peço que me passe sua Folha de estilo CSS

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 05:48 pm

Aqui está:
Spoiler:
html ,.smiley-frame {
background: #121212;
}
body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #1A1A1A url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 05:56 pm

Olá,

Substitua por este

Código:
html ,.smiley-frame {
background: #121212;
}
body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #1A1A1A url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 06:02 pm

Poderia dar uma olhada no fórum? O Código bugou

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por Shaman em 14/04/15, 06:23 pm

Como assim "bugou" para mim seu fórum está normal Louco
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 06:26 pm

Olá,

Altere sua Folha de estilo CSS por este

Código:
html ,.smiley-frame {
background: #121212;
}
body {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #1A1A1A url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 06:38 pm


Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 06:42 pm

Olá,

Trocou pela Folha de estilo CSS que e passei(a ultima) ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 06:43 pm

Sim

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 06:49 pm

Olá,

Altere por esta Folha de estilo CSS

Código:
html ,.smiley-frame {
background: #121212;
}
body {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
border: 1px solid #2D2D2D;
}

#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 06:53 pm


Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por iPrompt em 14/04/15, 06:57 pm

Olá,

Altere por este código

Código:
html ,.smiley-frame {
background: #121212;
}
body {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background-color: transparent!important;
border: 1px solid #2D2D2D;
}

#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
  background-color: transparent!important;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
  background-color: transparent!important;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5312
Pontos Ativos : 6769

http://webskins.forumeiros.com/

Resolvido Re: Colocar imagem no fundo

Mensagem por Stonay em 14/04/15, 06:59 pm

Mesma coisa

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

http://stonecraft.forumeiros.com.pt/

Resolvido Re: Colocar imagem no fundo

Mensagem por Sennior em 15/04/15, 01:00 am

Saudações,

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
body {
  background-attachment: scroll;
  background-color: transparent!important;
  background-image: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
  color: #080808;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  height: auto;
  padding: 10px 0;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem no fundo

Mensagem por Sennior em 22/04/15, 07:07 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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