Home | | ♥ |

Seguir este espaço...clique abaixo:

Seguir este espaço...
clique abaixo:


Páginas

Pesquisar

Mostrando postagens com marcador menu suspenso. Mostrar todas as postagens
Mostrando postagens com marcador menu suspenso. Mostrar todas as postagens

Saiba Como é feito: ..."Hack para menu suspenso"

presente tutorial, teve como fonte:
http://templatesparanovoblogger.blogspot.com
/2008/05/hack-para-menu-suspenso.html

Ariane sempre tem ótimos tutoriais ! verifique



e,
estou usando, na sidebar deste aqui...


:)




"   Hack para menu suspenso"  

"  Mais um que encontrei no Hackosphere; como transformar os Marcadores num menu suspenso. Para fazer esta mudança, será necessário mexer no código do template, por isso meus queridos, sempre, sempre antes de qualquer modificação, salvem uma cópia de seus templates ou testem antes, em blogs sem conteúdo."

"  Visualizem várias vezes para se certificar de que está tudo ok no template, que não desapareceu nada e só então, salvem as modificações!"

Para transformar a lista de Marcadores em um menu suspenso, (obviamente você deverá primeiro já ter uma lista de Marcadores ativos em seu blog), vá no HTML do seu template, clique em Expandir Modelo de Widget e procure por este trecho do código (utilizem o ctrl+F para facilitar):
<ul>
<b:loop values="'data:labels'" var="'label'">
<li>
<b:if cond="'data:blog.url">
<data:label.name/>
<b:else/>
<a href="'data:label.url'"><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

e substitua todo ele por:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecione um marcador</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


Vizualize e estiver do mesmo jeito que ficou meus marcadores aí na Sidebar, salve.

Então, como sou muito xereta, pensei em usar o mesmo hack para lista de links... Às vezes temos listas enormes na sidebar, sejam de parceiros, sejam de amigos, e que acabam ocupando um espaço quilometrico. Pensei que seria muito interessante usar este mesmo recurso para listas de links e como não encontrei nada a respeito no Hackosphere, fiz umas modificações, uns testes e deu certo. Então, para transformar uma lista de links em um menu suspenso, procure por este trecho:


<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>

<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>



<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Substitua o que está em vermelho por:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.target'><data:link.name/>
</option>
</b:loop>
</select>

"  Visualize e se a lista de links tiver se tornado um menu suspenso, salve. Onde está Select a label você poderá colocar o título que quiser."


créditos:
http://templatesparanovoblogger.blogspot.com
/2008/05/hack-para-menu-suspenso.html
♫ http://synoys.blogspot.com ♫
Leia Mais ►

contato

Nome

E-mail *

Mensagem *

Arquivados

 
Minima de Blogger | Gem@ BLOG | 2008