La date/heure actuelle est Ven 23 Juin 2017 - 22:35 - créer un forum

[Résolu] flèches

Aller au contenu

Poster un nouveau sujet Répondre au sujet

[Résolu] flèches
Auteur Message
soleil444
Membre


Hors ligne
Membre

Inscrit le: 05 Juin 2012
Messages: 17
Point(s): 17
Moyenne: 1,00
Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 20 Fév 2017 - 21:58    Sujet du message: [Résolu] flèches Répondre en citant

PublicitéSupprimer les publicités ?
coucou,

j'ai vu dans un site deux grosses flèches dans un coin qui peuvent conduire facilement en haut ou en bas du site, je trouve l'idée des flèches géniale mais je ne sais pas comment on les appelle Sad

est-ce possible de mettre des flèches comme celles que j'ai vues dans un forum xooit? Comment?

Merci de m'éclairer! Very Happy


Dernière édition par soleil444 le Mer 22 Fév 2017 - 12:19; édité 1 fois
Forum
Auteur Message
RotorMan
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 21 Déc 2006
Messages: 769
Niveau:
Point(s): 765
Moyenne: 0,99
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 21 Fév 2017 - 19:09    Sujet du message: [Résolu] flèches Répondre en citant

Bonjour,

Un moyen très simple pour ce faire, il faut d'abord créer une class dans votre css :

Exemple :

Code: Sélectionner - Agrandir
    .hautbas {
        position: fixed;
        bottom: 50px;
        right: 50px;
        z-index: 999;
    }


Bottom : étant l'espace entre le bas à droite du forum et l'image
Right : étant l'espace entre le bord droit du forum et l'image
A vous de choisir ce que vous voulez comme espaces.

Ensuite créer une ancre que vous placerez tout en bas du code dans votre Overall_Footer :

Code: Sélectionner - Agrandir
<a name="bottom"></a>


Puis vérifier dans votre Overall_header.tpl que vous avez cette ancre juste après la balise "body".

Code: Sélectionner - Agrandir
<a name="top"></a>


Sinon, la rajouter.


Et enfin dans votre Overall_Header.tpl juste après la balise "Body" :

Votre balise "Body" peut être :

Code: Sélectionner - Agrandir


<body>

ou similaire à cela :

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Placez ce code html :

Code: Sélectionner - Agrandir
<div class="hautbas"><a href="#top"><img src="http://img110.xooimage.com/files/d/e/4/haut1-51aa803.png" alt="Revenir en haut"></a><br />
<a href="#bottom"><img src="http://img110.xooimage.com/files/f/4/5/bas1-51aa808.png" alt="Aller en bas"></a></div>


Les images sont à titre d'exemple, vous pouvez les remplacer par ce que vous désirez.

Capture du résultat sur mon forum de test :



Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Auteur Message
soleil444
Membre


Hors ligne
Membre

Inscrit le: 05 Juin 2012
Messages: 17
Point(s): 17
Moyenne: 1,00
Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 21 Fév 2017 - 22:37    Sujet du message: [Résolu] flèches Répondre en citant

salut et merci, mais j'ai essayé sans que ça marche car je ne sais pas comment placer les codes, désolé je suis de la vieille école^^Je ne comprends rien en ces choses!

tu m'as dit de modifier mon css, mais aller dans quel fichier? J'ai choisi à l'aveuglette formie.css et j'ai collé ça après postbody:

**EDIT: merci beaucoup, ça a finalement fonctionné! et j'ai mis le css dans le css de overall header ça a marché Very Happy franchement on devrait faire un tuto là-dessus!


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 22:35    Sujet du message: [Résolu] flèches

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401