the Widget Flip Box helps you create animated frames that flip over once the visitor passes over them.



ContentEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus

Front

Content

This tab controls the contents of the front of the folding box.

  1. Graphic element: Choose from None, Image, or Icon to display a graphic element in front of the drop-down box
  2. If Image is selected as the graphic element:
    Choose image: Select or upload an image
    Image size: Set the image size, from thumbnail to full, or set a custom size
  3. If Icon is selected as a graphic element:
    Icon: Select an icon from the FontAwesome library
    Watch: Choose the default icon view or select Stacked or Framing
    Shape: If Stacked or Framed is chosen, choose Circle or Square
  4. Title Description: Choose the title and description that appear in the front of the drop-down box

Background

This tab controls the bottom of the front of the folding box.

Fund type: Elija Color, Imagen o DegradedConcepto de Degradado¿Qué es un Degradado?El Degradado es una técnica que está fundamentalmente vinculado con el terreno del diseño gráfico y la maquetación, con todo lo que tiene que ver con la elaboración de imágenes o su modificación. Se trata de combinar dos colores de forma que uno va perdiendo intensidad a medida que el otro la va ganando, realizando una transición cromática suave que puede obtener resultados muy impactantes.Una plus como fondo de la parte frontal del cuadro desplegable.

If you choose a Background, the following options will be available:

  1. Position: Select the position of the image, such as Top Center, Top Right, Center Center, etc.
  2. Attachment: Select from Default, Scroll, or Fixed
  3. Repeat: Choose from Default, Do not repeat, Repeat, Repeat-x, or Repeat-y
  4. Size: Select from Default, Automatic, Cover, or Contain
  5. Background overlay: Choose a color for the overlay

If you choose Gradient background, the following options will be available:

  1. Colour: Select the primary color of the gradient
  2. Location: Select the location of the primary color
  3. Second Colour: Select the second color of the gradient
  4. Location: Select the location of the second color
  5. Type: Choose Linear or Radial
  6. Angle: Sets the angle of the gradient

Back

The back of the folding box has the same elements as the front mentioned above, except for the graphic element that only appears on the front. The back also includes a button.

  1. Text button: Choose the text that appears inside the button
  2. LinkConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en plus: Elija a dónde apunta el botón. El enlace debe incluir la UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo plus completa (incluido httpEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado plus / httpsHTTPS (protocolo de Transferencia de Hiper-Texto) es un protocolo que permite determinar una conexión segura entre el servidor y el cliente, que no puede ser interceptada por personas no autorizadas. En resumidas cuentas, es la versión segura de el http (Hyper Text Transfer Protocol) Cómo funciona Una conexión HTTP estándar en Internet puede ser fácilmente secuestrada por partes no autorizadas. El propósito de una conexión HTTPS es evitar esto: encriptar plus)
  3. Apply link in: Choose to apply clickable link to button only or full frame

Configurations

  1. Height: Control the height of the folding box
  2. Edge radius: Set the radius of the edge of the folding box and round its corners
  3. Flip effect: Choose from flip effects, including flip, slide, nudge, zoom in, zoom out, or dim
  4. Flip direction: If you choose flip or slide effects, you can make the flip box flip right, left, up or down
  5. 3D depth: Slide to On to give the dropdown box a 3D animation effect

Nota: El browserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los plus Safari es parcialmente incompatible con el efecto de profundidad 3D en dispositivos móviles. Si se utiliza la profundidad 3D, es posible que algunas partes del cuadro desplegable se muestren a través del menú desplegable de navegación. No es posible utilizar el widget 3D Flip Box y el widget Nav Menu con IOS debido a problemas con Safari que no admite esta opción. Aconsejamos modificar el contenido para móviles en este caso con la opción «ocultar sección» en la pestaña Avanzado de la sección en Responsive> Visibility.


Style

Front side

  1. Filling: Add padding to the content area on the front of the folding box
  2. Alignment: Choose to align the content of the drop-down box to the left, right, or to the center of the drop-down box
  3. Vertical position: Aligns the content of the drop-down box with the top, center, or bottom of the drop-down box
  4. Border type: Sets a border for the entire dropdown box
  5. Width: If a border type is chosen, set a width for the border
  6. Colour: If a border type is chosen, select a border color

Icon

  1. Spacing: Controls the space between the icon and the title
  2. Primary color: Choose the primary color of the icon
  3. Secondary color: Choose the secondary color of the icon
  4. Icon size: Choose the size of the icon
  5. Icon fill: Sets the amount of padding around the icon
  6. Rotate icon: Rotate the icon to any angle
  7. Border width: Sets the width of the icon border
  8. Edge radius: Sets the icon border radius to control the roundness of the corners

Image

  1. Spacing: Controls the space between the image and the title
  2. Opacity: Choose the opacity of the image
  3. Border type: Choose an image border: None, Solid, Double, Dotted, Dotted, or Groove
  4. Edge radius: Controls the radius of the image border

Title

  1. Spacing: Control the space between the title and description
  2. Text Color: Choose the title color
  3. Typography: Set the title font settings

Description

  1. Text Color: Choose color from description
  2. Typography: Set the font settings for the description

Rear side

For the back of the dropdown box, you get all the options listed above for the front, minus the graphic element settings. You also have control over the button settings.

Button

  1. Size: Choose a button size (Extra Small, Small, Medium Large, and Extra Large)
  2. Typography: Customize the button text font
  3. Text Colour: Choose the button text color
  4. Background color: Choose the button background color
  5. Border color: Controls the button border color
  6. Border width: Controls the width of the button border
  7. Edge radius: Controls the radius of the button border

Advanced

Set the advanced options that are applicable to this widget

Read the full launch post about the Flip Box widget