Como Se Esconder Sob O Spoiler

Índice:

Como Se Esconder Sob O Spoiler
Como Se Esconder Sob O Spoiler

Vídeo: Como Se Esconder Sob O Spoiler

Vídeo: Como Se Esconder Sob O Spoiler
Vídeo: Установка лип спойлера на BMW 3 f30 2024, Abril
Anonim

Spoilers no layout de páginas da web são usados para ocultar visualmente parte do volumoso texto, imagem ou qualquer outro conteúdo da página atrás de um link. Para fazer um spoiler no Joomla, use um plugin especial.

Como se esconder sob o spoiler
Como se esconder sob o spoiler

Instruções

Passo 1

No diretório de complementos do Joomla, encontre e instale o plugin Core Design Spoiler. Para uma operação correta, você também precisará do plug-in Core Design Scriptegrator, que carregará automaticamente as bibliotecas JS (Highslide, jQuery e outros). Após a instalação, habilite os dois complementos por meio do Gerenciador de plug-ins.

Passo 2

Agora você pode adicionar um spoiler com conteúdo oculto envolvendo-o na tag [spoiler]. Essa tag pode ser adicionada não apenas aos artigos regulares do Joomla, mas também aos materiais dos componentes do catálogo, por exemplo, em K2, ZOO, FLEXIcontent, etc.

etapa 3

Selecione a forma como o spoiler é exibido nas configurações do plugin. Pode ser um link simples ou um botão. Especifique também a condição sob a qual o spoiler será aberto - quando você clica ou passa o cursor.

Passo 4

Além do método especificado, qualquer um dos parâmetros pode ser especificado manualmente, na tag [spoiler]. O spoiler pode ser definido com o parâmetro de elemento, especificando o valor do link para exibir como um link ou botão para um botão.

Etapa 5

A ação na qual o spoiler será revelado pode ser designada através do parâmetro action, para o qual existem valores válidos pairar (ao passar) ou clicar (ao clicar). Um título de spoiler exclusivo pode ser criado usando o parâmetro Title, especificando o valor necessário entre aspas.

Etapa 6

Por exemplo, se você precisar fazer um spoiler com o título "Leia a continuação da história", que será aberto clicando no link com o texto do título, use a seguinte tag: [título do spoiler = "Leia a continuação de a história "action =" click "element =" link "]

Etapa 7

Após esta tag, coloque o texto ou imagem que deseja ocultar e "feche" o spoiler com a tag: [/spoiler]

Recomendado: