Problème scroll Bouton_activeProblème scroll Bouton_hoverProblème scroll Fb-hoverProblème scroll 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
Problème scroll EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème scroll EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème scroll EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème scroll EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème scroll EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème scroll EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème scroll EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème scroll EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Problème scroll

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Problème scroll Empty
Bonjour,

Récemment j'ai eu à coder un header en mapping. Cependant, la personne désirait avoir une scroll qui fonctionnait lorsqu'on cliquait sur des images. Le problème est que j'ignore comment faire cela, si cela se fait avec du java, du HTML et/ou du CSS.

Si quelqu'un pouvait m'aider, ce serait super sympa et pratique pour moi à l'avenir.

Voici le header en question: http://angelcoulbyfrance.net/wp-content/themes/AngelCoulbyFrance/images/header.png

La partie à coder est la partie "Last Pictures" avec les deux petites flèches orangées à droite du cadre blanc.
MessageSujet: Problème scroll   Problème scroll EmptyMar 25 Déc 2012, 06:31
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème scroll Empty
Bonjour Little Lady !

Personnaliser le scrolling est toujours quelque chose de délicat car tu ne peux pas véritablement personnaliser la barre de scroll du navigateur (tu peux changer la couleur de certains, mais ça ne va guère plus loin et n'est pas bien compatible).

Ce qu'il faut faire, c'est simuler une barre de scroll. Ca fait appel à du HTML/CSS (pour créer ton bloc ayant une taille fixe et créer/personnaliser une barre de défilement) et du javascript (pour faire bouger le positionnement en fonction de la barre.


Il y a une paire de technique pour le faire, tu trouvera assez facilement des sujets et tutos là-dessus sur le web. Malheureusement je ne connais pas de bon tutoriel à te conseiller pour cela et il n'y en a pas non plus que je sache (pour le moment en tout cas) sur CSSActif. Il faudra donc composer avec des méthodes et des scripts plus ou moins bien faits, mais si tu as un soucis on est toujours là pour te dépanner.

Je te suggère donc de faire une petite recherche sur la manière de faire une barre de défilement en javascript. Ce topic du SdZ peut servir de base (bien que je ne sois pas convaincu de la qualité du code fourni en réponse et que ça diffère un peu de ce que tu souhaites faire précisément, mais je trouve que ça met bien en lumière les 3 éléments dont tu as besoin pour te le faire comprendre).


Ah et bonnes fêtes de fin d'année à toi Wink
MessageSujet: Re: Problème scroll   Problème scroll EmptyMer 26 Déc 2012, 06:27
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Problème scroll Empty
Little Lady, ta signature ne respecte pas le règlement de CSSActif : Les liens sont interdits dans les signatures
MessageSujet: Re: Problème scroll   Problème scroll EmptyMer 26 Déc 2012, 07:03
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Problème scroll Empty
Merci Espeon, je vais voir ce que je vais trouver. Au pire, je reviendrais demander un peu d'aide.
MessageSujet: Re: Problème scroll   Problème scroll EmptyMer 26 Déc 2012, 10:56
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Problème scroll Empty
Bonsoir,

Le problème est donc résolu ?
MessageSujet: Re: Problème scroll   Problème scroll EmptySam 29 Déc 2012, 15:17
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème scroll Empty
Yop !
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Si besoin est, n'hésite pas à ouvrir un autre sujet (:
Merci de ta compréhension Problème scroll 926145
MessageSujet: Re: Problème scroll   Problème scroll EmptyJeu 03 Jan 2013, 10:53
Revenir en haut Aller en bas
Contenu sponsorisé




Problème scroll Empty
MessageSujet: Re: Problème scroll   Problème scroll Empty
Revenir en haut Aller en bas
 

Problème scroll

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Scroll dans le QEEL
» Comment mettre un scroll
» Derniers connectés du qeel impossible à mettre un scroll [résolu]
» Rendu très différents de Chrome à Firefox (titre forums + chat box + scroll)
» <Navigation> Barre de navigation qui disparait au scroll

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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