2 participantes
Pedido - Botão de ir para Topo
JScript- Administradores
- Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there
- Mensagem nº2
Re: Pedido - Botão de ir para Topo
Olá!
Dentro do template Overall_footer_end antes da tag <!-- BEGIN switch_facebook_login -->, adicione o seguinte código:
CSS:
Dentro do template Overall_footer_end antes da tag <!-- BEGIN switch_facebook_login -->, adicione o seguinte código:
- Código:
<div id="footer_utilities" class="main_width clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" rel="nofollow" title="Go to top"><img src="http://i78.servimg.com/u/f78/18/17/62/92/top10.png" alt="" /></a>
</div>
CSS:
- Código:
#backtotop {
background: none repeat scroll 0 0 #BDBDBD;
border-radius: 16px 16px 16px 16px;
display: inline-block;
height: 24px;
left: 50%;
line-height: 20px;
margin-left: -12px;
opacity: 0.4;
outline: 0 none;
position: absolute;
text-align: center;
width: 24px;
}
#backtotop:hover {
background: none repeat scroll 0 0 #AF286D;
color: #FFFFFF;
opacity: 1;
}
#backtotop img {
margin-top: 5px;
}
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº4
Re: Pedido - Botão de ir para Topo
Apenas fazendo um adendo, se quiser um efeito deslizante dele, basta adicionar:
PS: @JScript, inclusive poderia colocar esse aqui no fórum.
- Código:
<a rel="nofollow" href="#" onclick="$('html,body').animate({scrollTop: $('html').offset().top},1000);return false;" id="backtotop" title="Ir para o topo"><img src="http://i78.servimg.com/u/f78/17/96/03/52/top10.png" alt="Ir para o topo"></a>
PS: @JScript, inclusive poderia colocar esse aqui no fórum.
JScript- Administradores
- Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there
- Mensagem nº5
Re: Pedido - Botão de ir para Topo
@Legolas
No início nós usávamos esse método, mas removi no intuito de deixar a interface menos carregada...
JS
No início nós usávamos esse método, mas removi no intuito de deixar a interface menos carregada...
JS
Convidado- Convidado
- Mensagem nº6
Ajustar botão de Voltar ao Topo do fórum
Olá,
Eu pedi o botão de voltar ao topo do fórum daqui do fórum e deram e resultou:
http://jscript.forumeiros.com/t241-pedido-botao-de-ir-para-topo
Os códigos que utilizei foram:
.CSS:
Se reparar ficou fora da margem do fórum, seria possível colocarem debaixo do "Painel de Controlo-Suport Design" ?
www.suportedesign.net || PunBB
Eu pedi o botão de voltar ao topo do fórum daqui do fórum e deram e resultou:
http://jscript.forumeiros.com/t241-pedido-botao-de-ir-para-topo
Os códigos que utilizei foram:
.CSS:
- Código:
#backtotop {
background: none repeat scroll 0 0 #BDBDBD;
border-radius: 16px 16px 16px 16px;
display: inline-block;
height: 24px;
left: 50%;
line-height: 20px;
margin-left: -12px;
opacity: 0.4;
outline: 0 none;
position: absolute;
text-align: center;
width: 24px;
}
#backtotop:hover {
background: none repeat scroll 0 0 #AF286D;
color: #FFFFFF;
opacity: 1;
}
#backtotop img {
margin-top: 5px;
}
- Código:
<div id="footer_utilities" class="main_width clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" rel="nofollow" title="Go to top"><img src="http://i78.servimg.com/u/f78/18/17/62/92/top10.png" alt="" /></a>
</div>
Se reparar ficou fora da margem do fórum, seria possível colocarem debaixo do "Painel de Controlo-Suport Design" ?
www.suportedesign.net || PunBB
Última edição por IsmaelS. em Ter 17 Set 2013, 2:43 pm, editado 1 vez(es)
JScript- Administradores
- Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there
- Mensagem nº7
Re: Pedido - Botão de ir para Topo
@IsmaelS.
Olá! Perceba que os tópicos foram fundidos para organizar melhor o fórum, o assunto é o mesmo e o autor também, por esse e outros motivos é que os tópicos aqui não são fechados se forem dados como resolvidos!
JS
Olá! Perceba que os tópicos foram fundidos para organizar melhor o fórum, o assunto é o mesmo e o autor também, por esse e outros motivos é que os tópicos aqui não são fechados se forem dados como resolvidos!
JS
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº8
Re: Pedido - Botão de ir para Topo
O procedimento é simples. Basta ir ao seu template overall_footer_end e procurar por
- Código:
<div id="footer_utilities" class="main_width clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" rel="nofollow" title="Go to top"><img src="http://i78.servimg.com/u/f78/18/17/62/92/top10.png" alt="" /></a>
</div>
- Código:
<strong>{ADMIN_LINK}</strong>
JScript- Administradores
- Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there
- Mensagem nº10
Re: Pedido - Botão de ir para Topo
Eu já mencionei uma vez que fóruns de testes não refletem a mesma estrutura do fórum onde ficará o código!
Já testou no fórum definitivo?
JS
Já testou no fórum definitivo?
JS
Convidado- Convidado
- Mensagem nº11
Re: Pedido - Botão de ir para Topo
Olá,
Eu coloquei duma maneira mas não sei se está certo:
Eu coloquei duma maneira mas não sei se está certo:
- Código:
<strong>{ADMIN_LINK}</strong><div id="footer_utilities" class="main_width clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" rel="nofollow" title="Go to top"><img src="http://i78.servimg.com/u/f78/18/17/62/92/top10.png" alt="" /></a>
</div>
- Código:
<div id="footer_utilities" class="main_width clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" rel="nofollow" title="Go to top"><img src="http://i78.servimg.com/u/f78/18/17/62/92/top10.png" alt="" /></a>
</div>
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº12
Re: Pedido - Botão de ir para Topo
Não, amigo. Veja bem que eu disse recortar, o que significa retirar dali e colar onde mencionei.
Convidado- Convidado
- Mensagem nº13
Re: Pedido - Botão de ir para Topo
Olá,
Mas assim retira o acesso ao Painel de Controlo ...
Mas assim retira o acesso ao Painel de Controlo ...
Legolas- Moderadores
- Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro
- Mensagem nº14
Re: Pedido - Botão de ir para Topo
Como assim retira o acesso ao painel de controle? Veja novamente a mensagem que postei e atente aos detalhes.
Veja que fiz no meu fórum:
Veja que fiz no meu fórum:
Convidado- Convidado
- Mensagem nº15
Re: Pedido - Botão de ir para Topo
Olá,
Resolvido, fiz melhor utilizei a tag <br> e ficou bem da mesma, mas agradeço a ambos por me ajudar!
Resolvido, fiz melhor utilizei a tag <br> e ficou bem da mesma, mas agradeço a ambos por me ajudar!
|
|