Connector per afegir seccions o components
Secció desplegable
Exemple:
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:
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:
Imatge 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Imatge 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Imatge 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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:
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:
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
