Thème Paris.fr

Container

macro @cContainer

Generates a Bootstrap container element, with an optional fluid mode for full-width layout

Exemple

Column content

Responsive column content

Column content

Responsive column content

<@cContainer>
	<@cRow>
		<@cCol>
			<@cText>Column content</@cText>
		</@cCol>
		<@cCol cols='sm-12 md-6 lg-4' class='mb-3'>
			<@cText>Responsive column content</@cText>
		</@cCol>
	</@cRow>
</@cContainer>

<@cContainer type='fluid' class='bg-light py-3'>
	<@cRow>
		<@cCol>
			<@cText>Column content</@cText>
		</@cCol>
		<@cCol cols='sm-12 md-6 lg-4' class='mb-3'>
			<@cText>Responsive column content</@cText>
		</@cCol>
	</@cRow>
</@cContainer>

<div class="container ">
<div class="row ">
<div class="col ">
<p>
Column content</p>
</div>
<div class="col-sm-12 md-6 lg-4 mb-3">
<p>
Responsive column content</p>
</div>
</div>
</div>
<div class="container-fluid bg-light py-3">
<div class="row ">
<div class="col ">
<p>
Column content</p>
</div>
<div class="col-sm-12 md-6 lg-4 mb-3">
<p>
Responsive column content</p>
</div>
</div>
</div>

Paramètres

Generates a Bootstrap container element, with an optional fluid mode for full-width layout.

type (string)
optional
- Container type; set to 'fluid' for a full-width container. Default: ''
class (string)
optional
- Additional CSS class(es) for the container. Default: ''
id (string)
optional
- Unique identifier for the container element. Default: ''
params (string)
optional
- Additional HTML attributes for the container element. Default: ''

Ligne de grille

macro @cRow

Generates a Bootstrap grid row element to contain columns.

Exemple

Left column

Right column

Card 1

Card 2

Card 3

<@cRow>
    <@cCol cols='md-6'>Left column</@cCol>
    <@cCol cols='md-6'>Right column</@cCol>
</@cRow>

<@cRow class='justify-content-center g-3' id='content-row'>
    <@cCol cols='lg-4'>Card 1</@cCol>
    <@cCol cols='lg-4'>Card 2</@cCol>
    <@cCol cols='lg-4'>Card 3</@cCol>
</@cRow>

<div class="row ">
<div class="col-md-6 ">
Left column</div>
<div class="col-md-6 ">
Right column</div>
</div>
<div class="row justify-content-center g-3" id="content-row">
<div class="col-lg-4 ">
Card 1</div>
<div class="col-lg-4 ">
Card 2</div>
<div class="col-lg-4 ">
Card 3</div>
</div>

Paramètres

Generates a Bootstrap grid row element to contain columns.

class (string)
optional
- Additional CSS class(es) for the row. Default: ''
id (string)
optional
- Unique identifier for the row element. Default: ''
params (string)
optional
- Additional HTML attributes for the row element. Default: ''

Colonne

macro @cCol

Generates a Bootstrap grid column with configurable responsive breakpoints and sizing.

Exemple

Column content

Responsive column content

<@cRow>
<@cCol>
    <@cText>Column content</@cText>
</@cCol>

<@cCol cols='sm-12 md-6 lg-4' class='mb-3'>
    <@cText>Responsive column content</@cText>
</@cCol>
</@cRow>

<div class="row ">
<div class="col ">
<p>
Column content</p>
</div>
<div class="col-sm-12 md-6 lg-4 mb-3">
<p>
Responsive column content</p>
</div>
</div>

Paramètres

Generates a Bootstrap grid column with configurable responsive breakpoints and sizing.

cols (string)
optional
- Column size specification. The 'col-' prefix is added automatically; use values like 'md-6', 'lg-4', 'sm-12 md-8'. Default: ''
default (string)
optional
- Fallback CSS class when cols is empty. Default: 'col'
class (string)
optional
- Additional CSS class(es) for the column. Default: ''
id (string)
optional
- Unique identifier for the column element. Default: ''
params (string)
optional
- Additional HTML attributes for the column element. Default: ''

Header - Entête de contenu HTML5

macro @cHeader

Generates an HTML header element with an optional title that can be rendered as a link. Useful for page or section headers on skin pages.

Exemple

Welcome to Our Site

Navigation content here

<@cHeader title='Welcome to Our Site'>
    <@cText>Navigation content here</@cText>
</@cHeader>

