Lumus Maxima
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
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 ]


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

Últimos temas
» Galeria de personajes~
Arreglos con HTML EmptyJue Nov 08, 2012 12:20 pm por bebexito emoxito

» Di lo que quieras
Arreglos con HTML EmptyJue Nov 08, 2012 12:10 pm por bebexito emoxito

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

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

» Wingardium Leviosa, rol foro (NORMAL)
Arreglos con HTML EmptyVie Jul 20, 2012 10:55 am por Invitado

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

» Alex Wells
Arreglos con HTML EmptyDom Jul 15, 2012 7:44 pm por Alex Wells

» Oesed afiliación elite, pj libres!
Arreglos con HTML EmptyDom Jul 15, 2012 6:15 pm por Invitado

» Sara Wells
Arreglos con HTML EmptyDom Jul 15, 2012 5:52 pm por Sara Wells


Arreglos con HTML 2vw9106
Arreglos con HTML Agradeciientos

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

2 participantes

Ir abajo

Arreglos con HTML Empty Arreglos con HTML

Mensaje por Rebecca Warwick 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.
Rebecca Warwick
Rebecca Warwick
Slytherin
Slytherin

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

Volver arriba Ir abajo

Arreglos con HTML Empty Re: Arreglos con HTML

Mensaje por Kirill Lebedev 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.
Kirill Lebedev
Kirill Lebedev
Ravenclaw
Ravenclaw

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

Volver arriba Ir abajo

Volver arriba

- Temas similares

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