Differenze tra le versioni di "Template:Alert"
m |
m |
||
| (15 versioni intermedie di uno stesso utente non sono mostrate) | |||
| Riga 1: | Riga 1: | ||
<div class="alert alert- | <div class="alert alert-{{{1}}}" role="alert"><span class="alert-heading">{{{2}}}</span><p>{{{3}}}</p></div> | ||
</div> | |||
<noinclude> | <noinclude> | ||
<pre><nowiki> | <pre><nowiki> | ||
{{ | == Come usarlo == | ||
{{Alert|Tipo: info, success, warning, danger|Titolo|Testo}} | |||
Esempio: | |||
{{Alert|info|Il mio titolo|Il mio testo}} | |||
</nowiki></pre> | </nowiki></pre> | ||
</noinclude> | |||
<div class="alert alert-info" role="alert"><span class="alert-heading">Tipo: info</span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.</p></div> | |||
<div class="alert alert-success" role="alert"><span class="alert-heading">Tipo: success</span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.</p></div> | |||
<div class="alert alert-warning" role="alert"><span class="alert-heading">Tipo: warning</span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.</p></div> | |||
<div class="alert alert-danger" role="alert"><span class="alert-heading">Tipo: danger</span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.</p></div> | |||
</noinclude> | |||
Versione attuale delle 10:02, 16 mag 2023
{{{3}}}
== Come usarlo ==
{{Alert|Tipo: info, success, warning, danger|Titolo|Testo}}
Esempio:
{{Alert|info|Il mio titolo|Il mio testo}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque iaculis mauris, ac dapibus est rutrum quis. Aliquam varius lacinia orci non suscipit. Suspendisse ac velit ut lacus efficitur luctus vitae sed est. Pellentesque urna ante, euismod in magna tincidunt, varius cursus erat. Integer ac nunc urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ornare id eros quis maximus. Curabitur eleifend, orci in pharetra egestas, velit turpis sollicitudin nisl, non pretium orci ante eleifend diam. Etiam nec eros nibh. Etiam nisl nisi, ornare eu blandit nec, scelerisque a nulla.