Imagem próxima ao rodapé
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Imagem próxima ao rodapé
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: 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
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: 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
Re: Imagem próxima ao rodapé
Olá,
Veja se o tópico lhe ajuda:
https://ajuda.forumeiros.com/t42568p30-
Quaisquer dúvidas comente.
Atenciosamente,
Profile!
Veja se o tópico lhe ajuda:
https://ajuda.forumeiros.com/t42568p30-
Quaisquer dúvidas comente.
Atenciosamente,
Profile!
Re: Imagem próxima ao rodapé
Boa tarde,
Caso não dê certo, existe este também:
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;
}
Re: Imagem próxima ao rodapé
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:
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)
Re: Imagem próxima ao rodapé
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;
}
Re: Imagem próxima ao rodapé
mesmo assim não funçionou '-'
Re: Imagem próxima ao rodapé
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.
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.
Convidad- Convidado
Re: Imagem próxima ao rodapé
Olá sparking creio que esse codigo resolvera o problema.
Se quiser modifique o valor em vermelho Ok!!
#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!!
Re: Imagem próxima ao rodapé
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;
}
Re: Imagem próxima ao rodapé
Olá!
Código:
Não sabe onde utilizar o código?
Até mais.
Luciano98
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
Título - Pode colocar o título que quiser para a página, não irá afetar em nada. 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. 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.
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.Código HTML - Coloque aqui o código que trabalhamos no item anterior.
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).
2º - 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á:
Por exemplo, no FdF:<script src="ENDERECO-DA-PAGINA-HTML"></script><script src="https://ajuda.forumeiros.com/h1-codigo"></script>
Até mais.
Luciano98
Re: Imagem próxima ao rodapé
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 ...
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 ...
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos