[Tuto] Icônes des réseaux sociaux au header
-
- Messages : 2934
- Enregistré depuis : 3 ans 9 mois
- Identité : Fred Rimbert
- Forum phpBB : https://caforum.fr
- Localisation : Le Lude - Pays de la Loire
- Intérêt : GitHub
Icônes des réseaux sociaux au header
Message► Ajout des images sur le serveur
En FTP se rendre ici :
► [ROOT]/images
[ROOT] correspond au répertoire qui contient les dossiers et fichiers du forum
Créer un dossier social et placer les icônes à l'intérieur, le chemin d'accès à ce dossier sera :
► [ROOT]/images/social
Nommer les icônes ainsi :
- facebook.png
- twitter.png
Icône Facebook
Icône Twitter
► Le code HTML
Se rendre ici :
► [ROOT]/styles/nom du style/template
Ouvrir le fichier overall_header.html
Code : Tout sélectionner
<div class="headerbar" role="banner">
Code : Tout sélectionner
<div id="social-link">
<div id="social-link-icons">
<a href="url facebook"><img title="Facebook" src="url forum/images/social/facebook.png"></a>
<a href="url twitter"><img title="Twitter" src="url forum/images/social/twitter.png"></a>
</div>
</div>
<a href="url facebook"> remplacer "url facebook" par le lien de la page/groupe
<img title="Facebook" Facebook sera affiché si on pointe la souris sur l'icône
src="url forum/images/social/facebook.png"> remplacer "url forum" par le lien du forum
► Le code CSS
Dans la stylesheet du style du forum
Code : Tout sélectionner
#social-link {
position: relative;
height: 0px;
right: 10px;
top: 150px;
}
#social-link-icons {
float: right;
}
Purger le cache pour faire apparaître les icônes des réseaux sociaux
Mettre à jour son forum | Mettre à jour son style perso | Sauvegarde des fichiers du forum | Extra CSS
- Richard Stallman
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.