Accueil
Portail
[Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Page 1 sur 1•Partagez
- Splash
StaffAdmin 
MP- Zoom
- 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;
}
Splash Dim 3 Nov 2019 - 11:14
Hi,
Petite astuce qui permet de placer des flèches de navigation Haut et Bas sur votre forum.
La particularité de ces 2 flèches est qu'elles s'adaptent à la couleur du thème du forum.
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_end
Dans le template overall_footer_end repérez ce bloc :
Juste après déposez ceci :
Pensez à
et à publier le template modifié 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
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
Petite astuce qui permet de placer des flèches de navigation Haut et Bas sur votre forum.
La particularité de ces 2 flèches est qu'elles s'adaptent à la couleur du thème du forum.
Direction le template
Panneau d'administration / Affichage /Templates / Général / overall_footer_end
Dans le template overall_footer_end repérez ce bloc :
Juste après déposez ceci :
Pensez à
et à publier le template modifié 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
- David1195
StaffModo - MP
- Zoom
David1195 Mar 5 Nov 2019 - 12:32
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
![[Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_l){kind=small}
![[Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème Poll_m10](https://i.servimg.com/u/f86/18/21/41/30/poll_m10.gif?poll=m){kind=small}
![[Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_r){kind=small}
» » Modifier l'icône "On-line"
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Insérer des boutons "Haut" & "Bas" de forum
» » Mettre une image au qeel
» » Modifier l'apparence du qeel
» » Liens haut & bas de page façon AwesomeBB
» » Mettre une image au qeel
» » Réduire la hauteur des catégories
» » [Edge] Hover sur l'avatar pour afficher les infos de profil
» » Un texte qui clignote
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'apparence du qeel
» » Modifier la phrase Qui est en ligne ?
» » Personnaliser la navbar en CSS