#a dica ee - a dica é ...►INICIO◄: truquesadicaee

Pesquisar

Mostrando postagens com marcador truques. Mostrar todas as postagens
Mostrando postagens com marcador truques. Mostrar todas as postagens

Blogues com caixa de rolagem

Aqui neste espaço... 
Apenas divulgo e indico... 
Posts, notícias, dicas etc. 
 com devidas fontes  e créditos:    


Blogues com caixa de rolagem

"Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos (lista de blogs) e a nossa página começa a ficar cheia, uma boa solução para esse problema é colocar uma barra de rolagem com a lista dos blogs. Para fazer isso é bem simples:

Entra na página editar HTML

...procura pelo início de tua lista de blogs, um jeito fácil de a encontrar é procurar pelo titulo que usas na tua lista."

<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>


<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>


Repara na linha em negrito e vermelho, no teu blog essa linha não existe, pois foi justamente isso que modifiquei para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então podes mudar para o numero que achares melhor.


Onde diz :1px solid #000000 é a borda,
se não gostas assim é só apagar esse bocado do código, mas cuidado para não apagares as aspas, nem outros sinais.

...em seguida:

..."vamos fechar essa div(estilo) que usamos aqui"

Um pouco mais para baixo no código, encontrarás isto:

<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

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


Cuidado para não te confundires e achares que já tens uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito e vermelho, não estava no modelo original do blog).


Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto.


"Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs."

fonte:
laranabackground



Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

Postagem em destaque

Como usar a mesma conta do WhatsApp em dois celulares

Como usar a mesma conta do WhatsApp em dois celulares

Topo