Prácticas Pellop

/*Menu navegación desplegable ---------------------------------------------------------*/ nav { /*estilo para la caja contenedor de las listas de etiquetas menú*/ padding: 0px; /*relleno*/ border: 5px solid #cc0000; /*estilo borde caja contenedor*/ margin: -10px 0px 0px 0px; /*margen caja*/ } nav ul { /*posición menús en caja contenedor*/ padding: 0px 0px 0px 10px !important; /*relleno*/ } nav ul ul { /*oculta los submenús*/ display: none; } nav ul li:hover > ul { /*efecto hover sobre menú para dar visibilidad a los submenús*/ display: block; } nav ul a { /*estilo de las pestañas menú*/ color: #000000 !important; /*color con !important para no heredar el estilo gadget Páginas*/ font-family: leelawadee, arial, serif !important; /*tipo de letra*/ font-size: 16px !important; /*tamaño de letra*/ font-variant: small-caps !important; /*variante versalita del tipo de letra */ text-shadow: 0 1px 0 #cc0000; /*sombra del texto*/ background: linear-gradient(to top left, #CD6C0A 0%, #F2E8DE 115%); /*fondo degradado lineal de la pestaña menú*/ box-shadow: 1px 2px 3px rgba(139,69,19,0.50); /*sombra de la pestaña menú*/ margin: 10px 10px 10px 20px; /*margen pestaña menú*/ border-radius: 16px; /*borde pestaña menú redondeado*/ border-style: outset; /*estilo del borde*/ border-color: #7a7a0f; /*color del borde*/ border-width: 2px 0px 2px 1.5px; /*ancho del borde*/ list-style: none; /*los elementos de la lista no tienen marcadores*/ position: relative; /*posición relativa*/ left: 110px; /*posición izquierda definida*/ } nav ul li:hover a { /*estilo efecto hover sobre cajas menús*/ background: linear-gradient(-15deg, #d9dde2 5%, #7a7a0f 35%); /*fondo degradado lineal*/ color: #E8E4C8 !important; /*color fuente*/ font-size: 15.4px !important; /*tamaño fuente*/ font-weight: 300 !important; /*grosor fuente*/ text-shadow: none; /*para no heredar el efecto sombra del menú*/ } nav ul ul a { /*posición contenedor cajas submenú*/ position: relative; /*posición relativa*/ top: 0px; /*posición superior definida*/ left: 0px; /*posición izquierda definida*/ } nav ul ul li { /*estilo y posición pestañas submenú*/ background: white; } nav ul ul li a { /*estilo pestañas submenú*/ background: linear-gradient(#FF8C07 15%, #000000 90%) !important; /*fondo degradado lineal*/ margin: 0px 0px 0px 0px !important; /*margen*/ text-shadow: 0 1px 0 gold !important; /*sombra del texto*/ } nav ul ul li:hover a { /*estilo efecto hover sobre submenús*/ background: #E8E4C8 !important; /*fondo*/ color: #7a7a0f !important; /*color fuente*/ font-weight: 600 !important; /*grosor fuente*/ }

domingo, 21 de mayo de 2017

CREAR Y CONFIGURAR EL BLOG (De forma sencilla)

Estos son los principales pasos para crear y configurar un blog. Tener en cuenta, aún así, que lo importante es el contenido y la funcionalidad que queremos que tenga el blog. No vamos a tener mucho tiempo para hacer las prácticas, por lo que creo que es mejor dedicar este tiempo para lo esencial y no centrarnos en la apariencia.

Este es el esquema que preparé para la primera de las 5 clases que quedan.