Défilement simplifié du texte: 4 configurations
Qu’est – ce que le texte de défilement? Le texte glissant est le texte qui se déplace sur une page Web dans la direction définie pour elle. Il est affiché dynamiquement et a les propriétés définies pour cela. Type de texte de ce type: classique (le texte fait défiler la page plusieurs fois) regardez le stylo zlazm de Veronica sur le codepen (@ Veronica 18). Glissez (le texte défile vers un point sur la page pour le garder en place) pour voir le stylo vbdery de Veronica (@ Veronica 18) sur le codepen. Alternativement (le texte défile Dans une direction sur la page, puis retourne dans la direction opposée lors d’un autre mouvement répété)
Regardez le stylo pzkgpl de Veronica (@ Veronica 18) sur le codepen. Barre de progression de défilement de texte pour voir la barre de progression de stylo super simple de Veronica sur codepen (@ Veronica 18). Ce type de texte est une fonctionnalité rarement utilisée et ne s’applique qu’aux situations qui apportent une valeur réelle aux pages du site. L’exemple suivant illustre la bonne utilisation de ce texte parce qu’il contient des informations précieuses en temps réel pour les visiteurs:
Texte
Comment l’ajouter à votre page Web? Il existe trois façons principales d’ajouter du texte à votre page Web: 1. Un plugin (pour les sites WordPress), en utilisant 2. Un générateur de code qui vous fournit le Code que vous voulez coller dans le code source de la page ou écrire votre propre code (3.html ou 4.css animation). Défilement automatique du texte (comment) nous traitons de la façon de faire fonctionner ce texte sur les pages de votre site. Lorsque le lecteur monte sur la page, il peut voir le mouvement du texte (défilement horizontal – de gauche à droite \/ de droite à gauche, défilement vertical – de bas en haut \/ de haut en bas, rebondissement, glissement). Comment les mettre en œuvre?
Une façon simple d’ajouter du texte de défilement: utilisez le plugin wordpress si votre site utilise WordPress, il y a une meilleure façon d’ajouter ce type de texte à la page. Appelé ditty News ticker, il s’agit d’un plug – in spécialement créé pour insérer du texte glissant dans un site Web. Il y a beaucoup de plug – ins disponibles pour faire défiler le texte, et nous discuterons des plug – ins les plus fiables et les plus fonctionnels dans cet article. Voici les étapes pour inclure ce texte dans le site WordPress en utilisant les méthodes suivantes: a. Recherchez et installez le plug – in dans le panneau d’administration WordPress, allez au plug – in – > ajoutez une nouvelle section et tapez le résumé des nouvelles de la piste dans la boîte de recherche. B. cliquez sur Installer maintenant. Cliquez sur Activer. Vérifiez que le plug – in fait partie du plug – in installé et actif en allant au plug – in – > plug – ins installés. E. dans le tableau de bord de gestion WordPress, une nouvelle section a été ajoutée au menu: elle s’appelle News tickers. Cliquez dans cette section pour accéder au tableau de bord dédié à la création et à la personnalisation de nouveaux codes d’actions. F. Cliquez et ajoutez un nouveau ticker pour créer un texte glissant
Heures de code HTML (Sélectionnez constructeur). Vous pouvez entrer le texte à défiler dans le générateur de code et ajuster ses propriétés directement en ligne. Ce générateur de tente se trouve ici.
Vous pouvez non seulement saisir du texte, mais aussi le personnaliser: a. Couleur du texte B. couleur de fond c. caractères de texte D. direction de défilement E. vitesse de défilement f. type de mouvement (défilement \/ rebond) G. remplissage du texte H. marge de texte io. Taille de la police J. texte gras \/ italique K. alignement du texte (gauche, droite, Centre, justification) L. hauteur de ligne vous pouvez également appliquer un effet de défilement à l’image. Spécifiez l’URL de l’image et le texte optionnel pour l’image, et l’image sélectionnée défilera sur la page. 3. Auto – codage: la première et la plus célèbre méthode pour faire défiler le texte en utilisant le code HTML est d’utiliser le code HTML. La balise correspondant à cette fonction est appelée \
Animation en dehors du temps de lecture. Règle @ keyframes (qu’est – ce que c’est et ce qu’il contient): Tout d’abord, la syntaxe de la règle @ keyframes est la suivante: @ keyframes: Name {keyframe Selector {keyframe Declaration}}}. La règle @ keyframes définit le style de texte pour différents points de l’animation pendant la lecture. Contient des sélecteurs et des déclarations. Le sélecteur est utilisé pour définir plusieurs points au cours d’une itération, soit à partir d’un mot – clé, soit en pourcentage. L’instruction représente les attributs et les ensembles de valeurs spécifiques à la règle @ keyframe. Ils sont marqués d’accolades. Pour créer correctement le Code, utilisez translatex pour le déplacement horizontal du texte coulissant et translatey pour le déplacement vertical du texte coulissant. Dans la ligne d’encodage, vous devez inclure: – MOZ Transform = define text Transform – webkit Transform = define text to 2D or 3D Space Transform 5. Faire défiler manuellement le texte (barre de progression) Lorsqu’un utilisateur se connecte à une longue page, en particulier sur un blog, il vaut la peine d’inclure une barre de progression qui lui rappelle la progression de la lecture, ce qui lui permet de participer davantage à la navigation de la page. Cette fois, le défilement de texte est effectué par une personne et il y a un \
Adaptez – vous à vos préférences. Fond transparent À des fins pratiques, il existe une option plug – in pour définir le fond de la barre de progression à transparent. Couleur du premier plan désactivez cette option pour indiquer le premier plan lorsque vous arrêtez le défilement du texte. Par conséquent, lorsque l’utilisateur ne fait pas défiler la page vers le bas, le premier plan aura la couleur définie à partir de là. Il est facile de définir un tel texte sur une page Web. Bien que nous vous recommandons de choisir l’animation CSS ou, plus simplement, le plug – in ditty News ticker (si votre site a été créé en utilisant WordPress), l’une ou l’autre des méthodes ci – dessus peut être utilisée. Le défilement du texte par l’utilisateur peut également se traduire par un moyen simple d’accroître la participation: insérer une barre de progression de lecture sur la page Web. Ainsi, ils sauront exactement comment ils lisent et combien il reste à lire, ce qui les gardera sur la page et promet de ne pas prendre trop de temps précieux. Bien utiliser le texte glissant!