Bloc des réseaux sociaux au footer
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Rendu du footer FAE :
- Code:
<div id="page-footer">
- Code:
<div id="gfooter">
- Code:
<div id="pun-foot">
- Code:
<div id="page-footer" class="color-secondary">
- 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*/}- Code:
margin-left: 73%; /*on decale le bloc de X% vers la droite*/
![Splash](https://2img.net/u/4012/75/45/07/avatars/1-77.gif)
Hi,
Tuto réalisé sur la base d'une astuce de @Milouze14 laissée sur le FDF ici > Clique
Avec cette astuce vous pouvez placer un bloc de liens des réseaux sociaux au footer de votre forum
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_begin
Dans le template overall_footer_begin recherchez ceci :
![Important](/users/4012/75/45/07/smiles/2669672989.gif)
Juste après déposez ceci :
Pensez à
et à publier le template en cliquant sur
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
À bientôt
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
Pour bien réaliser cette astuce
Dans cette astuce il est question d'intervenir dans le(s) template(s) pour le(s) modifier et de placer un code à la feuille de style (CSS), si vous n'êtes pas à l'aise avec ces démarches il existe ces tutos d'aide ici :
> Intervenir dans les templates
> La CSS
Tuto réalisé sur la base d'une astuce de @Milouze14 laissée sur le FDF ici > Clique
Avec cette astuce vous pouvez placer un bloc de liens des réseaux sociaux au footer de votre forum
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_begin
Dans le template overall_footer_begin recherchez ceci :
![Important](/users/4012/75/45/07/smiles/2669672989.gif)
Pour la version Invision il faut rechercher ceci :
Pour la version punBB il faut chercher ceci :
Pour la version FAE il faut chercher 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
Pensez à
![Enregistrer](/users/4012/75/45/07/smiles/1051231705.png)
![Valider](/users/4012/75/45/07/smiles/715113229.png)
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
En fonction de votre forum il faudra jouer sur le valeur du margin-left ici :
Pensez à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
:u1: |
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
![Flèche](/users/4012/75/45/07/smiles/2563914848.gif)
![Like a Star @ heaven](https://2img.net/i/fa/i/smiles/star3.png)
> Intervenir dans les templates
> La CSS
Mise à jour le 23.09.2019
- David1195
StaffModo
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Réduire la hauteur des catégories
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Afficher les avatars en forme rectangulaire
» » Modifier la partie des stats en début de qeel
» » Mettre une image au qeel
» » Rendre l'image du header cliquable
» » Elargir le cadre de la boite de smileys
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Catégories rétractables sur l'index
» » [phpBB3] Catégories de différentes couleurs
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'icône "On-line"