²<@cHeader title='Home' titleUrl='/jsp/site/Portal.jsp' titleUrlClass='text-decoration-none' titleLevel=1 class='page-header'>
    <@cText>Site tagline or description</@cText>
</@cHeader>

<header >
<h2>
Welcome to Our Site</h2>
<p>
Navigation content here</p>
</header>
<header class="page-header" >
<h1>
<a href="/jsp/site/Portal.jsp" class="text-decoration-none" title="Home">Home</a></h1>
<p>
Site tagline or description</p>
</header>

Paramètres

Generates an HTML header element with an optional title that can be rendered as a link. Useful for page or section headers on skin pages.

title (string)
optional
- Title displayed inside the header. Default: ''
titleClass (string)
optional
- CSS class(es) applied to the title element. Default: ''
titleUrl (string)
optional
- URL for the title link; when set, the title becomes a clickable link. Default: ''
titleUrlClass (string)
optional
- CSS class(es) applied to the title link. Default: ''
titleLevel (number)
optional
- Heading level for the header title (1-6). Default: 2
class (string)
optional
- CSS class(es) applied to the header element. Default: ''
id (string)
optional
- Unique identifier for the header element. Default: ''
params (string)
optional
- Additional HTML attributes for the header element. Default: ''

Footer

macro @cFooter

Generates an HTML footer element with an optional title. Suitable for page footers or section footers on skin pages.

Exemple

<@cFooter>
    <@cText>Copyright 2026 - All rights reserved.</@cText>
</@cFooter>

<@cFooter title='Site Information' titleLevel=3 class='site-footer'>
    <@cText>Contact us at info@example.com</@cText>
</@cFooter>

<footer >
<p>
Copyright 2026 - All rights reserved.</p>
</footer>
<footer class="site-footer" >
<h3>
Site Information</h3>
<p>
Contact us at info@example.com</p>
</footer>

Paramètres

Generates an HTML footer element with an optional title. Suitable for page footers or section footers on skin pages.

title (string)
optional
- Title displayed inside the footer. Default: ''
titleLevel (number)
optional
- Heading level for the footer title (1-6). Default: 2
class (string)
optional
- CSS class(es) applied to the footer element. Default: ''
id (string)
optional
- Unique identifier for the footer element. Default: ''
params (string)
optional
- Additional HTML attributes for the footer element. Default: ''

Block

macro @cBlock

Generates a generic HTML block-level container element (div or section). Useful for wrapping content sections on skin pages.

Exemple

Content inside a div block.

<@cBlock>
    <p>Content inside a div block.</p>
</@cBlock>

<@cBlock type='section' class='content-wrapper' id='main-content'>
    <p>Main page content goes here.</p>
</@cBlock>

<div>
<p>Content inside a div block.</p>
</div>

Paramètres

Generates a generic HTML block-level container element (div or section). Useful for wrapping content sections on skin pages.

type (string)
optional
- HTML tag to use for the block ('div', 'section', etc.). Default: 'div'
class (string)
optional
- CSS class(es) applied to the block element. Default: ''
id (string)
optional
- Unique identifier for the block element. Default: ''
params (string)
optional
- Additional HTML attributes for the block element. Default: ''

Section

macro @cSection

Generates a semantic HTML section container using a configurable block-level tag. Structures page content into logical sections on skin pages.

Exemple

Welcome to our services section.

Our services are listed below.

<@cSection>
    <@cText>Welcome to our services section.</@cText>
</@cSection>

<@cSection type='div' class='container py-4' id='services'>
    <@cText>Our services are listed below.</@cText>
</@cSection>

<section>
<p>
Welcome to our services section.</p>
</section>
<div class="container py-4" id="services">
<p>
Our services are listed below.</p>
</div>

Paramètres

Generates a semantic HTML section container using a configurable block-level tag. Structures page content into logical sections on skin pages.

type (string)
required
- HTML tag used for the section element ('section', 'div', 'aside', etc.). Default: 'section'
class (string)
optional
- CSS class(es) applied to the section element. Default: ''
id (string)
optional
- Unique identifier for the section element. Default: ''
params (string)
optional
- Additional HTML attributes for the section element. Default: ''

Thème Paris.fr

Container

macro @cContainer

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Ligne de grille

macro @cRow

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Colonne

macro @cCol

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Header - Entête de contenu HTML5

macro @cHeader

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Footer

macro @cFooter

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Block

macro @cBlock

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres

Section

macro @cSection

Exemple

Extrait de code Macro

Extrait de code HTML

Paramètres