Imagem no rodapé do fórum

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

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!

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

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!

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!

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

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://2img.net/i/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://2img.net/i/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 */

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

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?

Quero colocar a imagem nos créditos:

Print:
https://2img.net/r/ihimizer/img402/8710/printsa.png

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

Boa tarde,

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

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

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

Mas quero é essa mesmo :s

Mostre me um exemplo como ficaria sff

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).

olá de novo.

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

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

Boas!

Aqui está outra imagem:
https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg

Esta dá?

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("https://2img.net/r/ihimizer/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("https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
}
.navbar img{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;}

Atenciosamente.

Resultou!

Muito obrigado Mr. Supero (+)

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("https://2img.net/r/ihimizer/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;
}

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.

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

#page-footer, .navbar{
background-image: url("https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

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

Comigo funcionou centinho.

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

#page-footer, .navbar{
background-image: url("https://2img.net/r/ihimizer/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!

Veja como fica:
https://2img.net/r/ihimizer/img692/3446/rodapm.png

Falta aquele bocadinho em baixo =D

Tente o seguinte:

#page-footer, .navbar{
background-image: url("https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
padding-bottom: 50px;
}

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

Continua com o branco à mostra :s

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("https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
bottom: 0;
}

Se não funcionar, tente:

.copyright, #page-footer, .navbar{
background-image: url("https://2img.net/r/ihimizer/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

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("https://2img.net/r/ihimizer/img101/5894/unled1fss.jpg");
background-repeat: repeat-x;
margin: 0; padding: 0;
}

Não há problema

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!

Olá!

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

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....

Boas!

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

Cumps

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