Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Bouton_activeCréer un ascenseur pour naviguer sur le forum (messages) - Page 2 Bouton_hoverCréer un ascenseur pour naviguer sur le forum (messages) - Page 2 Fb-hoverCréer un ascenseur pour naviguer sur le forum (messages) - Page 2 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez
 

Créer un ascenseur pour naviguer sur le forum (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
Kuro
{ Membre }
{ Membre }

Masculin Messages : 7



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Humfp ... J'comprend pas è_é. J'ai fait un test pour #top ça marche mais pour #bottom ça marche pas... T.T
Pourtant j'avais déjà fait un ascenceur avec un widget flottant & ça marchais parfaitement ....

CSS :
Code:

.ascenseur {
position: fixed;
top: 50px;
left: 0px;
border: 2px solid #66523D;
-moz-border-radius: 0px 35px 35px 0px;
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}

HTML :
Code:

<div class="ascenseur">
<a href="#top"><img src="http://www.fastuces.toile-libre.org/fleche_haut.png" /></a><br />
<a href="#bottom"><img src="http://www.fastuces.toile-libre.org/fleche_bas.png" /></a>
</div>
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 16 Oct 2010, 17:53
Revenir en haut Aller en bas
http://creationtekken.gofreeserve.com
tekken
tekken
{ Membre }
{ Membre }

Masculin Messages : 44



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
extra, ça marche nikel, merci pour ce partage Wink

est il possible de faire la même chose sur un site ?


edit : j'ai trouvé la réponse à ma question tout seul cheers

j'ai créé 2 ancre et je me suis servis de ces codes pour le css :

Code:

.ascenseur {
   width: 40px;
   float: right;
   position: absolute;
   top: 800px;
   right: 0px;
}


<div class="ascenseur" align="right"> <a href="#haut"><img src="http://i82.servimg.com/u/f82/14/02/73/06/haut10.gif" border="none"/></a>
    <a href="#bas"><img src="http://i82.servimg.com/u/f82/14/02/73/06/haut10.gif" border="none"/></a>
</div>
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 23 Oct 2010, 07:58
Revenir en haut Aller en bas
http://geekhouse.forumgratuit.org
LB670
LB670
{ Membre }
{ Membre }

Masculin Messages : 25



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Merci pour ce tuto super sympa chez moi tout marche impec !!!
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyJeu 11 Nov 2010, 12:31
Revenir en haut Aller en bas
http://runningdefi93-csld.nouslesfans.com/
Fantasia
Fantasia
{ Membre }
{ Membre }

Féminin Messages : 6



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Bonjour bonjour !

Et comment on fait pour placer un code avec l'ascenseur en bas à droite svp ?^^
cheers Sion le tuto est super, bravo !!!

Ps : j'ai accès au template, merci
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 14 Nov 2010, 10:33
Revenir en haut Aller en bas
http://f-d-test.forumactif.biz/index.htm
Ami
Ami
{ Membre }
{ Membre }

Féminin Messages : 89



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Bonjour,

J'ai fais le tuto sur mon forum sauf que j'ai un petit soucis. En fait tout marche sauf que mes flèche ne sont pas constamment sur l'écran, elle ne s'affichent qu'une fois arrivé en bas du forum. Moi j'aimerais que mes flèches soit présente tout le temps comme vous. MERCI BEAUCOUP d'avance.

J'ai bien mis la ligne position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/

Mais rien...

Voici mon fofo -> http://fdt2.forumotion.com/forum.htm?tt=1

Merki encore ^^
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 21 Nov 2010, 11:38
Revenir en haut Aller en bas
Invité
Invité




Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
remplace fixed par absolute
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 21 Nov 2010, 11:52
Revenir en haut Aller en bas
http://f-d-test.forumactif.biz/index.htm
Ami
Ami
{ Membre }
{ Membre }

Féminin Messages : 89



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Heu je crois que ça vient pas de la le problème... et je crois que c'est pour ça que mes images fonctionnent pas avec l'effet. c'est mon css qui a un problème je crois. Regardes ce qu'il me dit ->

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

Pourtant..je ne vois pas d'erreur...

Spoiler:

Oui bon je re édite pour confirme le problème vient de la balise qui n'est pas fermé au niveau de ->

.mon_contenu{
color: #666;
background: #EBDDDD;
border: 2px solid #EBDDDD;
padding: 2px;
margin-left: -40px;


et si je corrige l'erreur en écrivant ->

.mon_contenu{
color: #666;
background: #EBDDDD;
border: 2px solid #EBDDDD;
padding: 2px;
margin-left: -40px;}

ben ma page d'acceuil est toute déformée TT pouuu dégoutée!!! et tu sais quoi? le problème des images venait bien de ça!
Donc ma petite analyse est bonne sauf que sur le coup je ne vois aucun moyen de corriger ma page d'accueil...Si ce n'est remettre comme avant et laisser tomber le reste...

ALORS après tous ces problèmes et blabla! je me suis cassée la tête pour trouver la solution! et j'y suis arrivée!!! mais alors le chemin était long XD mais bon sur le coup je mérite 20/20 mdr tout fonctionne nickel sauf les images avec l'effet dans mes catégorie sur les sujets ça fonctionne mais pas dans l'endroit ou je veux le mettre à part ça c'est cool! ça marcheuuuuu
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 21 Nov 2010, 11:55
Revenir en haut Aller en bas
http://...
Leelewine
Leelewine
{ Membre }
{ Membre }

Féminin Messages : 74



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Magnifique tuto !! merci beaucoup !!!

Je l'ai placé en haut à gauche, ça fait trop beau ! merci !! Very Happy
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyVen 03 Déc 2010, 13:32
Revenir en haut Aller en bas
http://www.passion406.com
Passion406
{ Membre }
{ Membre }

Masculin Messages : 4



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Bonjour à tous !

Le Tuto est bien sympa, je cherchais quelque chose dans le genre mais pas pour passer de #top à #bottom mais plutôt pour qu'à chaque clic sur une flèche je monte ou descende de 50px avec valeur de pixels modifiable, non lié à un élément de la page.

Je suis en PunBB et accès OK aux templates.

Une idée pour réaliser cette modif ?

Merci d'avance.


Sébastien
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 04 Déc 2010, 16:44
Revenir en haut Aller en bas
Rosalie Hale
Rosalie Hale
{ Membre }
{ Membre }

Féminin Messages : 89



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Merci pour le tuto, mais je me demandais ou nous pouvions trouver des images pour les fleches :S
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 07 Déc 2010, 08:36
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
.Little Lady a écrit:
Là avec ce code, dès qu'on clique sur la flèche on arrive direct en haut ou en bas. Moi je chercherais, si possible, un code qui permettrait, lorsqu'on clique sur la flèche que la page monte ou descende au-fur et à mesure. Un peu comme avec le scroll et comme sur ton fow' Basil.
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 14 Déc 2010, 14:26
Revenir en haut Aller en bas
Cuian
Cuian
{ Membre }
{ Membre }

Masculin Messages : 22



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Bonjour, tout d'abord merci de cette excelent tuto qui m'a permit de réaliser un ascenseur comme je l'espérais =). Mais il y a un problème depuis aujourd'hui, les flèches ne marchent plus sur mozilla firefox, elles sont devenus incliquables. Auriez-vous une idée ?

Voici mes codes:


Spoiler:
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 26 Déc 2010, 10:41
Revenir en haut Aller en bas
Invité
Invité




Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Salut aurais-tu un aperçu pour que je puisse mieux voir le problème?
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyDim 26 Déc 2010, 13:28
Revenir en haut Aller en bas
Cuian
Cuian
{ Membre }
{ Membre }

Masculin Messages : 22



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
http://gintama.forumactif.com/forum.htm#top

Voici le lien
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 28 Déc 2010, 07:21
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty

Je suis sous FF et tes flèches fonctionnent très bien Wink
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 28 Déc 2010, 08:42
Revenir en haut Aller en bas
Cuian
Cuian
{ Membre }
{ Membre }

Masculin Messages : 22



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
sois je suis pas à jour, soit y'a un bug, mais pour moi et d'autre ça ne marche pas =s
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 28 Déc 2010, 08:44
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty

Quel est ta version ?
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 28 Déc 2010, 08:47
Revenir en haut Aller en bas
Cuian
Cuian
{ Membre }
{ Membre }

Masculin Messages : 22



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
j'ai la 3.5.4 je crois o_o
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMar 28 Déc 2010, 08:51
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Very Happy Moi rien ne s"affiche, trop bizarre ?

-_- normale si je me goure entre
Code:
<body> et </body> ^^
Arf

Donc je confirme sa fonctionne mdr ^^ affraid
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMer 05 Jan 2011, 20:34
Revenir en haut Aller en bas
http://lart-des-potins.forums-actifs.com/
Crazy-GirL
Crazy-GirL
{ Membre }
{ Membre }

Féminin Messages : 88



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Super tuto Merci ! =)
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptySam 08 Jan 2011, 06:08
Revenir en haut Aller en bas
http://poulpe-graphix.1fr1.net
Amy-Lee
Amy-Lee
{ Membre }
{ Membre }

Féminin Messages : 22



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Great Love Maintenant reste juste à modifier les flèches x)
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyMer 26 Jan 2011, 16:07
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
wow je suis plutôt fière de moi ! J'ai réussit du premier coup encore merci pour ce tuto ^^
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyLun 14 Fév 2011, 00:25
Revenir en haut Aller en bas
http://style-graph.forumgratuit.org/
-Yuffie-Kisaragi-
-Yuffie-Kisaragi-
{ Membre }
{ Membre }

Féminin Messages : 28



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Yeah super merci /o/ C'est pratique \o/
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyLun 14 Fév 2011, 03:09
Revenir en haut Aller en bas
http://lovely-mocochang-com.forums-actifs.com/index.htm
Yeon Gi
Yeon Gi
{ Membre }
{ Membre }

Féminin Messages : 293



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Merci super tuto ^^
Mais j'aurais aimé savoir tout comme Little Lady comment faire pour que la montée ou la descente se fasse comme un scroll
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyLun 14 Fév 2011, 11:10
Revenir en haut Aller en bas
http://Thoawin.com/
Misa-misa
Misa-misa
{ Membre }
{ Membre }

Féminin Messages : 33



Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Bonjour est-il possible pour cet astuce de créer une autre ancre que #top et #bottom?

Mon header étant assez grand j'aimerais que mon ascenseur arrive au niveau de la barre de navigation et pas tout en haut du forum...

C'est possible?
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 EmptyVen 18 Fév 2011, 08:01
Revenir en haut Aller en bas
Contenu sponsorisé




Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Créer un ascenseur pour naviguer sur le forum (messages) - Page 2 Empty
Revenir en haut Aller en bas
 

Créer un ascenseur pour naviguer sur le forum (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant

 Sujets similaires

-
» Créer une barre de défilement (messages)
» Créer des boutons au style de votre forum (messages)
» Créer un accordéon (messages)
» Créer une ancre (messages)
» Créer un accordéon vertical (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit