Compteur de visites gratuit
Annonces
CAForum est, depuis peu, un forum d'aide pour phpBB. Voici le lien du forum : https://caforum.fr/forum
CAForum infos
Derniers sujets
» » [Edge] nouveau système de J'aime et Je n'aime pas
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Jeu 25 Juin 2020 - 13:22 par Splash

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Ven 19 Juin 2020 - 22:25 par Splash

» » [Edge] Icônes Font Awesome avant les titres de forums
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Lun 15 Juin 2020 - 17:05 par Volubal

» » Liens haut & bas de page façon AwesomeBB
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Lun 25 Mai 2020 - 18:03 par herogfx2

» » Modifier l'apparence du qeel
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Ven 8 Mai 2020 - 14:22 par chipster

» » Masquer le bloc "Modérateurs"
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mer 6 Mai 2020 - 21:15 par Pisso

» » Ajouter son copyright
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mer 6 Mai 2020 - 20:58 par Pisso

» » Mettre une image au qeel
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mer 6 Mai 2020 - 19:49 par Pisso

» » Coloriser les cases des Annonces, Annonces globales & des Notes
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mer 6 Mai 2020 - 19:48 par Pisso

» » Bouton MP "Répondre" adapté à la version ModernBB
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Jeu 30 Avr 2020 - 9:17 par Splash

» » [phpBB3] Catégories de différentes couleurs
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Sam 25 Avr 2020 - 20:41 par chrisnvidia

» » COVID19 sur le forum
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Ven 24 Avr 2020 - 17:32 par Splash

» » Réduire la hauteur des catégories
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Lun 6 Avr 2020 - 11:39 par Cedou

» » Insérer des boutons "Haut" & "Bas" de forum
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mar 17 Mar 2020 - 18:47 par stmphotoGG

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Clock-10Mar 17 Mar 2020 - 18:41 par stmphotoGG

Juillet 2020
LunMarMerJeuVenSamDim
  12345
6789101112
13141516171819
20212223242526
2728293031  

Calendrier Calendrier

[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash le Dim 3 Nov 2019 - 15:36

  • MP
  • Zoom
Hi,
Voici une astuce pour installer des flèches de redirection Haut et Bas sur votre forum.
Cette astuce utilise la police Font Awesome


Voir :
[phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème Fofo_t39



Direction le template

Panneau d'administration / Affichage /Templates / Général / overall_header


Dans le template overall_header repérez cette ligne :
Code:
{T_HEAD_STYLESHEET}

Juste au-dessus déposez ceci (sauf si la police Font Awesome est déjà installée sur votre forum) :
Code:
       <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">  

Pensez à  Enregistrer   et à publier le template en cliquant sur  Valider


Direction le template

Panneau d'administration / Affichage /Templates / Général / overall_footer_end


Dans le template overall_footer_end repérez ceci :
Code:
{PROTECT_FOOTER}
 </div>
 </div>
 </div>
</div>

Juste après déposez ceci :
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>  

Pensez à  Enregistrer   et à publier le template en cliquant sur  Valider


Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :
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;
}

Pensez à  Valider 2


:u1:
À bientôt
Bye




  Pour bien réaliser cette astuce
Like a Star @ heaven  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



† Aucune aide ne sera donnée en privé
LilaCH

Membre
Membre
LilaCH

MessageLilaCH le Lun 4 Nov 2019 - 23:23

  • MP
  • Zoom
Merci beaucoup !
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 le Mar 5 Nov 2019 - 12:33

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum