Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosFundo da imagem
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Fundo da imagem
por Keep 25.04.12 13:48
Qual é minha questão:
Trocar o fundo cinza por uma imagem como faço?
Medidas que eu tomei para corrigir o problema:
-
Links e imagens do meu problema:
https://i.imgur.com/Gtc5v.png
Endereço do meu fórum:
http://elitepointblank.forumeiros.com/
Versão do meu fórum:
PHPBB3
Trocar o fundo cinza por uma imagem como faço?
Medidas que eu tomei para corrigir o problema:
-
Links e imagens do meu problema:
https://i.imgur.com/Gtc5v.png
Endereço do meu fórum:
http://elitepointblank.forumeiros.com/
Versão do meu fórum:
PHPBB3
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Re: Fundo da imagem
por Keep 25.04.12 13:48
Código utlilizado
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="shortcut icon" href="http://us.eslgfx.net/nodelogo/pointblank_small.gif" type="image/x-icon">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #C0C0C0 url(http://i.imgur.com/qNfoF.png) no-repeat top;
position:relative;
<br>
<br>
<br>
<br>
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #000000;
}
h1 {
font-variant: small-caps;
color: #000000;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #6cc606;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #666666;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #99CC00;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: url(http://i.imgur.com/5HCd2.png) top right no-repeat;
background-color: #E6E6E6 ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 500px;
}
#edito a:link, #edito a:visited {
color: #000000;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por JUFASA*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>Elite PB</title>
</head>
<body>
<div id="holder"> <div
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<div id="footer_terms">
<h1><a href=""><strong></strong></a></h1>
</div>
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="http://elitepointblank.forumeiros.com/"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Forum</a> </li>
<li> | </li>
<li> <a href="/portal">Portal</a> </li>
<li> | </li>
<li> <a href="/h42-">Banners</a> </li>
<li> | </li>
<li> <a href="/t11-parceria-com-elitepb-">Parceiras</a> </li>
<li> | </li>
<li> <a href="/t12-entre-em-contato-com-a-administracao-">Contacto</a> </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Seja Bem-Vindo ao ElitePB</h2>
<p>Chegou um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas actualizações, Nós estamos sempre a inovar desde sempre! </p>
<a href="http://elitepointblank.forumeiros.com/h1-redionamento" id="button_edito">ENTRAR NO PB</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Sobre o Forum</h1>
<p> <em> Apresentação rápida do Forum . </em></p>
<p>Este Forum tem como objectivo de ajudar a esclarecer as duvidas dos usuários, Divertir um pouco, Conviver, entre outras coisas. <br> Venha Conhecer-nos!<br><br><em> Para mais informações:</em><br>ElitePB@live.com </p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Atenção</h1>
<p><em>16/03/2012</em><strong>Regras Gerais</strong></p>
<p><a href="/t5-regras-elite-pb">Clique aqui para aceder à página onde contem as regras do forum destinadas a todos os membros!</a> </p>
<p><em>»</em><strong> Actualizações </strong></p>
<p><a href="/t13-atualizacoes-">Saiba todas as nossas actualizações, novas funcionalidades, entre outras coisas clicando aqui!</a></p>
<a href="/f1-anuncios" class="content_button">Anúncios</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Membro do Mês</h1>
<p>Melhor membro deste mês:</p><br>
<ul>
<a href="LINK USUÁRIO"> <img src="http://i.imgur.com/mZl1q.jpg" alt="Membro"/> </a>
</ul>
<a href="LINK OUTRO USUARIO-" class="content_button">Outros</a>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>ElitePB ©2011 - 2012 | Criado/Editado por <a href="/u1">JUFASA/ElitePB</a> | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
<center><font color=#7aaec6>Faça dowload do Google chrome para melhor visualização!</font></center>
</div>
<!-- END FOOTER -->
</div>
<!-- END HOLDER -->
</body>
</html>
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Re: Fundo da imagem
por Troubleshoot 25.04.12 14:01
Olá, infelizmente tal opção não sera possível !
Se reparar no seu código o fundo já é uma imagem:
O que você pode fazer é criar ou pedir na seção gráfica um 'Wallpaper' para colocar como fundo junto com a logo.
Até mais.
Se reparar no seu código o fundo já é uma imagem:
O que você pode fazer é criar ou pedir na seção gráfica um 'Wallpaper' para colocar como fundo junto com a logo.
Até mais.
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Re: Fundo da imagem
por Seikon 25.04.12 14:07
Ola, Procure por: Body {, em seu css porem sem a virgula e substitua o codigo pelo codigo abaixo e se resultar avise-me afinal meu forum tambem é de 2 Background(Fundo) lembrando que qualquer duvida me pergunte e mude o valor da Imagem de fundo pelo link da imagem
body {
width: 790px;
margin: 0 auto;
background: url(https://i.imgur.com/qNfoF.png) top center no-repeat, url(IMAGEM-DE-FUNDO-DESEJADO) top center repeat-x ;
position:relative;
<br>
<br>
<br>
<br>
}
Seikon- ****
- Membro desde : 07/08/2010
Mensagens : 362
Pontos : 520 -
Re: Fundo da imagem
por Troubleshoot 25.04.12 14:14
Desculpe, tente trocar seu código por este:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="shortcut icon" href="http://us.eslgfx.net/nodelogo/pointblank_small.gif" type="image/x-icon">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #C0C0C0 url(http://images4.fanpop.com/image/photos/15600000/PB-wallpaper-point-blank-online-15602693-1600-1200.jpg) no-repeat top;
position:relative;
<br>
<br>
<br>
<br>
}
#logo {
margin-rght: 5px !important;
margin-top: -730px;
margin-right: -15px;
position: fabsolute;
rght: 5px;
z-index: 999;
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #000000;
}
h1 {
font-variant: small-caps;
color: #000000;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #6cc606;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #666666;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #99CC00;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: url(http://i.imgur.com/5HCd2.png) top right no-repeat;
background-color: #E6E6E6 ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 500px;
}
#edito a:link, #edito a:visited {
color: #000000;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por JUFASA*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>Elite PB</title>
</head>
<body>
<div id="holder"> <div
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<div id="footer_terms">
<h1><a href=""><strong></strong></a></h1>
</div>
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="http://elitepointblank.forumeiros.com/"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Forum</a> </li>
<li> | </li>
<li> <a href="/portal">Portal</a> </li>
<li> | </li>
<li> <a href="/h42-">Banners</a> </li>
<li> | </li>
<li> <a href="/t11-parceria-com-elitepb-">Parceiras</a> </li>
<li> | </li>
<li> <a href="/t12-entre-em-contato-com-a-administracao-">Contacto</a> </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Seja Bem-Vindo ao ElitePB</h2>
<p>Chegou um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas actualizações, Nós estamos sempre a inovar desde sempre! </p>
<a href="http://elitepointblank.forumeiros.com/h1-redionamento" id="button_edito">ENTRAR NO PB</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Sobre o Forum</h1>
<p> <em> Apresentação rápida do Forum . </em></p>
<p>Este Forum tem como objectivo de ajudar a esclarecer as duvidas dos usuários, Divertir um pouco, Conviver, entre outras coisas. <br> Venha Conhecer-nos!<br><br><em> Para mais informações:</em><br>ElitePB@live.com </p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Atenção</h1>
<p><em>16/03/2012</em><strong>Regras Gerais</strong></p>
<p><a href="/t5-regras-elite-pb">Clique aqui para aceder à página onde contem as regras do forum destinadas a todos os membros!</a> </p>
<p><em>»</em><strong> Actualizações </strong></p>
<p><a href="/t13-atualizacoes-">Saiba todas as nossas actualizações, novas funcionalidades, entre outras coisas clicando aqui!</a></p>
<a href="/f1-anuncios" class="content_button">Anúncios</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Membro do Mês</h1>
<p>Melhor membro deste mês:</p><br>
<ul>
<a href="LINK USUÁRIO"> <img src="http://i.imgur.com/mZl1q.jpg" alt="Membro"/> </a>
</ul>
<a href="LINK OUTRO USUARIO-" class="content_button">Outros</a>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>ElitePB ©2011 - 2012 | Criado/Editado por <a href="/u1">JUFASA/ElitePB</a> | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
<center><font color=#7aaec6>Faça dowload do Google chrome para melhor visualização!</font></center>
<div id="logo"><img src="http://i.imgur.com/qNfoF.png"></img>
</div>
<!-- END FOOTER -->
</div>
<!-- END HOLDER -->
</body>
</html>
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Re: Fundo da imagem
por Seikon 25.04.12 14:16
Sim, sasuky passou junto com o codigo que dei certo? porem uma duvida a pagina que tu nos deste o link é uma pagina Html? se for é melhor passar o codigo do html da pagina pois se não nem resultara
Seikon- ****
- Membro desde : 07/08/2010
Mensagens : 362
Pontos : 520 -
Re: Fundo da imagem
por Troubleshoot 25.04.12 14:19
Seikon escreveu:Sim, sasuky passou junto com o codigo que dei certo? porem uma duvida a pagina que tu nos deste o link é uma pagina Html? se for é melhor passar o codigo do html da pagina pois se não nem resultara
Não, não utilizei o código que você passou.
Eis aqui o 'teste': http://www.rb-forum.net/h19-teste-no-pagina
Até mais.
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Re: Fundo da imagem
por Seikon 25.04.12 14:22
<img src="https://i.imgur.com/qNfoF.png"></img>
Procure pela parte acima e adicione para ficar centralizado o seguinte codigo:
- Código:
<center></center>
Seikon- ****
- Membro desde : 07/08/2010
Mensagens : 362
Pontos : 520 -
Re: Fundo da imagem
por Keep 25.04.12 16:13
<center><img src="https://i.imgur.com/qNfoF.png"></img></center>
assim?
não centralizou...
assim?
não centralizou...
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Re: Fundo da imagem
por Troubleshoot 25.04.12 16:19
Phatrick você utilizou o código que lhe passei?
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="shortcut icon" href="http://us.eslgfx.net/nodelogo/pointblank_small.gif" type="image/x-icon">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #C0C0C0 url(http://images4.fanpop.com/image/photos/15600000/PB-wallpaper-point-blank-online-15602693-1600-1200.jpg) no-repeat top;
position:relative;
<br>
<br>
<br>
<br>
}
#logo {
margin-rght: 5px !important;
margin-top: -730px;
margin-right: -15px;
position: fabsolute;
rght: 5px;
z-index: 999;
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #000000;
}
h1 {
font-variant: small-caps;
color: #000000;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #6cc606;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #666666;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #99CC00;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: url(http://i.imgur.com/5HCd2.png) top right no-repeat;
background-color: #E6E6E6 ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 500px;
}
#edito a:link, #edito a:visited {
color: #000000;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por JUFASA*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>Elite PB</title>
</head>
<body>
<div id="holder"> <div
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<div id="footer_terms">
<h1><a href=""><strong></strong></a></h1>
</div>
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="http://elitepointblank.forumeiros.com/"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Forum</a> </li>
<li> | </li>
<li> <a href="/portal">Portal</a> </li>
<li> | </li>
<li> <a href="/h42-">Banners</a> </li>
<li> | </li>
<li> <a href="/t11-parceria-com-elitepb-">Parceiras</a> </li>
<li> | </li>
<li> <a href="/t12-entre-em-contato-com-a-administracao-">Contacto</a> </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Seja Bem-Vindo ao ElitePB</h2>
<p>Chegou um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas actualizações, Nós estamos sempre a inovar desde sempre! </p>
<a href="http://elitepointblank.forumeiros.com/h1-redionamento" id="button_edito">ENTRAR NO PB</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Sobre o Forum</h1>
<p> <em> Apresentação rápida do Forum . </em></p>
<p>Este Forum tem como objectivo de ajudar a esclarecer as duvidas dos usuários, Divertir um pouco, Conviver, entre outras coisas. <br> Venha Conhecer-nos!<br><br><em> Para mais informações:</em><br>ElitePB@live.com </p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Atenção</h1>
<p><em>16/03/2012</em><strong>Regras Gerais</strong></p>
<p><a href="/t5-regras-elite-pb">Clique aqui para aceder à página onde contem as regras do forum destinadas a todos os membros!</a> </p>
<p><em>»</em><strong> Actualizações </strong></p>
<p><a href="/t13-atualizacoes-">Saiba todas as nossas actualizações, novas funcionalidades, entre outras coisas clicando aqui!</a></p>
<a href="/f1-anuncios" class="content_button">Anúncios</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Membro do Mês</h1>
<p>Melhor membro deste mês:</p><br>
<ul>
<a href="LINK USUÁRIO"> <img src="http://i.imgur.com/mZl1q.jpg" alt="Membro"/> </a>
</ul>
<a href="LINK OUTRO USUARIO-" class="content_button">Outros</a>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>ElitePB ©2011 - 2012 | Criado/Editado por <a href="/u1">JUFASA/ElitePB</a> | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
<center><font color=#7aaec6>Faça dowload do Google chrome para melhor visualização!</font></center>
<div id="logo"><center><img src="http://i.imgur.com/qNfoF.png"></img></center></div>
<!-- END FOOTER -->
</div>
<!-- END HOLDER -->
</body>
</html>
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Re: Fundo da imagem
por Troubleshoot 25.04.12 16:25
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="shortcut icon" href="http://us.eslgfx.net/nodelogo/pointblank_small.gif" type="image/x-icon">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #C0C0C0 url(http://images4.fanpop.com/image/photos/15600000/PB-wallpaper-point-blank-online-15602693-1600-1200.jpg) no-repeat top;
position:relative;
<br>
<br>
<br>
<br>
}
#logo {
margin-rght: 5px !important;
margin-top: -730px;
margin-right: -15px;
position: fabsolute;
rght: 5px;
z-index: 999;
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #000000;
}
h1 {
font-variant: small-caps;
color: #000000;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #6cc606;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(https://i.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(https://i.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #666666;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #99CC00;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: url(https://i.imgur.com/5HCd2.png) top right no-repeat;
background-color: #E6E6E6 ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 500px;
}
#edito a:link, #edito a:visited {
color: #000000;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(https://i.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(https://i.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(https://i.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url(https://i.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(https://i.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por JUFASA*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>Elite PB</title>
</head>
<body>
<div id="holder"> <div
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<div id="footer_terms">
<h1><a href=""><strong></strong></a></h1>
</div>
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="http://elitepointblank.forumeiros.com/"> <img src="https://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Forum</a> </li>
<li> | </li>
<li> <a href="/portal">Portal</a> </li>
<li> | </li>
<li> <a href="/h42-">Banners</a> </li>
<li> | </li>
<li> <a href="/t11-parceria-com-elitepb-">Parceiras</a> </li>
<li> | </li>
<li> <a href="/t12-entre-em-contato-com-a-administracao-">Contacto</a> </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Seja Bem-Vindo ao ElitePB</h2>
<p>Chegou um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas actualizações, Nós estamos sempre a inovar desde sempre! </p>
<a href="http://elitepointblank.forumeiros.com/h1-redionamento" id="button_edito">ENTRAR NO PB</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Sobre o Forum</h1>
<p> <em> Apresentação rápida do Forum . </em></p>
<p>Este Forum tem como objectivo de ajudar a esclarecer as duvidas dos usuários, Divertir um pouco, Conviver, entre outras coisas. <br> Venha Conhecer-nos!<br><br><em> Para mais informações:</em><br>ElitePB@live.com </p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Atenção</h1>
<p><em>16/03/2012</em><strong>Regras Gerais</strong></p>
<p><a href="/t5-regras-elite-pb">Clique aqui para aceder à página onde contem as regras do forum destinadas a todos os membros!</a> </p>
<p><em>»</em><strong> Actualizações </strong></p>
<p><a href="/t13-atualizacoes-">Saiba todas as nossas actualizações, novas funcionalidades, entre outras coisas clicando aqui!</a></p>
<a href="/f1-anuncios" class="content_button">Anúncios</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Membro do Mês</h1>
<p>Melhor membro deste mês:</p><br>
<ul>
<a href="LINK USUÁRIO"> <img src="https://i.imgur.com/mZl1q.jpg" alt="Membro"/> </a>
</ul>
<a href="LINK OUTRO USUARIO-" class="content_button">Outros</a>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>ElitePB ©2011 - 2012 | Criado/Editado por <a href="/u1">JUFASA/ElitePB</a> | Hospedado por <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
<center><font color=#7aaec6>Faça dowload do Google chrome para melhor visualização!</font></center>
<div id="logo"><center><img src="https://i.imgur.com/qNfoF.png"></img></center></div>
<!-- END FOOTER -->
</div>
<!-- END HOLDER -->
</body>
</html>
Vá editando o valor em negrito até ficar como desejado.
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Tópicos semelhantes» [Outros] Imagem de fundo das categorias - Médio - Fundo azul
» Tem como por uma imagem pesonalizada no fundo desta imagem
» Imagem de Fundo
» Fundo imagem de fundo
» Imagem no fundo
» Tem como por uma imagem pesonalizada no fundo desta imagem
» Imagem de Fundo
» Fundo imagem de fundo
» Imagem no fundo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos