JOOMLA bouton sur le dessus

  • Type - un plug-in qui vous permet de faire défiler les pages vers le haut site Joomla.

 

  •  Rusifikator haut de la page.

 

Haut de page - ce plugin vous permet de faire défiler la page vers le haut site Joomla. Prise en charge Joomla 1.6 à 2.5. Dans la partie frontale du site affiche un bouton pour sauter vers le haut (vers le haut de celui - ci). Ce plugin sera utile pour les sites qui contiennent des matériaux longs, pour une vue complète dont l'utilisateur doit faire défiler plusieurs écrans « ». Pour revenir en haut de la page et, par exemple, utiliser la recherche ou naviguer dans le menu à une autre section du site, l'utilisateur doit faire défiler la page ou utilisez la barre de défilement vertical, ou appuyez sur la touche du clavier page du haut et ainsi de suite. Et vous pouvez simplement cliquer sur le bouton de la souris qui apparaît sur le dessus et aller vers le haut.

Les principales caractéristiques de haut de la page sont les suivantes:

  • Prise en charge de Joomla 1.6, 1.7, 2.5.
  • Facilité d'installation et la facilité d'ajustement.
  • le support multilangue.
  • boutons de style flexibles.
  • Soutien en tant que bouton que le texte et les images.

L'examen sera effectué pour la dernière à partir de cette version par écrit (01.03.2012) du haut de la page 1.8, Joomla 2.5.

Joomla bouton up peut être personnalisé pour votre site si nécessaire compte tenu de la conception particulière. Regardons bouchon de réglage haut de la page (figure ci-dessous).

Réglages haut de la page

  • Option Bouton Révéler Position vous permet de régler la hauteur (en pixels), après avoir atteint un bouton est affiché. Autrement dit, vous spécifiez combien l'utilisateur doit « faire défiler » la page pour faire apparaître le bouton « Up ».
  • Si vous souhaitez utiliser comme le bouton d'image d'arrière - plan, l'option Omettre Button Text vous permettra de le faire en supprimant le texte chargé à partir du fichier de langue.
  • Y compris l'option pour toujours AT Top, vous indiquez que vous devez toujours commencer par le haut de l'écran de la page. Par exemple, si vous faites référence à une page sur un autre site, en utilisant un point d' ancrage situé dans le bas de la page, il est préférable de désactiver cette option.
  • Le défilement de la lisse . Il permet l'utilisation du défilement de la page lisse.
  • La durée du défilement . Si vous pouvez régler la vitesse de défilement fluide (en unités arbitraires) en utilisant cette option. 1000 unités arbitraires = 1 seconde.
  • Le défilement de transition . Cette option vous permet de définir « l' effet » lorsque vous faites défiler vers le haut. Cela fonctionne si l'option est activée la douceur du défilement . Vous serez disponible un des douze « effets ».
  • L'emplacement Lien . Vous pouvez sélectionner l' un des six endroits pour afficher le bouton « Up » sur la page. En haut à gauche, centre, gauche droite ou en bas, au centre, à droite.
  • L'option Utiliser les styles active ou désactive l'utilisation d'une référence de style personnalisé. Si cette option est désactivée, utiliser le style de votre modèle de site. Si elle est activée, vous pouvez définir un bouton d'affichage de style unique dans le lien du style .

Regardons quelques bouton d'options de conception. Si vous souhaitez utiliser comme un bouton « Up » image, le premier créer dans un éditeur bitmap et enregistrez -le dans un dossier avec le site. Par exemple, le fichier que vous avez créé (ou trouvé sur Internet), est appelé le bouton . .png et se trouve dans le dossier images de votre site Web. Ensuite , le contenu du style lien peut ressembler à ceci:

En savoir plus:   LECTEUR FLASH mise à jour pour Windows 8

#gototop{width: 70px;height: 30px;background-image: url(/images/button.png);}

Lorsque les paramètres largeur et hauteur indiquent la largeur et la hauteur de l'image de bouton.

Vous pouvez rencontrer un problème lorsque l'image des « bâtons » aux bords de l'écran. Vous pouvez faire la taille de la « toile » de l'image (par exemple, Adobe Photoshop éditeur bitmap) plus que le dessin simplement sur le bouton lui - même. Une partie « redondant » transparente. Et, si vous avez un bouton sur le site est situé dans le coin inférieur droit, l'image de « toile » dans Adobe Photoshop devrait être placé en haut à gauche. Peaufiner les paramètres de largeur et de hauteur, vous réaliserez belle (sans « coller » aux bords) bouton d'affichage sur le site.

Mais vous pouvez personnaliser l'affichage du bouton « Up » sous la forme de texte et d'arrière-plan. Dans ce cas, vous serez disponible pour l'édition bouton largeur de la bordure, la couleur, le bouton couleur de fond, couleur de la police et la couleur d'arrière-plan et la police lorsque vous placez le curseur de la souris sur le bouton. Il ressemble à ceci:

#gototop{border:0px solid #000;margin:5px;padding:5px;background-color:#9BDCED;color:#000000;} #gototop:hover{background-color:#D4EFF6;color:#8A6D51;}

Lorsque le paramètre frontière : - l'épaisseur du bouton de course (en pixels), solide - couleur de trait, la marge - un espace à partir des bords de la fenêtre du navigateur (en pixels), le rembourrage - rembourrage du texte du bouton (le mot « UP ») à la frontière (en pixels). En d' autres termes, au moyen de rembourrage , vous pouvez augmenter ou diminuer le bouton lui - même, si elle n'est pas mis en œuvre avec l'aide d'images. fond utilisé - couleur - couleur de fond ( en dehors de la mise au point du pointeur de la souris), la couleur - la couleur de la police ( en dehors de la mise au point du pointeur de la souris), # gototop : vol stationnaire fond utilisé - couleur - la couleur de l'arrière - plan dans la mise au point de la souris, # gototop : vol stationnaire couleur - la couleur du lettrage de police dans le centre de la souris .

