Imagem no rodapé do fórum

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

Resolvido Imagem no rodapé do fórum

Mensagem por DarkCode em 26/06/11, 11:48 am

Qual é sua questão:
Boas!

Gostava de saber se há algum código que dei para colocar uma imagem no rodapé do fórum, onde tem os links da forumeiros.

Cumps

Que medidas você tomou para corrigir o problema:
Pesquisa

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
http://www.extravaganzalive.com

Versão do fórum:
PHPBB3


Última edição por DarkCode em 30/06/11, 07:41 pm, editado 1 vez(es)
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Dury em 26/06/11, 12:09 pm

Olá e bom dia!

Veja se esse código da certo:
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Código:
/* Imagem no Footer (abaixo do blog) */
#footer {
background-image: url("http://www.illiweb.com/bl/logo.png");
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 20px;}

Até mais!
Muito feliz
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 26/06/11, 12:16 pm

Olá,

Não resultou :s

Tipo, tenho uma imagem no css que talvez seja essa do rodapé, se for ao meu fórum vai ver no final uma linha de uma imagem em preto, era essa imagem que queria puxar para cima para cobrir os links da forumeiros...

Pode ver aqui:
http://www.extravaganzalive.com


Cumps
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Dury em 26/06/11, 12:29 pm

Olá,

Seria uma imagem que está bem ao final da página? Poderia me enviar neste tópico o CSS do seu fórum?

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 26/06/11, 12:35 pm

@Jeffrey escreveu:Olá,

Seria uma imagem que está bem ao final da página? Poderia me enviar neste tópico o CSS do seu fórum?

Até mais!
Piscada

Exacto, é a linha em preto que está perto do branco Piscada

Aqui está:
Código:
/* Inicio - Busca do Extrava - By: SantolaZ */

button span {
    display: block;
    margin-top: -1px;
    position: relative;
    white-space: nowrap;
}



#adminbarsearch {
    float: right;
}button.adminbar-button {
    background: url("http://s2.wp.com/i/sprite.png?6") no-repeat scroll right -107px transparent;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif !important;
    margin: 0 !important;
    padding: 0 14px 0 0;
    text-align: center;
    text-shadow: 0 1px 0 #EEEEEE !important;
}button {
    border: 0 none;
    cursor: pointer;
    overflow: visible;
    padding: 0;
    position: relative;
}


.adminbar-input {
    -moz-border-radius: 0 0 0 0 !important;
    background: url("http://s2.wp.com/i/sprite.png?6") no-repeat scroll left top #DDDDDD !important;
    border: 1px solid #626262 !important;
    display: block !important;
    float: left !important;
    font: 12px Arial,Helvetica,sans-serif !important;
    margin-right: 3px !important;
    outline: medium none;
    padding: 2px 3px !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

button.adminbar-button span {
    background: url("http://s2.wp.com/i/sprite.png?6") no-repeat scroll left -69px transparent;
    color: #444444 !important;
    height: 19px;
    padding: 3px 0 0 14px;
}

button {
    border: 0 none;
    cursor: pointer;
    overflow: visible;
    padding: 0;
    position: relative;
}

/* Fim - Busca do Extrava - By: SantolaZ */







/* Actualizado por: Alone */
/* Copia a vontade depois o teu extrava faz queixa a forumeiros! */

  #login_popup {
    background-color:transparent;border: 0px;border-style: none;
    }


    #login_popup .h3 {
    visibility:hidden;background-color:transparent;border: 0px;border-style: none;
    }

    #login_popup_content{
    background-color:transparent;border: 0px;border-style: none;
    }





.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png); color: blue; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px;}




#page-header .navbar ul.linklist li{
padding: 10px;
}






#phpbb  {
padding-top: 37px;
background: #595959 url('http://i34.tinypic.com/2wn1dg0.jpg') repeat-x -50px -3px;
margin-top: 177px;
}













#page-header .navbar {
position: absolute;
padding: 0px;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
border: 0px solid #cccccc;
background: none;
}
#page-header #logo{
position: absolute;
top: 80px;
}

.navbar {
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #ccc;
-moz-border-radius: 0px 0px 0px 0px;
height: 30px;
margin-left:-6px;
margin-right: -6px;
}

.forabg, .forumbg {
background-image: url(http://img716.imageshack.us/img716/299/barraverdjjjjkjjjjjhhe4.png);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

ul.topiclist dd {
border-left: 0px;
}


#i_icon_mini_index, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_members,
#i_icon_mini_groups, #i_icon_mini_profile, #i_icon_mini_register, #i_icon_mini_message, #i_icon_mini_logout, #i_icon_mini_calendar, #i_icon_mini_portal, #i_icon_mini_login, #i_icon_mini_gallery, #i_whosonline {
display: none;
}

#page-header .navbar ul.linklist {
border-bottom: 0px;
}

#page-header #search-box {
margin-top: -16px;
}


#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar {
padding: 8px;
text-align: center;
}

#page-header .navbar ul.linklist li a{
color: #fff;
text-align: center;
font-size: 13px;
text-shadow: 0.1em 0em 0.2em #555;
}

#page-header .navbar ul.linklist {
margin-bottom: -4px;
}



#search-box {
display:none !important;
}


div.h3 {
border-color: #696969 !important;
}

dl.codebox code {
color: #000000;
}

.navbar {
padding: 15px;
}

p.center-overview {
font-size: 10px;
}

#li.row {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #000000;
}

#li.row:hover {
background-color: #000000;
}

#flutu {
text-align: right;
}

.mes-txt {
border: 1px solid #ccc;
background-image: url();
background-repeat: repeat-x;
background-position: bottom;
-moz-border-radius:10px;
}

.hosped {
border: 1px solid #ccc;
width:550px;
text-align:center;
background-image: url();
background-repeat: repeat-x;
background-position: bottom;
-moz-border-radius:10px;
height:35px;
padding-top: 15px;
}

.resizebox .resize_border {
background-color: #ccc;
-moz-border-radius:10px;
border:1px solid #000;
}

