Mostrando entradas con la etiqueta Tutoriales Secret Pink. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutoriales Secret Pink. Mostrar todas las entradas

lunes, 2 de diciembre de 2013

{ Tutoriales } ๑•♥ Fonts para agregar en tu seidebar y post


Hello cute girls!!

Hoy les traigo algunos ejemplos de fonts y cada ejemplo con su respectivo codigo para que lo puedas agregar a sus blogs ♥

Para usar copie el código mas abajo ubicado en el ejemplo de texto que te haya gustado. Luego busca en tu Plantilla la siguiente linea de código:
]]></b:skin>

Y justamente encima de esa linea de código anterior colocas el código que hayas seleccionado.


El css elegido cambiará el tipo de letra de los títulos de tu blog (titulo de tu post, del seidebar, etc ...) y sólo tendrá que ajustar el tamaño, el cual se ajusta en cada código, buscando esta linea de código:
font:normal 25px


Allí solo cambiaremos justamente el numero 25 que esta en color rojo. 
Si sabes trabajar los códigos, pues podras hacer algunas cosas mas modificando esta base de código como por ejemplo: Cambiar la Fuente por otra que prefieras. Este código es solo lo básico, ustedes pueden rejugar a su gusto con el conforme sea su necesidad.
No estaré podre ayudarle a cambiar el código por otro tipo de fuente, esto porque el código hay que trabajarlo completo para ello, e ir a google fonts para cambiar la linea de código de google-fonts.
Sorry chicas, pero solo invento con mis blogs ya que si algo sale mal no tengo que dar cuentas.. y como no soy experta no me atrevo hacerlo para otro blog que no sea el mio.
Yo personalmente utilizo este codigo en mi blog, para la fuente del seidebar y titulo del las entradas..

Por ultimo, cabe mencionar que el color de fondo que muestra cada ejemplo de texto no te saladra a ti cuando agregues la base de código a tu blog, ya que eso es solo una linea de código que se ha agregado en este caso (el post de esta entrada) para que ustedes puedan distinguir con facilidad una fuente de la otra. oKiisz?  ..Okiizs!

Aquí les presento los ejemplos fonts, espero alguno les guste. Bendiciones!

