Differenze tra le versioni di "Template:Alert"

Da Wiki Acquisti in rete PA.
m
m
 
(18 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
<span style="border:1px; border-style:solid; border-radius: 7px;
<div class="alert alert-{{{1}}}" role="alert"><span class="alert-heading">{{{2}}}</span><p>{{{3}}}</p></div>
    border-color:#ddffdd; background-color:#f2fff2; padding:0.1em;
<noinclude>
    margin:0.1em; display:
 
   
inline-block;">[[File:Bulbgraph.png|18px|Note|link=]]&nbsp;'''Note:'''&nbsp;&nbsp;{{{1|}}}</span><noinclude>
    == Usage ==
    Lightbulb Note:
     <pre><nowiki>
     <pre><nowiki>
     {{Note|Your note text}}
    == 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>


<div class="alert alert-success2 alert-dismissible fade show" role="alert">
</noinclude>
  <h4 class="alert-heading">Avviso di successo</h4>
  <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  <img class="icon" src="https://cdn-assets-cloud.frontify.com/s3/frontify-cloud-files-us/eyJwYXRoIjoiZnJvbnRpZnlcL2FjY291bnRzXC9lMVwvMTY1MTkzXC9wcm9qZWN0c1wvMzA3Nzc5XC9hc3NldHNcLzAxXC82MzQ3MjQ2XC8zZjJkMzJkZTM4YjM4N2IxOWY1M2ExNDExMTA5MzUyYS0xNjQ2MzE5ODEyLnN2ZyJ9:frontify:f9dprb_JZFhy_WUAT-hGoIEXFgxVfgENCXE7c6L_AOg?width=64">
  </button>
  <p>Stai leggendo questo importante messaggio di avviso di successo. Questo testo di esempio sarà più lungo in modo da poter vedere come funzioni la spaziatura all'interno di un avviso con questo tipo di contenuto.</p>
  <p class="mb-0">Quando necessario, assicurarti di inserire le utilità di margine per mantenere gli spazi equilibrati.</p>
</div>

Versione attuale delle 10:02, 16 mag 2023


     == Come usarlo ==
     {{Alert|Tipo: info, success, warning, danger|Titolo|Testo}}

     Esempio:
     {{Alert|info|Il mio titolo|Il mio testo}}



Estratto da "https://wiki.acquistinretepa.it/index.php?title=Template:Alert&oldid=7139"