a.fullsize {
color: transparent !important;
background-image: url('http://img257.imageshack.us/img257/2408/redp.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}

.resize {
color: transparent !important;
background-image: url('http://img689.imageshack.us/img689/8599/redi.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}

a.enlarge {
color: transparent !important;
background-image: url('http://img94.imageshack.us/img94/2435/reda.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 10px 5px;
min-height: 40px;
-moz-border-radius: 0px 0px 0px #fff;
border:1px dotted #ccc;
}
.feedburnerFeedBlock li:hover {
background-color: #f2f2f2;
}

.feedburnerFeedBlock li a{
font-size: 1.2em;
font-family: Arial,Helvetica,sans-serif;
background: url(http://www.forumeiros.com/i/img/puce_fleche.png) 0% 50% no-repeat;
padding-left: 15px;
color: #000;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.date {
margin: -2px 0px;
font-size: 1.0em;
background: url(http://illiweb.com/fa/subsilver/icon_miniposted.gif) 0% 50% no-repeat;
padding-left: 15px;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.feedItemAuthor {
margin: -2px 0px;
font-size: 1.0em;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock ul li div {
color: #000;
line-height: 100%;
text-align: justify;
-moz-border-radius: 0px 0px 0px #fff;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */
hr {
color: #ccc;
background-color: #ccc;
border: 0px solid #ccc;
}
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ccc;
display: none;
background-image: url('http://img15.imageshack.us/img15/9581/alt.png');
background-position: center bottom;
background-repeat: repeat-x;
-moz-box-shadow: 0 0 1em #ccc;
}

.post img {
max-width: 100%;
}

.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border-bottom: 0px solid #000000;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #1675BC;
-moz-border-radius: 10px;
}

.h3 {
text-align: center;
}

h1.page-title {
color: #ccc;
}

.post .content img {max-width: 100%;}
.postbody ul.profile-icons {margin-right: 0px;}
.postbody ul.profile-icons li {margin: 0 0px;}
*html body {padding-top: 25px;}
.search .postbody img {max-width: 100%;}

input.button1, input.button2, button.button2 {
background-image: url('http://illiweb.com/fa/empty.gif');
-moz-border-radius: 2px;
outline: none;
}

.signature {
border: 1px solid #ccc;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
}

#wrap {
border: 1px solid #ccc;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #ccc;
background-image: url('http://hitskin.com/themes/13/48/91/i_background.png');
background-position: bottom;
background-repeat: repeat-x;
}

.forumbg.announcement {
border: 0px solid #ccc;
margin-top: 10px;
}

li.row dl.icon dd.dterm {
text-shadow: none;
}

.forumbg, .forabg {
width: 98%;
border: none;
margin-top: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.table-title h2, dl.icon dt, dl.icon dd.dterm {
text-shadow: none;
}

li.row dl.icon dd.dterm {
text-shadow: none;
}

tr.row3 {
border: 1px solid #ccc;
}

.forabg {
border: 1px solid #D3D3D3;
}

.table-title, .table-title h2, li.header dt, li.header dd {
color: #ccc;
font-size:10px;
}


#page-header .navbar {
box-shadow: 3px 3px 5px #f2f2;
-moz-box-shadow: 0 0 1em #f2f2;
-webkit-box-shadow: 3px 3px 5px #f2f2;
}

.search-box, #search-box {
display: none;
}




.postprofile {
text-align: left;
}


#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}

#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
background-color: #f2f2f2;
color: #000000;
}
#infobar a:hover {
background-color: #CBCBCB;
color: #000000;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #dedede;
}
table.table2 {
margin: 0 -2px -1px -1px;
text-align:center;
margin-left: 320px;
border:1px dotted #ccc;
}
table.table3 {
margin-left: 0px;
border:1px dotted #ccc;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:link:hover,a:active:hover,a:visited:hover {
text-decoration: underline;
}
body {
padding: 25px;
}
#chatbox, body.chatbox, .chatbox {
border: 0px solid #000000;
}
#chatbox_members, #chatbox_footer {
border: 0px solid #000000;
background-color: transparent !important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
border-left: 0px solid #000000;
}

.fontbutton, .fontbutton_normal, .fontbutton_selected, .fontbutton_clicked, .fontbutton_hover {
background-color: transparent !important;
}

.blog_message {
margin-left: 19px;
}
body {
padding-top: 15px;
}

.post {
border: 1px solid #595959;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}



.post {
background-image: url('http://img15.imageshack.us/img15/9581/alt.png');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #cccccc;
-moz-border-radius: 10px;
}

dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 10px 10px;
}

a {
outline: none;
}




.postprofile dd, .postprofile dt {
line-height:1.2em;
}


.table-title, .table-title h2, ul.topiclist li.header dl dd  {
color:#363636;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.0em;
font-weight:700;
text-decoration:none;
}



/* Olá! Nao adianta estares no codigo fonte. Nos somos originais, por isso se copiares, nos fazemos queixa a forumeiros e o teu forum é fechado, por isso estas a vontade =D */
/* Actualizasion by: SantolaZ */
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Dyana Dark em 30/06/11, 01:08 am

Eu tenho a mesma dúvida, mais eu queria que a imagem ficasse na parte inferior do fórum mais como se fosse plano de fundo Feliz
avatar

Dyana Dark
Nível 5

Feminino
Inscrito dia : 16/08/2010
Mensagens : 58
Pontos Ativos : 102

Ver perfil do usuário http://mjmydream.ativoforum

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 04:53 pm

Boa tarde,

Eu não entendi! Você quer colocar uma imagem de fundo nos créditos da forumeiros em seu footer ou após eles? Poderia ser mais claro?

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 05:11 pm

Quero colocar a imagem nos créditos:

Print:
http://img402.imageshack.us/img402/8710/printsa.png

Essa imagem em preto, quero a puxar até aos créditos Piscada
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 05:18 pm

Boa tarde,

Me passe o endereço da imagem que deseja como background.

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 05:23 pm

Tem o css todo do meu fórum mais acima, mas fica aqui a imagem:
http://hitskin.com/themes/13/48/91/i_background.png
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 05:26 pm

Ficará MUITO feio o efeito com essa imagem.. forneça uma outra que tenha pelo menos, 400px de altura. Piscada

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 05:30 pm

Mas quero é essa mesmo :s

Mostre me um exemplo como ficaria sff
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 05:32 pm

A imagem é pequena, certo? Por isso, temos de dizer ao css para multiplicá-la verticalmente ou horizontalmente, ou um ou outro, pois os dois não dá para fazer. Só que, a imagem é muita pequena, logo, é impossível fazê-la cobrir todo o seu footer... entendeu o problema? Por isso ela tem de ter uma altura maior que a largura (em todo website é assim que os programadores usam).

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 05:34 pm

olá de novo.

Irei pedir a um designer para fazer uma do genero, que medidas voçê acha melhor ?
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 05:36 pm

De 150 à 200 de altura e de 15 à 20,25 de largura.

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 07:20 pm

Boas!

Aqui está outra imagem:
http://img101.imageshack.us/img101/5894/unled1fss.jpg

Esta dá?
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 07:37 pm

Boa noite,

Se o seu fórum NÃO USA códigos para arredondar o rodapé, adicione o seguinte código:

.navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
}

Se o seu fórum USA códigos para arredondar o rodapé, adicione o seguinte código:

.navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
}
.navbar img{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;}

