lunes, 21 de enero de 2013

Cambiar la fuente y el tamaño de la fuente.

Cambiar la fuente.

Si usas el tema "Redux" o algun tema con las mismas opciones de fuente puedes elegirla fácilmente desde "APARIENCIA":



Si tu tema no tiene esa opción puede cambiarla desde los codigos HTML:

1. Ves a http://www.tumblr.com/customize para editar tu tumblr.

2. Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.





3
Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.

Teclea “font-family” (sin las comillas) en la barra de “Búsqueda” para localizar los ajustes de fuentes dentro del código.



4. Cambia el tipo de fuente que está a lado de “font-family” al que quieras usar. Teclea el nombre de la fuente que quieras usar.
Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.

EJEMPLOS:








5. Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.


---------------------------------------------------------------------------------------------------------------------------------------------

Cambiar el tamaño de la fuente.

1. Ves a http://www.tumblr.com/customize para editar tu tumblr.

2. Haz clic en “Editar HTML” que está en la izquierda. Ahora podemos editar nuestro tumblr mediante códigos HTML.


3
Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.

Teclea “font-size” (sin las comillas) en la barra de “Búsqueda”.



4. Cambia el número que este a lado de “font-size” al número que quieras. Teclea el número seguido por “px”. Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.



5. Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.

miércoles, 9 de enero de 2013

Ponerle titulo a la secciones

Poner un titulo con texto:

<h2><center><font color=FFFFFF>TITULO_DE_LA_SECCIÓN</font></center></h2>



Poner un titulo con imagen:

<img border="0" src="URL_DE_LA_IMAGEN" />



EDITALO:

-"h2" indica el tamaño del texto. Contra más alto sea el número más pequeño sera el texto. Solo se cambia el número (h3, h1, h4...)

-color=FFFFFF indica el color del texto. Remplaza "FFFFFF" por el código del color que quieras. 
En esta pagina puedes ver el codigo de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/

lunes, 7 de enero de 2013

Cambiar el color de fondo de la columna lateral (sidebar)



Te lo explico en el tema Redux pero lo puedes tomar de base para cualquier otro tema.

Busca con el comando (ctrl + f) :

                #wrapper #sidebar #top {


Y debajo veras este código:
background: #fff;

Sustituye fff por el código del color que quieras usar como fondo.
En esta pagina puedes ver el código de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/



EJEMPLO:

#wrapper #sidebar #top {
                    border-radius: 10px 10px 10px 10px;
border: 4px solid #000; 
box-shadow: 0 0 5px 5px rgba(0,177,223,1);
                    background: #3489C2;
                    padding: 0 20px;



Inicialmente estaría así:








Tras editarlo se quedaría así:






Si quieres poner una imagen de fondo en vez de un color, pon este código:


#wrapper #sidebar #top {
                    border-radius: 10px 10px 10px 10px;
border: 4px solid #000; 
box-shadow: 0 0 5px 5px rgba(0,177,223,1);
background: url('URL_DE_IMAGEN_ENTRE_LAS_COMILLAS');
                    padding: 0 20px;


         
La imagen que pongas también puede ser un gif.

 Queda muy bien con un gif ^^.