SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar

sou nível 16

em Ter 01 Maio 2012, 3:51 pm







Citação mais eficaz e rápida
Neste tutorial será posto um código Ajax que fará com que toda vez que clique no link quote ao invés de abrir uma nova página desça a barra de rolagem até a resposta rápida já com o quote e seu conteúdo.




--> Tutoriais, dicas e astúcias <--
Citação mais eficaz e rápida


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



(carregue na imagem para aumentar)
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.
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.



(carregue na imagem para aumentar)
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).



(carregue na imagem para aumentar)


2º - Inserir o código no fórum:

Para adicionar o código aceda a:
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:


1º - Código utilizado:
Código:
Código:
 jQuery(document).ready(function(){if(jQuery('.post').length){var p='.post img.i_icon_quote'}else{var p='#blog_comments .module img.i_icon_quote'};jQuery(p).parent().click(function(){u=jQuery(this).attr('href');jQuery.get(u,function(d){jQuery('textarea[name="message"]').val(jQuery('textarea[name="message"]',d).val());jQuery('#text_editor_iframe').contents().find('body').html(jQuery('textarea[name="message"]',d).val())});jQuery('html,body').animate({scrollTop:jQuery('#quick_reply').offset().top},1500);return false})});






© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Citação mais eficaz e rápida



Última edição por Cristian 95 em Ter 01 Maio 2012, 4:47 pm, editado 1 vez(es)

avatar

sou nível 16

em Ter 01 Maio 2012, 4:03 pm

Não creio que seja nescessario posta tutoriais da forumeiros aqui.

avatar

sou nível 16

em Ter 01 Maio 2012, 4:08 pm

Ah seilá ... de repente né. ^^

avatar

Usuário Avançado

em Sab 02 Jun 2012, 9:35 am

cade o código? O-O e o exemplo? mandar pra lixeira, com isso tudo no tutorial ele se tornou-se inútiu


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®