Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Videoenlaces

Vimeo solo imagen

Responsividad

EL componenente se adapta al ancho disponible ocupando el 100% con un máximo de 570px de ancho.

El tamaño de la imagen es de: 570 X 340px.

Código

						
<div class="videoenlace vimeo">
	<a href="">
		<span class="imagen">
			<img src="[IMG]" alt="">
		</span>
	</a>
</div>
						
					

Vimeo con texto

Responsividad

El componente situa la imagen a la izquierda y el texto a la derecha disponiendo la mitad del espacio para cada uno a partir de 1100px por debajo de esta resolución se colocará la imagen encima y el texto debajo.

Se adaptará al ancho disponible ocupando el 100% hasta un máximo de 570px por debajo de 100px y un máximo de 1170px por encima de los 1100px

El tamaño de la imagen es de: 570 X 340px.

Código

						
<div class="videoenlace vimeo">
	<a href="">
		<img src="[IMG]" alt="">
		<span class="info-video">
			<span class="fecha">[FECHA]</span>
			<span class="titulo">[TITULO]</span>
			<span class="duracion">[DURACION]</span>
		</span>
	</a>
</div>
						
					

Youtube solo imagen

Responsividad

EL componenente se adapta al ancho disponible ocupando el 100% con un máximo de 570px de ancho.

El tamaño de la imagen es de: 570 X 340px.

Código

						
<div class="videoenlace youtube">
	<a href="">
		<span class="imagen">
			<img src="[IMG]" alt="">
		</span>
	</a>
</div>
						
					

Youtube con texto

Responsividad

El componente situa la imagen a la izquierda y el texto a la derecha disponiendo la mitad del espacio para cada uno a partir de 1100px por debajo de esta resolución se colocará la imagen encima y el texto debajo.

Se adaptará al ancho disponible ocupando el 100% hasta un máximo de 570px por debajo de 100px y un máximo de 1170px por encima de los 1100px

El tamaño de la imagen es de: 570 X 340px.

Código

						
<div class="videoenlace youtube">
	<a href="">
		<img src="[IMG]" alt="">
		<span class="info-video">
			<span class="fecha">[FECHA]</span>
			<span class="titulo">[TITULO]</span>
			<span class="duracion">[DURACION]</span>
		</span>
	</a>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA