Tutoriais | [L]Categories.Text | [L]Search.Text | [L]Syndication.Text

1. Com este tutorial ficamos a saber



2. O que precisa saber

  • Utilizar o editor de texto

3. Tutorial



Como introduzir um slideshow

A utilização de um Slideshow é possível de uma forma bem simplificada.

Para a introdução de um slideshow de imagens através do editor de texto, introduz-se a sequência de imagens desejadas e coloca-se o texto (Token) depois da última.

As imagens para cada slide serão colocadas como faríamos para a colocação de uma imagem normal.

Na imagem seguinte podemos ver um exemplo de slideshow numa página com opções de edição.

img-01.gif

Depois de gravado, o Slideshow é devidamente apresentado, incluíndo os botões de controlo.

img-01.gif


Como colocar caixas de diálogo

Para colocar uma caixa de diálogo deveremos utilizar o Token ][DIALOG]<div text="..." title="">/HTML.<br><br> O texto introduzido entre os tokens HTML[DIALOG] e </div>[/DIALOG][ ficará escondido e apenas mostrado quando o link for clicado.

img-01.gif

Para personalizar a caixa de diálogo deveremos usar a seguinte configuração de tokens e html:
][DIALOG]<div text="..." title=""><div text="Texto do Link" title="Titulo do Dialog">conteudo do dialog</div></div>[/DIALOG][

img-01.gif


Como mostrar o conteúdo em sistema de abas

Quando o conteúdo é mais extenso ou existe a necessidade de o separar de forma organizada, temos a possibilidade de o organizar em abas.

Para assim organizar o conteúdo deveremos usar o token ][TABS]/HTML.<br><br> O texto introduzido entre os tokens HTMLTABS e [/TABS][ deverá conter tantas ]<div>[ quantas abas necessárias, visto que cada ]<div>[ será uma aba numerada automaticamente e por ordem.

img-01.gif


Como introduzir secções de informação que se expandem na página

Quando existe a necessidade de desenvolver um texto, ou dar uma nota adicional, podemos fazê-lo utilizando o token ][READMORE]/HTML, para que esta informação seja mostrada apenas quando o leitor clica para aceder/abrir no texto "Ler mais".<br><br> Para tal deveremos colocar o conteúdo a mostrar entre o token HTML[READMORE] e [/READMORE][.

img-01.gif

No final deste conteúdo expandido, o leitor encontrará o texto "Fechar secção" que o irá esconder novamente.


Nota:
Os diversos tokens aqui explicados podem ser utilizados na mesma página o número de vezes necessárias.

Estes tokens estão também preparados para dispostivos móveis.




5. Informação relacionada



6. Versão


1.0

@ 17 July 2014 :: 1171 [L]Views.Text :: 0 [L]Comments.Text :: :: Edição de Conteúdo ::


Google  Facebook  LinkedIn  E-mail this story to a friend!  

[L]Rating.Text
[L]Comments.Text
[L]NoComments.Text[L]PostComment.Text