Mapa do Site    |    Pesquisa
Outros Ajuda

Ajuda

Artigo Documentação

Documentação CMS

Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto deFachada do Edifício exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.

Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.Este é um texto de exemplo de criação de Arigo para o Web site da FLUL. Já vimos como se consulta a página de Tipografia, e como se formatam títulos.

19 Junho 2011 Actualizado em 20 Junho 2011 Peter

Ligações Úteis

Diversos

Educação

Ensino Superior

Fundações

Instituições bancárias

Internacional

Investigação

16 Junho 2011

Webmail                                    

A FLUL disponibiliza dois sistemas de Webmail.

Para endereços de mail da forma @fl.ul.pt utilize o link Webmail UL

Para endereços de mail da forma @campus.ul.pt utilize o link Webmail Campus

   WebMailCampus     WebMail Campus

Webmail UL

Webmail Campus
27 Abril 2011 Actualizado em 29 Setembro 2011

Tipografia


Este é o Header H1

Louem ipsum dolou sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.

Este é o Header H2

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, pouttitou

Este é o Header H3

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at toutou nec mi mattis blandit.

Este é o Header H4

Vestibulum posuere, lacus aliquet pulvinar faucibus, toutou urna luctus diam, vitae ultrices ante.

>Este é o Header H5

Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat sodales sed. Aenean hendrerit fringilla sem, et tincidunt libero ounare at.

Exemplo de Citação

Isto é uma citação, Deve utilizar a seguinte formatação: <blockquote><p>....</p></blockquote> (HTML) ou [blockquote]....[/blockquote] (ROKCANDY). Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy.

Estilo de Capitulação

PPraesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis.

Deve utilizar a seguinte formatação: <p class="dropcap"><span class="dropcap">P</span></p> (HTML) ou [dropcap cap="P"]...algum conteúdo...[/dropcap] (ROKCANDY)

Exemplo de Números

1 Deve utilizar a seguinte formatação: <p class="dropcap"><span class="dropcap">1</span></p> (HTML) ou [dropcap cap="1"]...algum conteúdo...[/dropcap] (ROKCANDY). Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy facilisis mollis neque.

2 Deve utilizar a seguinte formatação: <p class="dropcap"><span class="dropcap">2</span></p> (HTML) ou [dropcap cap="2"]...algum conteúdo...[/dropcap] (ROKCANDY). Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy facilisis mollis neque.

3 Deve utilizar a seguinte formatação: <p class="dropcap"><span class="dropcap">3</span></p> (HTML) ou [dropcap cap="3"]...algum conteúdo...[/dropcap] (ROKCANDY). Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy facilisis mollis neque.

Marcadores

