Notice

Le module utilise la classe : wpeo-notice

Note : On peut utiliser ce que l’on veut à l’intérieur de la balise contenant la classe notice-subtitle, une icone, un text, etc…

Notice simple

<div class="wpeo-notice">
	<div class="notice-content">
		<div class="notice-title">Titre de la notice</div>
		<div class="notice-subtitle">Le contenu de la notice, lorem ipsum dolor sit amet</div>
	</div>
	<div class="notice-close"><i class="fas fa-times"></i></div>
</div>
Titre de la notice
Le contenu de la notice, lorem ipsum dolor sit amet

Information

<div class="wpeo-notice notice-info">
	<div class="notice-content">
		<div class="notice-title">Titre de la notice</div>
		<div class="notice-subtitle">La classe à utiliser: .notice-info</div>
	</div>
	<div class="notice-close"><i class="fas fa-times"></i></div>
</div>
Titre de la notice
La classe à utiliser: .notice-info

Erreur

<div class="wpeo-notice notice-error">
	<div class="notice-content">
		<div class="notice-title">Titre de la notice</div>
		<div class="notice-subtitle">La classe à utiliser : .notice-error</div>
	</div>
	<div class="notice-close"><i class="fas fa-times"></i></div>
</div>
Titre de la notice
La classe à utiliser : .notice-error

Alerte

<div class="wpeo-notice notice-warning">
	<div class="notice-content">
		<div class="notice-title">Titre de la notice</div>
		<div class="notice-subtitle">La classe à utiliser : .notice-warning</div>
	</div>
	<div class="notice-close"><i class="fas fa-times"></i></div>
</div>
Titre de la notice
La classe à utiliser : .notice-warning

Action réussie

<div class="wpeo-notice notice-success">
	<div class="notice-content">
		<div class="notice-title">Titre de la notice</div>
		<div class="notice-subtitle">La classe à utiliser : .notice-success</div>
	</div>
	<div class="notice-close"><i class="fas fa-times"></i></div>
</div>
Titre de la notice
La classe à utiliser : .notice-success