[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Voir :
- Code:
{T_HEAD_STYLESHEET}
- Code:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
- Code:
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>- Code:
<div id="CAFarrow"><a href="#top" class="fa fa-arrow-up" aria-hidden="true"></a><span>-</span><a href="#bottom" class="fa fa-arrow-down" aria-hidden="true"></a></div>
- Code:
#CAFarrow {
align-items: center; /*alignement des flèches*/
bottom: 80px; /*position par rapport au bas de forum*/
right: 64px; /*position par rapport à la bordure droite du forum*/
display: flex; /*affichage des flèches*/
flex-direction: column;
font-size: 20px;
position: fixed;
width: 20px;
}
Hi,
Voici une astuce pour installer des flèches de redirection Haut et Bas sur votre forum.
Cette astuce utilise la police Font Awesome
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_header
Dans le template overall_header repérez cette ligne :
Juste au-dessus déposez ceci (sauf si la police Font Awesome est déjà installée sur votre forum) :
Pensez à et à publier le template en cliquant sur
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_end
Dans le template overall_footer_end repérez ceci :
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
Voici une astuce pour installer des flèches de redirection Haut et Bas sur votre forum.
Cette astuce utilise la police Font Awesome
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_header
Dans le template overall_header repérez cette ligne :
Juste au-dessus déposez ceci (sauf si la police Font Awesome est déjà installée sur votre forum) :
Pensez à et à publier le template en cliquant sur
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_end
Dans le template overall_footer_end repérez ceci :
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 à
:u1: |
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
> Intervenir dans les templates
> La CSS
NIK SIURI aime ce message
- LilaCH
Membre
Merci beaucoup !
- David1195
StaffModo
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Ven 19 Juil 2024 - 23:11 par Noxys
» » Bouton MP "Répondre" adapté à la version ModernBB
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 10:07 par NIK SIURI
» » Centrer l'avatar, le pseudo & le rang dans les messages
Mer 31 Jan 2024 - 10:06 par NIK SIURI
» » Modifier l'icône "On-line"
Mar 23 Mai 2023 - 19:15 par Kionk