Entradas

Mostrando entradas de agosto, 2016

Tutorial:Cómo enmarcar el Blog

Imagen
Hoy os proponemos un sencillo tutorial: Cómo e nmarcar el Blog ,este sencillo truco que hará que vuestro blog quede muy bonito. Lo primero que que tenéis que hacer es lo de siempre,una copia de seguridad de la plantilla(Plantilla→Crear/Restablecer copia de seguridad),después vamos a Plantilla → Personalizar → Avanzado →Añadir CSS , y pegamos el código siguiente: .content-inner { border: 3px solid #000000 ; border-radius: 25px ;  } EXPLICACIÓN DEL CÓDIGO → Lo que esta marcado en azúl seria el grosor de la linea,podéis poner el que queráis. → Lo que esta en naranja es el   estilo del borde,hay muchos tipos de bordes,aquí algunos ejemplos: → Lo que esta en negro es el color de la línea,podéis cambiarlo por el color que más os combine en el blog. → Lo que esta en verde es para redondear las esquinas,si no lo queréis las esquinas redondas sólo tenéis que borrar esta linea.

Tutorial: Centrar los títulos principales del Blog

Imagen
¡Hola amig@s!En el tutorial de hoy vamos a realizar algo tan sencillo como esencial: Centrar los títulos principales del Blog. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla( Plantilla→Crear/Restablecer copia de seguridad ),después vamos a Plantilla → Personalizar → Avanzado  → Añadir CSS , y pegamos los códigos que nos interesen según la parte del Blog que vayamos a centrar: CÓDIGO PARA CENTRAR EL TITULO DE LA CABECERA .header h1 { text-align: center; } CÓDIGO PARA CENTRAR LA IMAGEN DE LA CABECERA #header-inner img { margin: 0 auto} CÓDIGO PARA CENTRAR EL TITULO DE LOS GADGETS (COLUNMA LATERAL) .sidebar h2 { text-align:center;  } CÓDIGO PARA CENTRAR EL TITULO DE LAS ENTRADAS h3.post-title{ text-align: center; } *Estos son los valores que podemos utilizar en nuestro Blog: VALORES PARA ALINEAR TEXTOS right :para alinear el texto a la derecha. left : para alinear el texto a la izquierda.