Atenciosamente.

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 07:41 pm

Resultou!

Muito obrigado Mr. Supero (+)
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 07:44 pm

Boa noite,

Eu vi o resultado no seu fórum e vi que ficou uma barrinha branca entre o footer e as laterais do fórum, tanto na esquerda como na direita. Tente resolver o problema adicionando o seguinte trecho no código:

.navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

2º aviso: para remover aquela faixa preta no finzinho do fórum, procure e remova o seguinte trecho do seu css:

#wrap {
border: 1px solid #ccc;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #ccc;
background-image: url('http://hitskin.com/themes/13/48/91/i_background.png');
background-position: bottom;
background-repeat: repeat-x;
}

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 07:49 pm

Ficou direitinho já...!

Só mais uma pergunta, tem como colocar aquela imagem até ao resto do final do fórum? É que abaixo da imagem fica uma parte em branco.
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 07:52 pm

Acho que sim! Pegue o código e adicione o seguinte:

#page-footer, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 07:55 pm

Ainda falta um pouco para chegar ao final do fórum e também fica uma linha em branco em cima da imagem :s
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Askum em 30/06/11, 07:56 pm

Comigo funcionou centinho.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:00 pm

Remova todos os códigos que eu citei no tópico e adicione SOMENTE o seguinte:

#page-footer, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
}

Eu testei e funcionou perfeitamente em PHPBB3 no meu fórum de testes. Outra coisa, acho que o efeito também não deve estar sendo 100% em seu fórum como foi no meu de testes, porque você inseriu aquela mensagem de copyright..

ps: se você alterar o meu código e tentar por conta própria, pode gerar erros, então cuidado, pois acho que você o alterou sim!

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 08:06 pm

Veja como fica:
http://img692.imageshack.us/img692/3446/rodapm.png

Falta aquele bocadinho em baixo =D
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:08 pm

Tente o seguinte:

#page-footer, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
padding-bottom: 50px;
}

Altere o valor em negrito para o desejado. Diga-nos se resulta.

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 08:12 pm

Continua com o branco à mostra :s
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:18 pm

Eu já estou envergonhado em estar respondendo toda hora ao tópico, mais vamos lá, mais uma nova tentativa!

#page-footer, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
bottom: 0;
}

Se não funcionar, tente:

.copyright, #page-footer, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
bottom: 0;
}

Ps: antes de adicionar estes, remova os anteriores, SEMPRE!

Ps: mensagem acaba de ser editada, havia um erro no código


Última edição por Mr. Supero em 30/06/11, 08:23 pm, editado 1 vez(es)

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 08:23 pm

Olá!

Nenhum dos dois funciona, o primeiro faz com que não apareca os créditos da forumeiros e o painel de controlo, e o segundo fica na primeira secção do fórum muito esquisito :s

Se não conseguir, uso este:
.navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

Não há problema Piscada
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:26 pm

Já sei!

Código:
#wrap, #page-footer, .copyright, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

Remova os anteriores e adicione este!

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 08:28 pm

Olá!

A questão do fundo ficou como eu queria, mas o forum em geral ficou esquisito LOL
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:31 pm

Código:
#page-footer > #wrap, .copyright, .navbar{
background-image: url("http://img101.imageshack.us/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

Se não funcionar, não há como e terá mesmo de ficar com o ".navbar {}", pois estive observando a hierarquia de programação do PHPBB3 e vi que não há como fazermos isso, pois não há uma div específica após a #page-footer.... Piscada

Convidad
Convidado


Resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode em 30/06/11, 08:33 pm

Boas!

Fica com a parte em baixo em branco, não faz mal, obrigado por tudo Mr. Supero

Cumps Piscada
avatar

DarkCode
Membro do Fórum

Masculino
Inscrito dia : 24/02/2008
Mensagens : 1188
Pontos Ativos : 1591

Ver perfil do usuário http://www.forumjovem.com

Resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad em 30/06/11, 08:35 pm

Bom, espero ter lhe ajudado. Para o que precisar estamos aqui. Piscada

Convidad
Convidado


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