Blog
Últimas novedades sobre Blogout

Especificaciones del editor de contenido

Especificaciones del editor TinyMCE y las funciones introducidas (plugins) que hemos incluido para que te sea mucho más sencillo y rápido poder dar formato al contenido de tus publicaciones.


Texto y parrafos:

Titulos en tamaño grande (H3)

Titulos en tamaño pequeño (H4)

Texto normal, Texto negrita, Texto en cursiva y texto subrayado, y combinaciones de los tres.

Ejemplo de texto tipo código 

Listas:

  • Elemento 1
  • Elemento 2
  • Elemento 3
  • Elemento 4 (con negrita)
  • Elemento 5 (cursiva)
  • Elemetnto 6 (subrayado)

Alineaciones del texto:

Texto alineado a la izquierda de la página

Texto alineado al centro de la página

Texto alineado a la derecha de la página

Sangría del texto.

Tablas:

Tabla básica con estilo (en propiedades pestaña advanced introducir un color en los campos border y background. Los valores compatibles son nombres de colores en ingles, valores en hexadecimal por ejemplo red / #FF0000 y en RGB).

UsuarioEdadPaisProvincia
Carlos Medina35EspañaMadrid
Hernesto Sabato45EspañaBarcelona
Marisa Mayer40AlemaniaMunich


Tabla responsive (en propiedades de la tabla asignar la clase Responsive)

UsuarioEdadPaisProvincia
Carlos Medina35EspañaMadrid
Hernesto Sabato45EspañaBarcelona
Marisa Mayer40AlemaniaMunich

Tabla responsive border (en propiedades de la tabla asignar la clase Bordered)

UsuarioEdadPaisProvincia
Carlos Medina35EspañaMadrid
Hernesto Sabato45EspañaBarcelona
Marisa Mayer40AlemaniaMunich

Tabla responsive Striped (en propiedades de la tabla asignar la clase Striped)

UsuarioEdadPaisProvincia
Carlos Medina35EspañaMadrid
Hernesto Sabato45EspañaBarcelona
Marisa Mayer40AlemaniaMunich

Imágenes:

Imagen normal

Face


Imagen con borde redondeado (desde el botón insert / edit image) seleccionar class = Rounded

Face


Imagen circular (desde el botón insert / edit image) seleccionar class = Circle

Face


Imagen con efecto de sombra (desde el botón insert / edit image) seleccionar class = Raised

Face


Imagen con efecto borde redondeado y sombra (desde el botón insert / edit image) seleccionar class = Raised rounded

Face


Imagen circular y sombra (desde el botón insert / edit image) seleccionar class = Raised circle

Face


Imagen responsive (desde el botón insert / edit image) seleccionar class = Responsive

Face


Videos y Mapas responsives:




Contenedores y Paneles:

Panel básico 


Panel con esquinas redondeadas


Panel translúcido


Panel con sombra raised


Panel con combinacion de las anteriores


Panel danger


Panel success


Panel warning


Panel primary


Panel danger translúcido


Panel success translúcido


Panel warning translúcido


Panel primary translúcido


Panel danger con esquinas redondeadas


Panel success con esquinas redondeadas


Panel warning con esquinas redondeadas


Panel primary con esquinas redondeadas


Panel danger con esquinas redondeadas y sombra raised de fondo


Panel success con esquinas redondeadas y sombra raised de fondo


Panel warning con esquinas redondeadas y sombra raised de fondo


Panel primary con esquinas redondeadas y sombra raised de fondo


Color del texto en los paneles

Panel con texto danger


Panel con texto success


Panel con texto warning


Panel con texto primary


* se pueden combinar los colores de texto con los distintos colores de paneles siempre que no sean los mismos.

* las opciones como esquinas redondeadas, sombra de fondo y transparencias se pueden combiar para todos los paneles.

Contenedor:

El sistema de grids y paneles se han unificado formando un mismo componente. 

Un contenedor permite separar en multiple columnas el espacio y colocar dentro desde texo a imágenes, videos, mapas o paneles.

Contenedor sin paneles:

Columna 1 del sistema de grid. Cuando redimensiones la página el contenido se adaptará adecuandamente al tamaño de la pantalla.
Columna 2 del sistema de grid. Cuando redimensiones la página el contenido se adaptará adecuandamente al tamaño de la pantalla. 
Columna 3 del sistema de grid. Cuando redimensiones la página el contenido se adaptará adecuandamente al tamaño de la pantalla.


Contenedor con paneles:

Panel blanco en un contendor
Segundo panel en un contendor


Contenedor con elementos multimedias (fotos, video y mapa )

Face 
 
 



Bloques de código fuente:



<html>
<head>
<title>Titulo de la página</title>
</head>
<body>
</body>
</html>


Galería de imágenes y vídeos (Nuevo)

Podrás insertar imágenes y vídeos de forma rápida en distintos formatos.

Ejemplo galeria con imágen (Big Frame) 


Ejemplo galeria con vídeo (Big Frame)


Ver ejemplos y como hacerlo.

Crear una galería de imágenes de forma fácil

Hemos incluido una nueva función en el editor de publicaciones para que puedas crear una galería de imágenes y vídeos de forma rápida y adaptada a todos los dispositivos.