/*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.



1- Crear el blog: Lo importante:
   Dirección: prácticasnombre
   Título: Podemos poner el mismo que la dirección URL: Por ejemplo: PrácticasPello

Pasos: Si no tenéis creado ningún blog (nosotr@s ya lo hemos hecho):

https://ignaciosantiago.com/google-plus-que-es-como-funciona/
2- Configurar:
   Privacidad (Si y Si) Público
   HTTPS: Sí
   Permisos:
      Añadir autores: blogondarreta@gmail.com  Invitar
      Lectores: Público

3- Entradas: máximo 5, imágenes con Ligboth SI
   Comentarios: Debajo, cualquiera, nunca
   Backlinks: mostrar
4- Idioma y formato
5- Otros: Importar y copias de seguridad.
               Eliminar Blog
6- Configuración de usuario
   Perfil: Blogger

TEMAS- Personalizar
1- Fondo: Imagen de fondo: No (por ahora)
                 Colores (Elegimos todos el mismo)

2- Ajustar ancho: Total 1250
                               Barra Dcha: 350

3- Diseño: Cuerpo 3º
                  Pie de página 2º

4- Avanzado:
    Texto de la página: Arial Color: #222222
     Fondos: Exterior: #eeaa00 Principal: #ffffff Cabecera: #cc6611
    Enlaces: Enlaces - Visitado - Ratón encima

   Título del Blog: Fuente - Color del título

Publicado por en

No hay comentarios:

Publicar un comentario

Se hace camino al andar. Lo importante no es llegar, es caminar.

Suscribirse a: Enviar comentarios (Atom)