Imagem próxima ao rodapé

5 participantes

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

Tópico resolvido Imagem próxima ao rodapé

Mensagem por Sparking 03.07.11 19:47

Qual é sua questão:
Eque eu vi em um forum uma img perto do rodape do forum e queria saber como colocar procurei em diverssos tutoriais e o codigo não deu muito certo,
img que quero colocar:
Imagem próxima ao rodapé Pokelo10
link da img: https://i.servimg.com/u/f43/16/63/84/97/pokelo10.jpg


Que medidas você tomou para corrigir o problema:
Procurei tutoriais no forum e no google,

Apresente-nos imagens do problema (se necessário):
Img do que eu quero colocar:
https://i.servimg.com/u/f43/16/63/84/97/ajuda10.jpg

Endereço do fórum:
http://pokeadventurex.forumeiros.com/

Versão do fórum:
PHPBB3
Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Cream 03.07.11 19:48

Olá,

Veja se o tópico lhe ajuda:
https://ajuda.forumeiros.com/t42568p30-

Quaisquer dúvidas comente.
Atenciosamente,
Profile!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking 03.07.11 20:06

deu erro olha o que aconteçeu:
Imagem próxima ao rodapé Aaaep

Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Solkis 03.07.11 20:11

Boa tarde,

Caso não dê certo, existe este também:
Código:
#page-footer
{
   background-image: url(ENDERECO_DA_IMAGEM);
   padding-bottom: ALTURA_DA_IMAGEM;
   background-position: center bottom;
}
#page-footer .navbar {
   padding-bottom: 10px;
}
Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking 03.07.11 20:28

não deu certo vou mostrar como eu coloquei ... as medidas da img tem que ser certinhas? se for me fala que eu mudo,
olha como coloquei o codigo:
Código:
#page-footer
{
  background-image: url(http://imageshack.us/photo/my-images/231/pokeloko.png/)
  padding-bottom: 800 x 330;
  background-position: center bottom;
}
#page-footer .navbar {
  padding-bottom: 10px;
}


Última edição por Sparking em 03.07.11 20:30, editado 1 vez(es)
Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Solkis 03.07.11 20:30

Estava errado, tente este:
Código:
#page-footer
{
  background-image: url('http://imageshack.us/photo/my-images/231/pokeloko.png/')
  padding-bottom: 400px;
  background-position: center bottom;
}
#page-footer .navbar {
  padding-bottom: 10px;
}
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking 03.07.11 20:32

mesmo assim não funçionou '-'
Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Convidad 04.07.11 19:25

Boa tarde,

Leia este tópico e tente adicionar os códigos lá citados e veja se o problema se resolve: https://ajuda.forumeiros.com/t42833-

Só que antes de adicionar um novo código, deverá remover o anterior, lembre-se disso para não adicionar códigos repetidos!

Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por zHugh 04.07.11 20:12

Olá sparking creio que esse codigo resolvera o problema.

#page-footer {
background: transparent url('https://2img.net/h/oi52.tinypic.com/25i6due.png') no-repeat bottom center;
padding-bottom: 395px;
}

Se quiser modifique o valor em vermelho Ok!!
zHugh

zHugh
Membro

Membro desde : 30/03/2010
Mensagens : 751
Pontos : 1215

http://superonzerpg.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking 05.07.11 16:02

Não Aconteçeu nada mesmo se presisarem do meu CSS:
Código:
 /*Inicio do codigo das bordas*/
    .forabg {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }
    .forumbg {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }
    /*Fim do codigo das bordas*/


.profilentour
    {
    text-align:center;
    background:url('http://img809.imageshack.us/img809/6443/fondj.png') #000  no-repeat ;
    width: 190px;
    left:5px;
    position:relative;
    }
 




#wrap {
-moz-box-shadow: 0px 20px 20px ##000000;
-webkit-box-shadow: 0px 20px 20px ##000000;
}



a:hover{color:#0000FF;text-shadow:0px 0px 15px #000000;text-decoration:underline}



.bodyline{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #000000;
}
.postbody img {
    max-width: 600px;
    max-height: 600px;
}
/*---------------------
Personaliza os link
-----------------------*/
a{
    text-decoration: none;
}

/*---------------------
  Personaliza o menu
-----------------------*/

#suckerfishnav {
    background: transparent;
    font-size:12px;
    font-family:Arial,verdana,sans-serif;
    font-weight:bold;
}
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    margin:0;
    width:auto;
}
#suckerfishnav a {
    display:block;
    color: #000000;
    text-decoration:none;
    padding:0px 10px;
}
#suckerfishnav li {
    float:left;
    padding:0;
}
/* caixinha do menu*/
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    width:171px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    background-color: #3a8f08;
    border-left: 0px solid #666666;
    z-index: 3;
}
/* 2 a menos que o anterior (borda que acompanha)*/
#suckerfishnav li li {
    width:169px;
    font-weight:normal;
    font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
    padding:6px 10px;
    width:150px;
    font-size:13px;
    color:#fff;
}

#suckerfishnav li ul ul {
    margin:-25px 0 0 170px;
}
#suckerfishnav li li:hover {
    background:#3a8f08;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    background-color:#2581c2;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    background-color:#3a8f08;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    background-color:#3a8f08;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background-color:#3a8f08;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#3a8f08;
}



   
   
   
    #page-footer {
background: transparent url('http://i52.tinypic.com/25i6due.png') no-repeat bottom center;
padding-bottom: 395px;
}
Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Luciano98 06.07.11 0:06

Olá!

Código:
Código:
;jQuery(document).ready(function(){jQuery('ul#picture_legend').before('<a href=><img src=http://i43.servimg.com/u/f43/16/63/84/97/pokelo10.jpg></a>')});

Não sabe onde utilizar o código?
Spoiler:

Até mais.
Luciano98
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking 06.07.11 1:17

não ta funçionando esses codigos!!
Mais deixa que eu vou usar na na descrição do site la em Cima,
Obrigado pela Atenção,
ps: Desculpem eu fazer voçes perderem tempo ...
Sparking

Sparking
**

Membro desde : 21/02/2011
Mensagens : 50
Pontos : 88

http://superonzerpg.forumais.com/forum

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