C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Slideshow horizontal infini
Hier à 08:26 par Leiris

» Infobulle avec effets CSS3
Hier à 01:35 par Helena-Bella

» Limitation de la signature
Ven 18 Aoû 2017, 23:36 par Helena-Bella

» Effet de volet glissant sur un bloc
Ven 18 Aoû 2017, 18:56 par Blocku

» Dimensions des avatars
Ven 18 Aoû 2017, 06:12 par Mortuus

» Signature codée
Jeu 17 Aoû 2017, 22:31 par Helena-Bella

» Signature codée
Jeu 17 Aoû 2017, 22:27 par Helena-Bella

» Signature codée avec onglets
Jeu 17 Aoû 2017, 22:18 par Helena-Bella


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
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Masculin Messages : 7



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)   Sam 16 Oct 2010, 17:53
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creationtekken.gofreeserve.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 44



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)   Sam 23 Oct 2010, 07:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://geekhouse.forumgratuit.org
avatar
{ Membre }
{ Membre }

Masculin Messages : 25



Merci pour ce tuto super sympa chez moi tout marche impec !!!


MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Jeu 11 Nov 2010, 12:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://runningdefi93-csld.nouslesfans.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 6



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)   Dim 14 Nov 2010, 10:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://f-d-test.forumactif.biz/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 89



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.creerforums.com/forum.htm?tt=1

Merki encore ^^



Et toujours aussi gourmande...♥
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Dim 21 Nov 2010, 11:38
Revenir en haut Aller en bas
Invité
Invité




remplace fixed par absolute
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Dim 21 Nov 2010, 11:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://f-d-test.forumactif.biz/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 89



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



Et toujours aussi gourmande...♥
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Dim 21 Nov 2010, 11:55
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://...
avatar
{ Membre }
{ Membre }

Féminin Messages : 74



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)   Ven 03 Déc 2010, 13:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.passion406.com
{ Membre }
{ Membre }

Masculin Messages : 4



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)   Sam 04 Déc 2010, 16:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 88



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)   Mar 07 Déc 2010, 08:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.illusionimaginative.net/
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



.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.




CSS HTML
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 14 Déc 2010, 14:26
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 22



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:
 


/\_/\
(o°.°o)

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




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)   Dim 26 Déc 2010, 13:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 22





/\_/\
(o°.°o)

Love
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 28 Déc 2010, 07:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179




Je suis sous FF et tes flèches fonctionnent très bien Wink



Fuyez, pauvres fous ! [Gandalf]
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 28 Déc 2010, 08:42
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 22



sois je suis pas à jour, soit y'a un bug, mais pour moi et d'autre ça ne marche pas =s


/\_/\
(o°.°o)

Love
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 28 Déc 2010, 08:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179




Quel est ta version ?



Fuyez, pauvres fous ! [Gandalf]
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 28 Déc 2010, 08:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 22



j'ai la 3.5.4 je crois o_o


/\_/\
(o°.°o)

Love
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Mar 28 Déc 2010, 08:51
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gothiqua.wix.com/pixenart
avatar
{ Membre }
{ Membre }

Masculin Messages : 104



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)   Mer 05 Jan 2011, 20:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lart-des-potins.forums-actifs.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 87



Super tuto Merci ! =)
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Sam 08 Jan 2011, 06:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://poulpe-graphix.1fr1.net
avatar
{ Membre }
{ Membre }

Féminin Messages : 22



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

Messages : 254



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)   Lun 14 Fév 2011, 00:25
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://style-graph.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 28



Yeah super merci /o/ C'est pratique \o/


MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Lun 14 Fév 2011, 03:09
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lovely-mocochang-com.forums-actifs.com/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 293



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


Please give me 4Minute
MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   Lun 14 Fév 2011, 11:10
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Thoawin.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 33



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)   Ven 18 Fév 2011, 08:01
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Créer un ascenseur pour naviguer sur le forum (messages)   
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

-
» Problème pour naviguer sur le forum
» Problèmes pour poster sur le forum pour les invités et les nouveaux membres
» Présentation pour un invité du forum
» problème pour la largueur du forum
» news letter en powerpoint a héberger pour diffusion par le forum

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 | Contact | Signaler un abus | Forum gratuit