Conectarse

Recuperar mi contraseña

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 44 el Miér Jul 19, 2017 3:41 am.
Mejores posteadores
Ian (212)
 
Sara O'lund (198)
 
Collin Dawson (159)
 
Admin (153)
 
La Dama Gris (147)
 
Johan Britt (145)
 
Rebecca Warwick (135)
 
Eleanor Fairfax (134)
 
Himala (131)
 
Zodiak L. Overstorm (131)
 

Últimos temas
» Galeria de personajes~
Jue Nov 08, 2012 12:20 pm por bebexito emoxito

» Di lo que quieras
Jue Nov 08, 2012 12:10 pm por bebexito emoxito

» Registro de avatares. Apunta el avatar de tu personaje aquí.
Jue Nov 08, 2012 11:33 am por bebexito emoxito

» Carpe Retractum // Foro de Hp - tercera generación
Jue Ago 02, 2012 3:55 pm por Invitado

» Wingardium Leviosa, rol foro (NORMAL)
Vie Jul 20, 2012 10:55 am por Invitado

» Little Hangleton {Foro Necesita Ayuda Urgente}NormAl
Miér Jul 18, 2012 4:27 am por Invitado

» Alex Wells
Dom Jul 15, 2012 7:44 pm por Alex Wells

» Oesed afiliación elite, pj libres!
Dom Jul 15, 2012 6:15 pm por Invitado

» Sara Wells
Dom Jul 15, 2012 5:52 pm por Sara Wells


Image and video hosting by TinyPic

Creative Commons License
Diseño de imagenes by Amo, Shanie and Paw
Trama, eventos and reglas by Nana, Paw, Killia and Shanie
HTML by Shanie
El mundo de Harry Potter le pertenece a J.K Rowlling, nosotr@s somos simplemente unas fans de la saga reproduciendo su mundo. El foro no es con fines de lucro.

Lumus Maxima está protegido bajó Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

Arreglos con HTML

Ir abajo

Arreglos con HTML

Mensaje por Rebecca Warwick el Vie Jun 01, 2012 9:14 pm

Antes que nada quiero decir que no soy la gran profesional de html, lo poco que sé es porque lo he encontrado por ahí y por la curiosidad me puse a descifrarlo hasta poder entenderlo. Este tema va para todos aquellos que necesiten el primer empuje porque no saben como entrarle (como yo, al principio), pero que de igual forma quieren decorar sus firmas.

Ante todo, primero les recomiendo visitar el topic del Fraile Gordo donde explica de forma básica las cuestiones de tamaño y tipos de letras. Lo que veremos aquí es para experimentar con otro tipo de letras.

El codigo para el uso de letras, digamos, extravagantes es el siguiente:

Código:
<link href='http://fonts.googleapis.com/css?family=Nombre+de+la+Letra' rel='stylesheet' type='text/css'><div style="font-size:Xpx; letter-spacing:Xpx; color:xxxxxx; font-family:nombre de la letra; text-align:right/center/left">Palabra o Frase que quieran usar</div>

Este código está conformado por dos partes. La primera vemos que hace un enlace al sitio donde está la letra que escogimos.

Código:
<link href='http://fonts.googleapis.com/css?family=Nombre+de+la+Letra' rel='stylesheet' type='text/css'>

Como notaran este tag no se cierra. Debe de permanecer abierto... o al menos así me ha funcionado a mi. Si en algún momento se les pierde este link, no se asusten. La página de de fonts de google lo genera por su cuenta. Sólo tienen que escoger la letra que quieren y listo.

La otra parte es esta:

Código:
<div style="font-size:Xpx; letter-spacing:Xpx; color:xxxxxx; font-family:nombre de la letra; text-align:xxx">Palabra o Frase que quieran usar</div>

Aquí jugamos con los efectos que le damos a la letra.

-font-size: tamaño
-letter-spacing: espacio entre las letras, este valor puede tomar número negativos... todo depende de qué tan juntos quieran la frase que escriban.
-color: aquí pueden tomar los códigos de colores o la misma tabla de colores que tenemos en el foro.
-font-family: volvemos a poner el nombre de la letra que estamos usando, a mi me funciona poniendola toda en minuscula.
-text-align: alinear el texto a la derecha (right), centro (center) o izquierda (left).

Ya con esto cuentan con los estilos básicos para trabajar con html. Cualquier duda o pregunta la pueden postear aquí. También pedidos, a ver cómo me va con eso xD

En otra entrega les seguiré trayendo más detalles para implementar en sus firmas.
avatar
Rebecca Warwick
Slytherin
Slytherin

Mensajes : 135
Fecha de inscripción : 08/02/2012
Empleo /Ocio : 7mo Curso

Ver perfil de usuario

Volver arriba Ir abajo

Re: Arreglos con HTML

Mensaje por Kirill Lebedev el Dom Jun 03, 2012 12:31 am

¡Oh dios gracias Becca!

Te diré que si sabía como usar esto más o menos, aunque tu información me parece muy clara para los primerizos.

El gracias es por la pagina de fonts de Google, que no la encontraba D:, si, se que es irónico. Muchas, muchas gracias.
avatar
Kirill Lebedev
Ravenclaw
Ravenclaw

Mensajes : 77
Fecha de inscripción : 05/02/2012
Empleo /Ocio : 7mo Curso/Golpeador

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.