Imagem no rodapé do fórum

4 participantes

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

Tópico resolvido Imagem no rodapé do fórum

Mensagem por DarkCode 26.06.11 15:48

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 23:41, editado 1 vez(es)
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Dury 26.06.11 16:09

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
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 26.06.11 16:16

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
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Dury 26.06.11 16:29

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
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 26.06.11 16:35

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://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 */
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Dyana Dark 30.06.11 5:08

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
Dyana Dark

Dyana Dark
**

Membro desde : 17/08/2010
Mensagens : 58
Pontos : 102

http://mjmydream.ativoforum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 20:53

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?
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 21:11

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 Piscada
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 21:18

Boa tarde,

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 21:23

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
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 21:26

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 21:30

Mas quero é essa mesmo :s

Mostre me um exemplo como ficaria sff
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 21:32

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 21:34

olá de novo.

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

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 21:36

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 23:20

Boas!

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

Esta dá?
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 23:37

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 23:41

Resultou!

Muito obrigado Mr. Supero (+)
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 23:44

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;
}
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 23:49

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

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 30.06.11 23:52

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;
}
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 30.06.11 23:55

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

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Askum 30.06.11 23:56

Comigo funcionou centinho.
Askum

Askum
*****

Membro desde : 15/05/2011
Mensagens : 459
Pontos : 650

http://extrasenses.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:00

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!
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 01.07.11 0:06

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

Falta aquele bocadinho em baixo =D
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:08

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 01.07.11 0:12

Continua com o branco à mostra :s
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:18

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


Última edição por Mr. Supero em 01.07.11 0:23, editado 1 vez(es)
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 01.07.11 0:23

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 Piscada
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:26

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!
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 01.07.11 0:28

Olá!

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

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:31

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por DarkCode 01.07.11 0:33

Boas!

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

Cumps Piscada
DarkCode

DarkCode
Super Membro

Membro desde : 24/02/2008
Mensagens : 1188
Pontos : 1591

http://www.forumjovem.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no rodapé do fórum

Mensagem por Convidad 01.07.11 0:35

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

Convidad
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos