JOOMLA BOTÓN ENCIMA

  • Tipo - un plugin que le permite desplazarse hacia arriba Joomla páginas web.

 

  •  Rusifikator principio de la página.

 

Parte superior de la página - este plugin le permite desplazarse a la página de Joomla sitio. Es compatible con Joomla 1.6 a 2.5. En la parte frontal del sitio muestra un botón para saltar a la parte superior (en la parte superior de la misma). Este plugin será útil para aquellos sitios que contienen materiales largos, para una visión completa de lo que el usuario debe desplazarse a través de "múltiples pantallas". Para volver a la parte superior de la página y, por ejemplo, utilizar la búsqueda o navegar por el menú a otra sección del sitio, el usuario tiene que desplazarse por la página o utilice la barra de desplazamiento vertical, o pulse la tecla del teclado Página Arriba y así sucesivamente. Y que acaba de hacer clic en el botón del ratón que aparece en la parte superior e ir a la parte superior.

Las principales características de principio de la página son los siguientes:

  • Soporte para Joomla 1.6, 1.7, 2.5.
  • Facilidad de instalación y facilidad de ajuste.
  • soporte multilenguaje.
  • Las teclas programables de estilo.
  • Soporte como un botón que el texto y las imágenes.

La revisión se llevó a cabo durante la última a partir de este (01.03.2012) versión de la escritura del principio de la página 1.8, Joomla 2.5.

Joomla botón de arriba se puede personalizar a su sitio como sea necesario teniendo en cuenta el diseño particular. Veamos tapón de ajuste principio de la página (figura siguiente).

Ajustes principio de la página

  • Opción Botón Revelar Posición le permite establecer la altura (en píxeles), después de llegar a un botón en la pantalla. Es decir, se especifica la cantidad que el usuario tiene que "scroll" abajo de la página para que aparezca el botón "arriba".
  • Si desea utilizar como el botón de imagen de fondo, la opción Omitir texto de botón le permitirá hacer esto mediante la eliminación de la carga de texto, desde el archivo de idioma.
  • Incluyendo la opción para Always A la Cima, se indica que se debe partir siempre de la parte superior de la visualización de la página. Por ejemplo, si se hace referencia a una página de otro sitio, utilizando un ancla situada en la parte inferior de la página, es mejor desactivar esta opción.
  • El desplazamiento del Smooth . Permite el uso de la página de desplazamiento suave.
  • La duración del desplazamiento . Si usted puede ajustar la velocidad de desplazamiento suave (en unidades arbitrarias) el uso de esta opción. 1000 unidades arbitrarias = 1 segundo.
  • El desplazamiento de transición . Esta opción le permite establecer "efecto" cuando se desplaza hacia arriba. Funciona si la opción está habilitada la lisa del desplazamiento . Va a estar disponible uno de los doce "efectos".
  • El lugar Link . Puede seleccionar uno de los seis lugares para mostrar el botón "arriba" en la página. Arriba a la izquierda, centro, derecha o izquierda abajo, centro, derecha.
  • La opción Usar estilos activa o desactiva el uso de una referencia de estilo personalizado. Si esta opción está desactivada, para utilizar el estilo de su plantilla de sitio. Si está activado, se puede establecer un único botones de la pantalla en el estilo de Enlace el estilo .

Veamos un botón de opciones de diseño pocos. Si se desea utilizar como un botón "arriba" de la imagen, el primero crear en cualquier editor de mapa de bits y guardar en una carpeta con el sitio. Por ejemplo, el archivo que ha creado (o que se encuentran en Internet), se llama el botón . png y se encuentra en la carpeta de imágenes de su sitio web. A continuación, el contenido del enlace estilo pueden ser algo como esto:

Leer más:   reproductor flash para Windows 8

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

Cuando los parámetros de anchura y altura indican la anchura y altura de la imagen del botón.

Usted puede encontrar un problema cuando la imagen de los "palos" a los bordes de la pantalla. Puede hacer que el tamaño de la "tela" de la imagen (por ejemplo, Adobe Photoshop editor de mapa de bits) más que el dibujo del propio botón. Una parte "redundante" hizo transparente. Y, si usted tiene un botón en el sitio se encuentra en la esquina inferior derecha, entonces el cuadro de "lienzo" en Adobe Photoshop debe ser colocado en la parte superior izquierda. Ajustar los parámetros de anchura y altura, va a lograr hermosa (sin "pegue" a los bordes) botón de pantalla de la página web.

Pero se puede personalizar la visualización de la tecla "Up" en forma de texto y el fondo. En este caso, usted estará disponible para la edición de frontera botón de ancho, su color, el color de fondo de botón, color de fuente y color de fondo y la fuente cuando se pasa el cursor del ratón sobre el botón. Se ve así:

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

Donde el parámetro frontera : - el grosor del botón de carrera (en píxeles), sólido - color del trazo, el margen - un espacio desde los bordes de la ventana del navegador (en píxeles), el relleno - acolchado del texto del botón (la palabra "UP") hasta la frontera (en píxeles). En otras palabras, mediante el relleno , se puede aumentar o disminuir el botón en sí, si no se lleva a cabo con la ayuda de imágenes. background Catálogo de - de color - color de fondo (fuera del foco del puntero del ratón), el color - el color de la fuente (fuera del foco del puntero del ratón), # gototop : el cursor del fondo Usado - de color - el color del fondo en el foco del ratón, # gototop : el elemento emergente de color - el color de las letras de la fuente en el foco del ratón .

Como se puede ver el sitio Joomla con este plugin que no tendrá problemas.

Parte superior de la página le permitirá mejorar la usabilidad del sitio. A pesar del hecho de que la subida a la cima, hay muchas maneras, principio de la página seguirá siendo útil y conveniente para sus usuarios. Sin embargo, vale la pena recordar que en aquellos sitios en los que la plantilla está diseñada para el 100% de la anchura de la ventana del navegador, el botón "Arriba" puede anular el contenido de la página. Por lo que debe revisar cuidadosamente la superficie de trabajo de la página y determinar si se impide a los usuarios.

Rusifikator principio de la página

Descargar Top rendija de la página.

 

artículos relacionados

  • Descripción general de DJ-MegaMenu. módulo de menú Joomla
  • Descripción general de DJ-Suggester. Una ventana pop-up en el sitio Joomla
  • Información general Etiqueta Transform. etiquetas Joomla
  • Joomla com_tags opinión. La adición de materiales de etiquetas
  • Rusifikator principio de la página

 

Enlaces de interés:

  • La página web oficial del programa.

HORIZONTE desplazarse hasta parte superior - posterior del botón INICIO DE LA PÁGINA

El siguiente botón, que proporciona un rápido retorno de la parte superior de la página que está viendo. Anteriormente se ha descrito una expansión similar «Adeptus de la UP» , «el principio de la página» , «lisa» , ha causado problemas en varias ocasiones los lectores del blog. Esperamos que este desarrollo no causará censuras.

Horizonte Ir al Inicio

DEMO

Joomla
2.5, 3.0

DESCARGAR

versión
2.0

Paso 1: Instalar extensión

  • "Instalar y habilitar las extensiones de CMS Joomla!"

Paso 2. Configuración. Pestaña "plugin"

extensión desarrollador ha proporcionado todos los parámetros necesarios para una configuración individual de plug-in, a excepción de las imágenes. Eliminamos este vacío y ofrecer una selección de imágenes para el botón. Si es necesario, el tamaño de la imagen se puede reducir en un programa de gráficos.

Ahora directamente a los ajustes:

Horizonte Ir al Inicio

  • El administrador Habilitar - utilizar el botón en el panel de control del sitio
  • Motor - selección de bibliotecas de JavaScript para los botones de animación - jQuery
  • fondo de imágenes utilizados - descomprimir el archivo con las imágenes de la carpeta «imágenes» y seleccionar la imagen

bloque de texto:

Horizonte Ir al Inicio

  • El texto - texto en el botón
  • Título - el nombre del botón, que aparecerá al pasar el cursor

Horizonte Ir al Inicio

Como se puede ver, se muestra el botón, pero es deseable para cambiar el fondo. Para ello, existe el siguiente bloque.

Horizonte Ir al Inicio

  • El fondo de color utilizados - color de fondo
  • El color del texto - el color del título en el botón
  • El color de la libración de fondo - color de fondo con el foco en el botón
  • El texto del color de la libración - el color del texto cuando se pasa
Leer más:   ¿Cuál es el propósito SERVIDOR conexión de canal

Cambiar el fondo y obtener los siguientes botones de opción de visualización.

Horizonte Ir al Inicio

El último bloque es responsable de la disposición de los botones:

Horizonte Ir al Inicio

  • La Posición - botón puede estar situado en la parte superior o inferior, izquierda o derecha
  • La Radio Frontera - valor de redondeo de esquinas del botón
  • De izquierda del Offset / Derecha - desplazamiento de la izquierda y la derecha
  • El Top el Offset / The Bottom - el desplazamiento de la parte superior e inferior
  • De izquierda y derecha del relleno - relleno para la izquierda y la derecha
  • La tapa y la parte inferior del relleno - relleno en la parte superior e inferior

Paso 3. Configuración.
Pestaña "Configuración avanzada"

ajustes opcionales adicionales:

Horizonte Ir al Inicio

  • La Duración del Scroll - desplazarse por la longitud (500 = media un segundo)
  • La transición de la voluta - efectos cuando se mueve páginas
  • El CSS del encargo - campo para insertar otros estilos

Comparte este artículo con tus amigos en las redes sociales.

 

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

Cambiar la lengua

polacoInglés alemán español francés italiano portugués turco árabe ucranio sueco húngaro búlgaro Estonia Chino (simplificado) vietnamita rumano tailandés esloveno eslovaco serbio malayo noruego letón lituano coreano japonés indonesio hindi hebreo finlandés griego holandés checo danés croata Chino (tradicional) filipino Urdu Azeybardzhansky armenio belorussian bengalí georgiano kazaja catalán Mongolski ruso Tadzhitsky Tamil'skij telugu Uzbetsky


Añadir un comentario

no se publicará su dirección de e-mail. Los campos necesarios están marcados *