Welcome

Halloween Administration

Academy Waverly

Halloween, LS codage Forumactif Fiches & Messages Publicités Publicité Academy Waverly

Toutes versions

Optimisé Une page d'accueil, une liste des sujets, un profil & message ainsi que des fiches de présentation, de présentation du staff et d'administration sont disponibles

Retour

Codage publicité Academy Waverly Halloween Forumactif

Créer une page HTML

<!DOCTYPE html>
<html>
	<head>
 		<title>Publicité Waverly Academy</title>
 		<meta charset="utf-8" />
          	<style>
                  	.clear {
                  		clear: both;
                  	}
                  	
                  	.fiche_pub_wa {
                  		width: 550px;
                  		margin: auto;
                  		background: #f2f5f2;
                  		text-align: center;
                  		color: #6c676e;
                  		border: 1px solid #fff;
                  	}
                  
                  	.ban_pub_wa {
                  		width: 150px;
                  		height: 800px;
                  		background: url('https://img4.hostingpics.net/pics/346256Bannire.jpg') center no-repeat;
                  		objectif-fit: cover;
                  		content: "";
                  		float: left;
                  	}
                  
                  	.contenu_pub_wa {
                  		font-family: cambria;
                  		float: left;
                  		width: 400px;
                  	}
                  
                  	.titre_pub_wa {
                  		background: #e2efe1;
                  		padding: 1% 6%;
                  	}
                  
                  	.titre_pub_wa h2 {
                  		padding: 2%;
                  		border: 1px solid #fff;
                  		text-align: center;
                  		color: #fff;
                  		text-transform: uppercase;
                  	}
                  
                  	.contenu_pub_wa p {
                  		font-size: 12px;
                  		text-align: justify;
                  		width: 80%;
                  		margin: auto;
                  	}
                  
                  	.infos_wa {
                  		color: #eba48f;
                  		font-weight: bold;
                  	}
                  
                  	.infos_wa p {
                  		margin: 0;
                  		line-height: 1;
                  	}
                  
                  	.liens_wa a {
                  		display: inline-block;
                  		background: #f7cca5;
                  		padding: 2%;
                  		text-align: center;
                  		color: #fff;
                  		text-decoration: none;
                  		width: 40%;
                  		text-transform: uppercase;
                  		margin: 1% 0;
                  	}
                  
                  	.conclusion_wa {
                  		background: #e2efe1;
                  		width: 80%;
                  		margin: auto;
                  		padding: 5%;
                  	}
                  
                  	.contenu_conclusion_wa {
                  		background: #fff;
                  		padding: 2%;
                  	}
                  
                  	.contenu_conclusion_wa p::before {
                  		color: #eba48f;
                  		content: "<img class="emojione" alt="▶️" title=":arrow_forward:" title=":arrow_forward:" src="https://cdn.jsdelivr.net/emojione/assets/png/25b6.png?v=2.2.7"/>";
                  		font-size: 20px;
                  		padding-right: 2%;
                 	}
                  
                  	.credits {
                                text-align: center;
                                display: block;
                                font-size: 11px;
                                color: #6c676e !important;
                                text-decoration: none !important;
                                margin: 2% 0 0;
                                text-transform: lowercase;
                                font-style: italic;
			}
                  
          	</style>
	</head>

<body><div id="top"></div>
          	<div class="fiche_pub_wa">
                  	<div class="ban_pub_wa">
                  	</div>
                  
                  	<div class="contenu_pub_wa">
                          	<div class="titre_pub_wa">
                                  	<h2>
                                  		Votre titre
                          		</h2>
                        	</div>
                          	
                          	<br /><br />
                          
                          	<p>
                                  	Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consequat condimentum urna, eu aliquet mauris tincidunt quis. Nullam eleifend consequat purus vel venenatis. Proin consequat molestie semper. Nullam viverra mi ut diam dapibus porta. Vestibulum a enim dolor. Curabitur aliquet magna at diam congue, vel rutrum neque aliquet. Nulla dolor urna, imperdiet sit amet mattis ac, aliquet non mauris.
                          	</p>
                          
                          	<br />
                          
                          	<div class="infos_wa">
                                  	Genre du forum | Avatar XXX*XXX type manga/dessin
                          	</div>
                          
                          	<br />
                          
                          	<div class="liens_wa">
                                  	<a href="#">
                                  		Règlement
                          		</a>
                          
                          		<a href="#">
                                  		Contexte
                          		</a>
                          
                          		<a href="#">
                                  		Bottin des avatars
                          		</a>
                          
                          		<a href="#">
                               	   		Prédéfinis
                          		</a>
                          
                          		<a href="#">
                                  		Questions
                          		</a>
                          
                          		<a href="#">
                                  		Partenariats
                          		</a>	
                          	</div>
                          
                          	<br /><br />
                          
                          	<div class="conclusion_wa">
                                  	<div class="contenu_conclusion_wa">
                                          	<p>
                                                  	News 1 : blablabla
                                          	</p>
                                          
                                          	<p>
                                                  	News 2 : blablabla
                                          	</p>
                                          
                                          	<p>
                                                  	News 3 : blablabla
                                          	</p>
                                  	</div>
                          	</div>
                          
                          	<br /><br />
                          
                          	<a href="#">
                                  	<img alt="Nom du forum" src="Image en 390*60px" />
                          	</a>
                          
                          	<a class="credits" href="http://ls-halloween.fr/" target="_blank">
                                  	Halloween
                          	</a>
                  	</div>
                  
                  	<div class="clear">
                  	</div>
                  	
          	</div>
 	</body>
</html>

A mettre dans votre message

L'image latérale est en 150*800px, l'image du forum est en 390*60px

#academywaverly #publicites #forumactif #codage #libreservice

Halloween