• 0
  • 0 RepliesReplies
  • 12652 ReadTimes Read
  • 0 PointsPoints

Topic: Cambiar el tipo de letra de tu foro

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Cambiar el tipo de letra de tu foro
September 17, 2011 - 07:55 07:55
Bueno gente, esto es algo muy sencillo de hacer pero seguro que muchos no lo saben o simplemente no lo intentaron.
La idea de este tip es enseñarles a cambiar las letras de su foro. Lo haremos solo con el body porque en el se configura casi todo el foro con respecto a las fuentes.

Abrimos el index.css de tu theme y buscamos el body.
Por default esta asi:
Code: [Select]
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

Donde dice "font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;" lo eliminamos y abajo de eso ponemos lo siguiente:
font-size: 78%/130%;

Quedando asi:
Code: [Select]
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font-size: 78%/130%;
   margin: 0 auto;
   padding: 15px 0;
}

Luego, veamos los tipos de letra:
Show content
Familia de fuentes [font-family] La propiedad font-family se usa para establecer una lista ordenada de fuentes que se usarán para mostrar un elemento determinado o una página web. Si la primera fuente de la lista no está instalada en el ordenador desde el que se accede al sitio, se seguirá probando con la siguiente fuente hasta encontrar una fuente apropiada.
Para clasificar las fuentes se usan dos tipos de nombres: nombres de una familia y familias genéricas. Estos dos términos se explican a continuación.
 
La diferencia se puede ilustrar así:
Tres ejemplos de familias genéricas y algunos miembros de las mismas
Al listar fuentes para el sitio web, por supuesto se empieza por la preferida, seguida ésta de algunas fuentes alternativas. Se recomienda completar la lista con una familia de fuentes genérica. Así, al menos, la página se mostrará usando una fuente de la misma familia si ninguna de las especificadas están disponibles.
Fuente

Aca les dejo un listadito, ustedes pueden investigar por su cuenta y si encuentran mas nos avisan y las agregamos al tuto:
    Arial
    Arial Black
    Comic Sans MS
    Courier New
    Impact
    Symbol
    Times New Roman
    Verdana
    Webdings
    Wingdings


Ahora ya sabemos las letras que hay para uilizar, vamos a agregarlas al body.

La agregamos con el atributo font-family y en este caso voy a elegir arial.
font-family: "impact", "Arial", "Helvetica", sans-serif;
Quedaria asi:
Code: [Select]
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font-size: 78%/130%;
   font-family: "impact", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

Puse esa letra porque se nota mucho el cambio, no queda muy linda porque es para letras mas grandes.
Ustedes pueden ir probando las que mas les gusten y solo con eso cambiaran las fuentes de todo el foro!
Saludos
You do not have permission to give points
point 0 Points

This topic did not receive points.

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines