Vou deixar de lado um pouco, o WordPress, CSS, HTML… para mostrar o (que deve ser)1º pôster da temporada final de LOST, na Comic Con desse ano já tinha sido exibido uma imagem semelhante a essa, tanto que um fã fez um poster parecido baseando-se na imagem. Dei uma procurada no site da ABC e não achei nada referente, mas provavelmente deverá ser esse mesmo o pôster, eu achei bem bacana, manteve o clima de mistério da série, principalmente por que têm 2 Locke no pôster…
O que vocês acharam?
→ Deixe um ComentárioCategorias: Humor/Curiosidade
Etiquetado: lost, poster
Olá pessoal depois de muito tempo sem postar nada por aqui, trago uma dica bacana, irei mostrar como fazer um Menu Accordion simples com Jquery incorporado com a Template Tag wp_list_categories, vamos lá então.
Passo 1:
Baixe o Jquery, caso não o tenha ainda.
Passo 2:
Renomeie o arquivo baixado para jquery.js e coloque o arquivo na pasta do seu tema, apreoveite também e crie um arquivo chamado menuaccordion.js, que vamos utilizar mais pra frente.
Passo 3:
Abra o arquivo header.php e insira as seguintes linha dentro do <head></head>:
Onde <?php bloginfo(‘template_directory’);?> é o endereço dos diretórios do WordPress até chegar no seu tema([...]wp-content/themes[...]) e jquery.js e menuaccordion.js são os arquivos javascript que você baixou e criou respectivamente na pasta do seu tema.
Passo 4:
Agora vamos colocar o código para fazer o efeito accordeon dentro do arquivo menuaccordion.js:
Não esqueça de salvá-lo.
Passo 5:
Agora vamos fazer o CSS, abra o arquivo style.css e cole o seguinte código:
Não esqueça de salvá-lo.
Passo 6:
Agora a parte mais divertida, vamos manipular a Template Tag wp_list_categories é bem simples, escolha um aquivo para inserir o código abaixo(pode ser o header.php, ou até o sidebar.php)
<ul id=”accordion-container”>/* essa parte é muito importante, essa “ul” ele engloba toda a formação do accordion*/
<li>/*aqui começa a primeira opção do menu*/
<a href=”#”>Opção 1</a>/* Link que expandirá quando clicado, para abrir as sub-opções, que nada mais é que as categorias que você definir*/
<ul class=”accordion-menu”>/*class responsável por englobar cada Opção do Menu*/
<?php wp_list_categories(‘title_li=&include=48, 50′); ?>/* Aqui você definirá o ID das categorias que serão apresentadas nessa opção, os números 48, 50 são os ID desse exemplo, o parâmetro “title_li=“ está vazia para que não apareça a palavra Categoria acimas das opções*/
</ul>
</li>/*aqui termina a primeira opção do menu*/
<li>/*aqui começa a segunda opção do menu*/
<a href=”#”>Opção 2</a>/*Idem da Opção 1*/
<ul class=”accordion-menu”>/*class responsável por englobar cada Opção do Menu*/
<?php wp_list_categories(‘title_li=&include=49, 42′); ?>/* Aqui você definirá o ID das categorias que serão apresentadas nessa opção, agora eu coloquei os números 49, 42 , você pode definir quantas categorias quizer, igual a “Opção 1″ o parâmetro “title_li=“ está vazia para que não apareça a palavra Categoria acima das opções*/
</ul>
</li>/*aqui termina a segunda opção do menu*/
</ul>
</div>
E é isso ai pessoal está pronto nosso Menu Accordeon utilizando o WordPress, você também pode utilizar a Template Tag wp_list_pages no lugar wp_list_categories, para exibir as páginas do seu blog/site. Você também pode exibir quantas opções quizer basta repitir o mesmo procedimento.
Inté++ fui
→ 9 ComentáriosCategorias: Javascript/JQuery · Tutoriais · WordPress
Etiquetado: css, Javascript/JQuery, Tutoriais, WordPress
Com o idgettr.com você pode descobrir qual é seu ID do Flickr, para usar na maioria dos plugins para WordPress, sites que tem relação com o Flickr e para outros possiveis finalidades que possam criar pelo esse mundo a fora.
Além do seu ID, você pode descobrir o ID de Grupos também, então vejamos como funciona:
Para descobrir seu ID digite o seguinte:
http://www.flickr.com/photos/username/seunomedeusuario
Para descobrir o ID de algum Grupo faça o seguinte:
http://www.flickr.com/groups/nomedogrupo
Pronto Simples assim!
→ Deixe um ComentárioCategorias: Internet
Etiquetado: Flickr, ID, Internet
Montei uma lista de alguns sites com exemplos do uso do html5, segue a lista:
Lembrando que com browsers antigos(principalmente aqueles com iniciais IE), não será possivel visualizar o conteudo, mas com o Firefox3.5, já é possivel.
Se você quiser saber mais sobre o HTML5, visite a página oficial da w3c:
→ 1 ComentárioCategorias: (x)html/css · Web Standards
Etiquetado: HTML 5, Links, Semântica
O Fiels 10 – Forum Internacional de Software-Livre aconteceu em Porto Alegre-RS com a presença do Presidente Lula, no qual falou sobre, Software-Livre no Brasil(lógico né! :D), da Lei Azeredo e outros assuntos que vocês poderão ver nesses videos ai em baixo:
→ Deixe um ComentárioCategorias: Software-Livre · Videos
Etiquetado: Fisl, Lula, Presidente, Software-Livre, Videos
Ultimos posts
