Swift

Marcadores como Menu Suspenso

Dando segmento aos tutoriais sobre Marcadores, agora vou explicar como colocar seus Marcadores como Menu Suspenso.

Com este código, seus marcadores se apresentarão da mesma forma que o widget de Arquivos na opção “Menu Suspenso”.
Este código foi criado pelo Hackosphere.
[dica]Não esqueça que, é sempre bom fazer um backup do seu Template para evitar transtornos, se algo sair errado.[/dica]
Para ativar este recurso,entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo código do Widget de Marcadores:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
E SUBSTITUA todo ele por:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:255px;'>
<option>Selecione o 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>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Visualize, e se estiver tudo certo, salve!
Caso você precise ajustar a largura do widget, você precisará editar o valor em width que está destacado em vermelho.
Vá testando até ver se deu certo.
O trecho destacado em azul é o texto que aparecerá no menu, se quiser você pode substitui-lo pelo texto que preferir.
Se quiser incluir estilos CSS , vá no menu “modelo”, entre na edição HTML do seu template, não precisa clicar em “expandir modelos de widgets” e procure pela tag ]]></b:skin>
e cole o seguinte código logo ACIMA dela:

#Label1{
font-size:XXpx;
color #XXXXXX;
}
Se quiser aplicar mais estilos a seu gosto é só incluir os códigos dos estilos que você quer neste trecho.

You Might Also Like

0 comentários

Facebook

Visitas