Taula de continguts

Connector per afegir seccions o components

Secció desplegable

Exemple:

Substituïu per un text adient

Substituïu per un text adient

Sintaxi: 

<scpcollapse>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpcollapse>

Secció desplegable amb acordió

Exemple:

Substituïu per un text adient

Substituïu per un text adient

Sintaxi: 

<scpaccordion>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpaccordion>

Secció amb pestanyes

Exemple:

Substituïu per un text adient 1

Substituïu per un text adient 2

Sintaxi: 

<scptabs>

<scptab title="Opció 1">
Substituïu per un text adient 1
</scptab>

<scptab title="Opció 2">
Substituïu per un text adient 2
</scptab>

</scptabs>

Secció de tipus Carrusel

Exemple:

Sintaxi: 

<scpcarousel>
<scpslide>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}</scpslide>
</scpcarousel>

Exemple amb text descriptiu:

Sintaxi: 

<scpcarousel>
<scpslide>
{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>
{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
</scpcarousel>

Secció amb una galeria d'imatges

Exemple 2 columnes:

Atribució de la imatge

Sintaxi: 

<scpgallery type="masonry">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}</scpgallery-item>
</scpgallery>

Exemple 3 columnes:

Atribució de la imatge

Sintaxi: 

<scpgallery type="masonry3c">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>[#[
{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}
Atribució de la imatge
]#]
</scpgallery-item>
</scpgallery>

Secció amb una linia de temps

Exemple:

1-01-2018
Substituïu per un títol 1
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
1-02-2018
Substituïu per un títol 2
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
1-03-2018
Substituïu per un títol 3
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.

Sintaxi: 

<scptimeline>
<scpcolumntime date="1-01-2018" title="Substituïu per un títol 1">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-02-2018" title="Substituïu per un títol 2">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-03-2018" title="Substituïu per un títol 3">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
</scptimeline>

Secció modal a pantalla completa

Exemple:

Amb aquest botó es pot obrir una secció modal a pantalla completa

Substituïu per un títol

Substituïu per un text adient. Substituïu per un text adient. Substituïu per un text adient. Substituïu per un text adient

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit. Tortor at auctor urna nunc id cursus metus aliquam. Et odio pellentesque diam volutpat. Ut ornare lectus sit amet est placerat in egestas. Dui id ornare arcu odio ut. Nulla facilisi morbi tempus iaculis urna. Sem nulla pharetra diam sit amet nisl suscipit adipiscing. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Accumsan tortor posuere ac ut consequat semper viverra nam.

Non sodales neque sodales ut. Potenti nullam ac tortor vitae purus. Et sollicitudin ac orci phasellus egestas tellus rutrum. Enim diam vulputate ut pharetra sit amet aliquam id diam. Ac tortor vitae purus faucibus ornare. At auctor urna nunc id cursus metus aliquam. Sit amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat velit. Dolor sit amet consectetur adipiscing elit ut. Facilisis leo vel fringilla est. Quisque non tellus orci ac auctor augue mauris augue neque. Mauris rhoncus aenean vel elit scelerisque mauris. Viverra mauris in aliquam sem fringilla ut morbi tincidunt. Vel quam elementum pulvinar etiam non. Orci sagittis eu volutpat odio facilisis.