Comme vous pouvez le voir sur le site Joomla up avec ce plugin vous n'aurez pas de problèmes.

Haut de page vous permettra d'améliorer la facilité d'utilisation du site. Malgré le fait que la montée vers le sommet, il y a plusieurs façons, haut de la page sera toujours utile et pratique pour vos utilisateurs. Cependant, il convient de rappeler que sur ces sites où le modèle est conçu pour 100% de la largeur de la fenêtre du navigateur, le bouton « Up » peut remplacer le contenu de la page. Donc, vous devriez examiner attentivement le travail haut de la page et de déterminer si elle empêche les utilisateurs.

Rusifikator haut de la page

Télécharger le crack haut de la page.

 

articles connexes

  • Présentation DJ-megamenu. Module de menu Joomla
  • Présentation DJ-Suggester. Une fenêtre pop-up sur le site Joomla
  • Vue d'ensemble Tag Transformer. Joomla balises
  • Joomla com_tags examen. Ajout de matériaux d'étiquettes
  • Rusifikator haut de la page

 

Liens utiles:

  • Le site officiel du programme.

SCROLL SKYLINE VERS LE HAUT - BOUTON RETOUR HAUT DE LA PAGE

Le bouton suivant, qui fournit un retour rapide sur le haut de la page que vous consultez. Auparavant décrit une expansion similaire «de Adeptus UP» , « en haut de la page» , «Smoothtop» , a fait à plusieurs reprises des problèmes dans les lecteurs du blog. Nous espérons que ce développement ne causera pas censures.

Skyline Faites défiler jusqu'à Haut

DEMO

Joomla
2.5, 3.0

TÉLÉCHARGER

Version
2.0

Étape 1: Installer l'extension

  • "Installation et activation des extensions CMS Joomla!"

Étape 2. Paramètres. Onglet « plugin »

Developer Extension a fourni tous les paramètres nécessaires à un des paramètres de plug-in, sauf ceux des images. Nous éliminons cette lacune et de fournir une sélection d'images pour le bouton. Si nécessaire, la taille de l'image peut être réduite dans un programme graphique.

Maintenant directement aux paramètres:

Skyline Faites défiler jusqu'à Haut

  • Activer admin - utiliser le bouton sur le site du panneau de commande
  • Moteur - choix des bibliothèques JavaScript pour les boutons d'animation - jQuery
  • fond d'image utilisé - Décompressez l'archive avec les images dans le dossier «Images» et sélectionnez l'image

bloc de texte:

Skyline Faites défiler jusqu'à Haut

  • Le texte - texte sur le bouton
  • Titre - le nom du bouton, qui apparaîtra lorsque vous survolez

Skyline Faites défiler jusqu'à Haut

Comme vous pouvez le voir, le bouton est affiché, mais il est souhaitable de changer l'arrière-plan. Pour ce faire, il y a le bloc suivant.

Skyline Faites défiler jusqu'à Haut

  • L'arrière - plan de couleur utilisé - couleur de fond
  • La couleur du texte - couleur de la légende sur le bouton
  • La couleur la hover de fond - couleur de fond avec l'accent mis sur le bouton
  • Le texte du vol stationnaire couleur - la couleur du texte lorsque vous survolez
En savoir plus:   Quel est le but SERVEUR CANAL DE CONNEXION

Changer l'arrière-plan et obtenir les prochains boutons d'option d'affichage.

Skyline Faites défiler jusqu'à Haut

Le dernier bloc est responsable de l'agencement des boutons:

Skyline Faites défiler jusqu'à Haut

  • La position - bouton peut être positionné en haut ou en bas, à gauche ou à droite
  • Le rayon frontière - valeur coin arrondi du bouton
  • De gauche le décalage / droite - déplacement de la gauche et à droite
  • Le Top du décalage / Le bas - le déplacement du haut et en bas
  • De gauche à droite et la Rembourrage - rembourrage à gauche et à droite
  • Le Haut et le Bas du Rembourrage - rembourrage sur le dessus et le bas

Étape 3. Paramètres.
Onglet « Paramètres avancés »

paramètres optionnels supplémentaires:

Skyline Faites défiler jusqu'à Haut

  • La durée du défilement - faire défiler la longueur (500 = un demi - seconde)
  • Transition du défilement - effets lors du déplacement de pages
  • Le CSS la coutume - champ à insérer d' autres styles

Partagez cet article avec vos amis sur les réseaux sociaux.

 

  • Commentaires (3)
  • VKontakte ()
  • Google+
  • Facebook ()

Choisissez votre langue

polonaisAnglais allemand espagnol français italien Portugais turc arabe ukrainien suédois hongrois bulgare estonien Chinois (simplifié) vietnamien roumain thaï slovène slovaque serbe malais norvégien letton lituanien coréen japonais indonésien hindi hébreu finnois grecque néerlandais tchèque danois croate Chinois (traditionnel) Philippines ourdou Azeybardzhansky arménien Belorussian Bengali géorgien kazakh catalan Mongolski russe Tadzhitsky Tamil'skij telugu Uzbetsky


Ajouter un commentaire

Votre e-mail ne sera pas publiée. Les champs obligatoires sont marqués *