Imagem próxima ao rodapé

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

Resolvido Imagem próxima ao rodapé

Mensagem por Sparking em 03/07/11, 03:47 pm

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:

link da img: http://i43.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:
http://i43.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
avatar

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Cream em 03/07/11, 03:48 pm

Olá,

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

Quaisquer dúvidas comente.
Atenciosamente,
Profile!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking em 03/07/11, 04:06 pm

deu erro olha o que aconteçeu:


avatar

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Solkis em 03/07/11, 04:11 pm

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

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking em 03/07/11, 04:28 pm

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, 04:30 pm, editado 1 vez(es)
avatar

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Solkis em 03/07/11, 04:30 pm

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

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking em 03/07/11, 04:32 pm

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

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Convidad em 04/07/11, 03:25 pm

Boa tarde,

Leia este tópico e tente adicionar os códigos lá citados e veja se o problema se resolve: http://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.

Convidad
Convidado


Resolvido Re: Imagem próxima ao rodapé

Mensagem por zHugh em 04/07/11, 04:12 pm

Olá sparking creio que esse codigo resolvera o problema.

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

Se quiser modifique o valor em vermelho Ok!!
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking em 05/07/11, 12:02 pm

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

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Luciano98 em 05/07/11, 08:06 pm

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:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem próxima ao rodapé

Mensagem por Sparking em 05/07/11, 09:17 pm

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

Sparking
Nível 5

Masculino
Inscrito dia : 21/02/2011
Mensagens : 50
Pontos Ativos : 88

Ver perfil do usuário http://superonzerpg.forumais.com/forum

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