Lista com ícones. Deve utilizar a seguinte formatação: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) ou [list class=class name][li]....[/li][li....[/li][/list] (ROKCANDY)

  • Deve utilizar a seguinte formatação: <ul class="bullet-add"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-add"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-arrow"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-arrow"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-arrow2"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-arrow2"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-briefcase"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-briefcase"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-calendar"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-calendar"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-check"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-check"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-crank"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-crank"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-delete"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-delete"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-docs"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-docs"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-email"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-email"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-home"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-home"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-key"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-key"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-lock"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-lock"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-minus"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-minus"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-monitou"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-monitou"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-notes"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-notes"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-post"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-post"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-printer"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-printer"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-rss"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-rss"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-star"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-star"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-star2"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-star2"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-unlock"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-unlock"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-warning"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-warning"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-write"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-write"][li]...[/li][li]...[/li][/list] (ROKCANDY).

Estilo de listas - Pontos

Lista com pontos. Deve utilizar a seguinte formatação: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) ou [list class=class name][li]....[/li][li....[/li][/list] (ROKCANDY)

  • Deve utilizar a seguinte formatação: <ul class="bullet-1"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-1"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-2"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-2"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-3"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-3"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-4"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-4"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-5"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-5"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-6"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-6"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-7"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-7"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-8"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-8"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-9"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-9"][li]...[/li][li]...[/li][/list] (ROKCANDY).

  • Deve utilizar a seguinte formatação: <ul class="bullet-10"><li>....</li><li>....</li>...</ul> (HTML).
  • Deve utilizar a seguinte formatação: [list class="bullet-10"][li]...[/li][li]...[/li][/list] (ROKCANDY).

Estilo de Ênfase

Esta é uma tag de ênfase, permite destacar palavras ou frases. Use a seguinte formatação: <em class="italic">...</em> (HTML) ou [emphasis] ...algum conteúdo... [/emphasis] (ROKCANDY)

Esta é uma tag de ênfase, permite destacar palavras ou frases. Use a seguinte formatação: <em class="bold">...</em> (HTML) ou [emphasisbold] ...algum conteúdo... [/emphasisbold] (ROKCANDY)

Esta é uma tag de ênfase, permite destacar palavras ou frases. Use a seguinte formatação: <em class="bold2">...</em> (HTML) ou [emphasisbold] ...algum conteúdo... [/emphasisbold] (ROKCANDY)

Estilo de Inserção

Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Título à DireitaDeve utilizar a seguinte formatação: <span class="inset-right"> <span class="inset-right-title"> .... </span> ...algum conteúdo... </strong> (HTML) ou [inset side="right" title="Título à Direita"] ...algum conteúdo...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Título à EsquerdaDeve utilizar a seguinte formatação: <span class="inset-left"> <span class="inset-left-title"> .... </span> ...algum conteúdo... </strong> (HTML) ou [inset side="left" title="Título à Esquerda"] ...algum conteúdo...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolou quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed ouci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Estilos de Aviso

Este é um exemplo do estilo alert2 . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="alert2">....<div class="module-icon"></div> (HTML) ou [div4 class="alert2" class2="module-icon"] ...algum conteúdo.... [/div4].
Este é um exemplo do estilo approved2 . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="approved2">....<div class="module-icon"></div> (HTML) ou [div4 class="approved2" class2="module-icon"] ...algum conteúdo.... [/div4].
Este é um exemplo do estilo attention2 . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="attention2">....<div class="module-icon"></div> (HTML) ou [div4 class="attention2" class2="module-icon"] ...algum conteúdo.... [/div4].
Este é um exemplo do estilo notice2 . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="notice2">....<div class="module-icon"></div> (HTML) ou [div4 class="notice2" class2="module-icon"] ...algum conteúdo.... [/div4].
Este é um exemplo do estilo alert . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="alert"><div class="typo-icon">....</div></div> (HTML) ou [div class="alert" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo approved . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="approved"><div class="typo-icon">....</div></div> (HTML) ou [div class="approved" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo attention . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="attention"><div class="typo-icon">....</div></div> (HTML) ou [div class="attention" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo camera . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="camera"><div class="typo-icon">....</div></div> (HTML) ou [div class="camera" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo cart . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="cart"><div class="typo-icon">....</div></div> (HTML) ou [div class="cart" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo doc . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="doc"><div class="typo-icon">....</div></div> (HTML) ou [div class="doc" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo download . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="download"><div class="typo-icon">....</div></div> (HTML) ou [div class="download" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo media . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="media"><div class="typo-icon">....</div></div> (HTML) ou [div class="media" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo note . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="quote"><div class="quote-l"><div class="quote-r">....</div></div></div> (HTML) ou .
Este é um exemplo do estilo notice . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="notice"><div class="typo-icon">....</div></div> (HTML) ou [div class="notice" class2="typo-icon"] ...algum conteúdo.... [/div].
Este é um exemplo do estilo quote . Utilize este estilo para destacar informações. Deve utilizar o seguinte código html: <div class="quote"><div class="typo-icon">....</div></div> (HTML) ou [div3 class="quote" class2="quote-l" class3="quote-r"] ...algum conteúdo.... [/div3].

Exemplo Pre-formatado

Isto é um exemplo <pre>...</pre> (HTML) ou [pre] ... [/pre] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/black/box_bl.png) 0 100% no-repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/black/box_tr.png) 100% 0 no-repeat;
}

div.modulebox-black div.bx3 {
  background: url(../images/black/box_tl.png) 0 0 no-repeat;
  padding: 0;
  margin: 0;
}

Usar a Tipografia

Nota: Deve escolher a opção "alternar editor" caso tenha o editor WYSIWYG activado..
19 Abril 2011 Actualizado em 13 Maio 2011