Avançado

Recursos para usuários avançados

 

Botão VOLTAR

Voltar

<a class="fancy_button" onclick="javascript:history.back()">Voltar</a>
Botão VOLTAR 2

◄ Voltar

<a class="fancy_button" onclick="javascript:history.back()">◄ Voltar</a>
Link VOLTAR

← Voltar
 

<a class="fancy_link" onclick="javascript:history.back()">← Voltar</a>
Link VOLTAR 2

◄ Voltar
 

<a class="fancy_link" onclick="javascript:history.back()">◄ Voltar</a>

 

Redirecionamento com javascript

<script type="text/javascript">
window.location.replace("http://seu_dominio/pagina_desejada");
</script>
Redirecionamento com javascript para página em branco

<script type="text/javascript">
window.location.replace("about:blank");
</script>
  • Para uso na caixa “Javascript personalizado” da página ou geral do tema, insira apenas o conteúdo entre as tags <script>

 

Imagem à esquerda do texto

Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”.
Ver código

 

Imagem à direita do texto

Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”. Este é um texto de exmplo, para demonstrar o recurso “float”.
Ver código

 

 

Dicas de CSS

Remove título das páginas

/* Remove título das páginas */
.page_title { display: none !important; }
h2.post_title { display: none !important; }

 

Centraliza logo

/* Centraliza logo , defina o padding conforme o tamanho da sua logo.*/
.logo {padding-left: 100px;} 

 

Ampliar altura do cabeçalho, onde fica a logo

/* Ampliar altura do cabeçalho, onde fica a logo. */
#header{min-height:200px  !important; }

 

Trocando classe CSS com javascript

jQuery(document).ready(function() {
  jQuery('.wpsc_buy_button').addClass('button_link hover_fade small_button').removeClass('wpsc_buy_button');
});

 

Removendo barra lateral com javascript

jQuery(document).ready(function(){
jQuery("#sidebar").remove();
jQuery("body").removeClass("right_sidebar").addClass("full_width");
});

 

Como trocar um texto usando javascript

jQuery(document).ready(function(){

jQuery('elemento a ser mudado').html('conteúdo a ser mudado');

});

 

Como selecionar vários objetos de um mesmo elemento usando javascript

jQuery("selector").css("display", "none");

OU

jQuery(document).ready(function(){

jQuery("selector").hide();
jQuery("selector").hide();
jQuery("selector").hide();
jQuery("selector").hide();

});

http://api.jquery.com/eq-selector/

 

Centralizando conteúdo numa página ou numa área

1 – Usando HTML


conteúdo a ser centralizado 1

conteúdo a ser centralizado 2

Ver código
2 – Usando estilo
conteúdo a ser centralizado
Ver código
3 – Usando estilo e centralizando o texto horizontalmente
conteúdo a ser centralizado
Ver código
4 – Usando estilo e centralizando o texto horizontalmente e verticalmente

conteúdo a ser centralizado

Ver código

 

mp3 player usando HTML5





Ver código

* para carregar antecipadamente a música, use: preload=”preload” dentro da tag source.
* para repetir, use: loop=”loop”
* saiba mais aqui: http://www.w3schools.com/tags/tag_audio.asp


 

Criar um shortcode com o conteúdo que desejar

  • Habilite o plugin “Widget Shortcode”
  • Crie um widget de texto no espaço “Arbitrary”, e insira qualquer conteúdo HTML e/ou outros shortcodes que desejar.
  • Salve e copie o código do shortcode, para usar onde quiser.
  • Pode conter tabelas, logos, rodapés …. o que quiser.
  • Além de simplificar a montagem do site, para conteúdos repetidos, mantém um local único de edição do conteúdo.

 

Código desta página

    No Twitter Messages