"Enxugue as lágrimas. Entenda que todo mundo cai um dia, todo mundo tropeça, todo mundo se machuca. Levante-se, sacode a poeira e segue em frente. A felicidade é como água, se você não tomar cuidado, ela te escapa por entre os dedos."
h1,h2,h3,h4{
font:normal 25px 'Rochester' !important;
}
@font-face {font-family:'Rochester';src:local('Rochester'),local('Rochester-Regular'),url('http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}



h1,h2,h3,h4{
font:normal 25px 'Cookie' !important;
}
@font-face {font-family:'Cookie';src:local('Cookie-Regular'),url('http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff') format('woff')}




h1,h2,h3,h4{
font:normal 25px 'Comfortaa' !important;
}
@font-face {font-family:'Comfortaa';src:local('Comfortaa'),url('http://themes.googleusercontent.com/static/fonts/comfortaa/v3/qLBu5CQmSMt1H43OiWJ77T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}





h1,h2,h3,h4{
font:normal 25px 'Yellowtail' !important;
}
@font-face {font-family:'Yellowtail';src:local('Yellowtail'),url('http://themes.googleusercontent.com/static/fonts/yellowtail/v3/GcIHC9QEwVkrA19LJU1qlBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}




h1,h2,h3,h4{
font:normal 25px 'Gochi Hand' !important;
}
@font-face {font-family:'Gochi Hand';src:local('Gochi Hand'),local('GochiHand-Regular'),url('http://themes.googleusercontent.com/static/fonts/gochihand/v4/ZZzTGmufF-Wq8IS3fkpBuxsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}





h1,h2,h3,h4{
font:normal 25px 'Arvo' !important;
}
@font-face {font-family:'Arvo';src:local('Arvo'),url('http://themes.googleusercontent.com/static/fonts/arvo/v5/WJ6D195CfbTRlIs49IbkFw.woff') format('woff')}




h1,h2,h3,h4{
font:normal 25px 'Leckerli One' !important;
}
@font-face {font-family:'Leckerli One';src:local('LeckerliOne'),url('http://themes.googleusercontent.com/static/fonts/leckerlione/v3/S2Y_iLrItTu8kIJTkS7DrHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}





h1,h2,h3,h4{
font:normal 25px 'Delius' !important;
}
@font-face {font-family:'Delius';font-weight:400;src:local('Delius-Regular'), url('http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff') format('woff')}




h1,h2,h3,h4{
font:normal 25px 'Dancing Script' !important;
}
@font-face {font-family:'Dancing Script';src:local('Dancing Script'),local('DancingScript'), url('http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff') format('woff')}



h1,h2,h3,h4{ 
font:normal 25px 'Handlee' !important;
color:#000;
text-shadow:0 1px #fff
}
@font-face {font-family:'Handlee';src:local('Handlee Regular'),local('Handlee-Regular'),url('http://themes.googleusercontent.com/static/fonts/handlee/v2/6AfIXNH5pZ1Jj_pfExPOWQ.woff') format('woff')}


Si te gusto no te olvides comentar, es la forma mas fácil de decir gracias! Besito!

Post Thanks To: Htm-Fr


domingo, 13 de octubre de 2013

Pack de Iconos Pink ✾◕‿◕✾


Hola que tal! ..Como estasn mis amores... 
Muchas bendiciones tengan todos en este hermoso domingo!
Hoy les quiero compartir un hermoso pack de iconos y pngs para que los puedas usar en tu pc. Espero te gusten, aqui te dejo una pequena captura de los mismo.

Este pack lo encontre navegando por la web y me encanto! Ya he comenzado a cambiar los iconos de mi pc.. Espero ustedes se animen tambien! Una cosa que les solicito que no les borren el nombre que traen los pngs y los iconos, ya que los mismos conservan el nombre de su creador/a. 

Si te gustaria cambiar por ejemplo las carpetas amarillas de tu pc, solo tienes que:

✾◕‿◕✾ I N S T R U C C I O N E S ✾◕‿◕✾

1. Hacer clic derecho sobre la carpeta que quieren cambiar.
2. Luego clic en "Propiedades".
3. Y se abrira una ventanilla, en el menu de la ventanilla haran clic en: Custumize.
Nota: Custumiza - A mi me sale en ingles porque mi pc esta en ingles, por lo que no se como diria na pc en espanol. Pero si tu pc esta en espanol, bueno seria la ultima pestana del menu de esa ventanilla que se abrio.

4. Una vez en Cuztumize veras al finas del recuadro de la ventanilla, un folder pequeno a mano derecha y al aldo izquieros del mismo hay un boton que dice: Change Icon...
Haras clic alli!
5. Luego se abrira otra ventanilla donde deberas buscar la carpeta que quieres utilizar .ico, para ello haras clic en: Browse...
6. Se abrira la ventana de archivos de tu pc, para que busques la imagen o carpeta .ico por la cual sustituiras la carpeta amarilla que tiene tu pc por defecto..
7. Dirigete a, por ejemplo: Imagenes / Iconos / Escoger la imagen que gustes
8. Luego has clic en open / despues en ok
9. Veras que se aplico el icon en la ventanilla donde estaba la imagen del folder anteriormente.
10. Por ultimo clic en aplicar (Apply), despues en ok, y listo!

Veras que ya se aplico el folder o imagen que hayas escogido en la carpeta que anteriormente era amarilla!!! Recuerda que deben ser imagenes o folders en .ico

Haces lo mismo con cada folder de tu pc que quieras cambiar, es un proceso lento pero poco a poco tendras todas  tus carpetas cambiadas y bien bonitas...
Epero que este mini tutorial te haya gustado! Besos y bendiciones!!!

PackGracias a: tinksweet