- AdminAdministrateurs
- Voir le rendu :
- Code:
<div id="page-footer">
- Code:
<div id="M14_btn">
<span>Suivez l'actualité du forum</span>
<a class="M14_btn" href="LIEN FACEBOOK" target="_blank" title="INFOBULLE FACEBOOK"><img src="https://2img.net/i/fa/modernbb/icon_contact_fb.png"/></a>
<a class="M14_btn" href="LIEN TWITTER" target="_blank" title="INFOBULLE TWITTER"><img src="https://2img.net/i/fa/modernbb/icon_contact_twitter.png"/></a>
<a class="M14_btn" href="LIEN PINTEREST" target="_blank" title="INFOBULLE PINTEREST"><img src="https://2img.net/i/fa/modernbb/icon_contact_pinterest.png"/></a>
<a class="M14_btn" href="LIEN SKYPE" target="_blank" title="INFOBULLE SKYPE"><img src="https://2img.net/i/fa/modernbb/icon_contact_skype.png"/></a>
</div>- Code:
<span>Suivez l'actualité du forum</span>
- Code:
/*LE BLOC DES RESEAUX SOCIAUX*/
#M14_btn
{
color: #eee; /*couleur du texte*/
font-family: sans-serif; /*police du texte*/
font-size: 15px; /*taille de la police du texte*/
font-weight: 700; /*police du texte en gras*/
padding: 5px 5px 5px 0px; /*positionnement du bloc*/
margin-left: 73%;/*/*on decale le bloc de X% vers la droite*/
}
/*LE TEXTE DES RESEAUX SOCIAUX*/
#M14_btn span{margin-right: 5px;} /*espace entre le texte et les boutons*/
/*LES BOUTONS DES RESAUX SOCIAUX*/
a.M14_btn{padding: 4px;/*en relation avec la dimension des images*/}
Bloc des réseaux sociaux au footer
Tuto réalisé sur la base d'une astuce de Milouze14 laissée ici > Clique
Dans le template overall_footer_begin recherchez ceci :
Juste après déposez ceci :
Le texte qui apparaît avant les boutons se trouve ici dans le code :
LIEN FACEBOOK : correspond à l'URL du réseau social
INFOBULLE FACEBOOK : correspond au texte qui s'affiche au survol du bouton avec la souris
Enregistrez et Publiez le template
Ensuite on place ce code à la CSS :
Dans le template overall_footer_begin recherchez ceci :
Juste après déposez ceci :
Le texte qui apparaît avant les boutons se trouve ici dans le code :
LIEN FACEBOOK : correspond à l'URL du réseau social
INFOBULLE FACEBOOK : correspond au texte qui s'affiche au survol du bouton avec la souris
Enregistrez et Publiez le template
Ensuite on place ce code à la CSS :
Sujet: Bloc des réseaux sociaux au footer Dim 8 Sep - 10:36 |
Ce forum est un forum test de la version ModernBB de Forumactif |
Vous devez être membre du forum pour répondre
Inscrivez-vous ou connectez-vous
|
|