PROGRAMME‎ > ‎

Villages Template

Titre des villages

Code HTML

<div style="clear:both;"></div>
<div style="background-color:#88cbc1; color:#ffffff; display:inline-block; margin:15px 0; font-family:Verdana, sans-serif; font-size:16px; font-weight:bold; line-height:26px; text-align:center; text-transform:uppercase; width:100%; height:26px;">Village Smart Connection</div>

Méthodologie

Copier le code HTML
Basculer en mode code HTML en cliquant sur <HTML>
Coller le code HTML à l'endroit désiré

Modifier la couleur du background et le titre selon les besoins
- Couleur du background initial : #88cbc1
Remplacer par le code couleur hexadécimal qui convient.
Conserver le dièse devant le code couleur.
Ne pas supprimer le point virgule situé après le code couleur.
- Titre
Remplacer "Village Smart Connection" par le texte qui convient.

Résultat visuel

Village Smart Connection

Bloc de contenus, colonne de gauche

Code HTML

<div style="clear:both;"></div>
<div style="float:left; width:50%;">
<p style="margin:15px;"><img src="https://sites.google.com/a/essec.edu/impact-night/programme/villages/logo%20Dream%20Act_BDcopie.jpg" border="0" width="115" height="56" /></p>
<p style="margin:15px;">Le site pour consommer responsable à portée de clics.<br>
<a href="http://www.dreamact.eu" target="_blank"><strong>www.dreamact.eu</strong></a><br>
<a href="https://twitter.com/TeamDreamAct" target="_blank">@TeamDreamAct</a></p></div>

Résultat visuel

Le site pour consommer responsable à portée de clics.
www.dreamact.eu
@TeamDreamAct

Bloc de contenus, colonne de droite

Code HTML

<div style="float:left; width:50%;">
<p style="margin:15px;"><img src="https://sites.google.com/a/essec.edu/impact-night/programme/villages/Gabsee_logocopie.jpg" border="0" width="110" height="98" /></p>
<p style="margin:15px;">Gabsee est un réseau social en réalité augmentée qui vise à accroitre les interactions sociales et cela de façon fun et innovante.<br />
<a href="http://www.gabsee.com/" target="_blank"><strong>www.gabsee.com</strong></a><br />
<a href="https://twitter.com/gabseeapp" target="_blank">@gabseeapp</a></p></div>

Résultat visuel

Gabsee est un réseau social en réalité augmentée qui vise à accroitre les interactions sociales et cela de façon fun et innovante.
www.gabsee.com
@gabseeapp

Méthodologie

Copier le code HTML en fonction de la colonne à mettre à jour
Basculer en mode code HTML en cliquant sur <HTML>
Faire une recherche par terme pour se repérer dans le code html de la page (Ctrl + F)
Coller le code HTML à l'endroit désiré

Valider en cliquant sur mettre à jour puis modifier les éléments personnalisés (logo, texte descriptif et liens)