¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Tutorial: Las fuentes

+4
Raki
Shalazar
feeniks
Thumderson
8 participantes

Ir abajo

Tutorial: Las fuentes Empty Tutorial: Las fuentes

Mensaje por Thumderson Sáb Jun 26, 2010 9:05 pm

Tutorial: Las fuentes Sinttulo-2-8

Visto que últimamente está teniendo mucha polémica en el foro el tema colores de las fuentes y los desbordamientos que se producen por un mal uso pasamos a explicar un poco el elemento FONT de HTML

¿Cómo puedo dar utilizar colores, y estilos en mi texto?
Bien se puede hacer de dos formas
1. Con las herramientas del propio foro
2. Con sentencias en html a las bravas jeje

Empecemos por el paso 1:
Lo primero que necesitamos en un fragmento de texto escrito
Tutorial: Las fuentes Dibujoenh
Una vez seleccionado el texto nos basta con ir a 1,2, o 3
Con 1 elegimos el tamaño
Tutorial: Las fuentes 39156190
Con 2 elegimos el color
Tutorial: Las fuentes Captura3a
Con 3 elegimos el estilo
Tutorial: Las fuentes Captura4f

Al estar el texto seleccionado automáticamente nos pondrá los colores y estilos que hayamos puesto; si por ejemplo ponemos:
Tamaño normal - Color rojo - letra arial black

Este sería el resultado:
Tutorial: Las fuentes Resci
Nos habría completado con sentencias html lo necesario para cambiar los parámetros de las fuentes
Tutorial: Las fuentes Dibuji

Sencillo no? pues ahora pasemos con la parte 2 que esa es la que tiene miga jeje :)


Paso 2:
Lo explicado anteriormente es un juego de niños prácticamente y todo hijo de vecino sabe hacerlo vamos eso creo (lol), pero sirve de base para lo que viene a continuación:
Elemento FONT:

Descripción: El elemento <FONT> puede servirnos para cambiar la fuente del texto que escribimos, el tamaño, el color... Por ejemplo: <FONT face="Comic Sans MS"> Mi texto en Comic Sans </FONT> quedaría:Mi texto en Comic Sans. Para cambiar la fuente del texto tendrías que poner <FONT face="FUENTE DEL TEXTO"> el texto </FONT> , la fuente tiene que estar instalada en tu ordenador, si quieres puedes poner más de una fuente por si no reconoce la primera, por ejemplo: <FONT face="Comic Sans MS, Verdana, script MT Bold"> texto </FONT>, así, si no reconoce la primera fuente, pasará a la segunda, y si no, a la tercera. Cualquier fuente que bajéis de internet y uséis no se verá nada más que por quien la tenga instalada también en su ordenador, podéis usar las del Word que normalmente esas las tiene todo el mundo por que las lleva predefinidas Windows jejeje.

Para cambiar el tamaño del texto el código es: <FONT size="1"> y el tamaño será según el número que indiques.

Para cambiar el color tienes que poner este código:<FONT color="*">; el asterisco lo pongo porque hay 2 formas de poner el color, 1: poner el nombre del color en inglés, blue, red... o en el color hexadecimal correspondiente por el color poniendo antes una almohadilla (#), por ejemplo #660033.
Aquí tenéis una página para sacar unos cuantos de colores.

Atención!!! Si no escribís el cierre después de haber hecho lo que queráis, se desbordará el buffer del post y seguirá con ese estilo hasta que alguien escriba esa palabra de nuevo o use otro estilo distinto.


Vale y ahora unos ejemplos:

Tutorial: Las fuentes Dibujii

Que en su versión en código equivale a:

Tutorial: Las fuentes Dibujiii
Sin los quotes (XD)


Un ejemplo de fuentes en cuanto al estilo, pero ya os digo las tenéis que tenerlas instaladas si no se verá como otro estilo normal
Tutorial: Las fuentes Dibujiv

Las fuentes las saqué de aquí pero que vamos a nada que googleais un ratejo se encuentran cosas muy curiosas


Lueg o segú n el tiempo que se tenga p odemos hacer cos as curiosas.

A pasito por pasito cuesta pero con cualquier editor podéis facilitar el trabajo con un editor jeje, por ej el dreamweaver es el que me viene ahora a la mente ^^
Espero que os haya servido jejeje (nyu), cualquier duda preguntarla

Agradecimientos: Rami


Última edición por Thumderson el Sáb Jun 26, 2010 11:52 pm, editado 2 veces
Thumderson
Thumderson
Leyenda

Mensajes : 2264
Reputación : 66

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por feeniks Sáb Jun 26, 2010 9:39 pm

jejejeje, gracias por el aporte
feeniks
feeniks
Colaborador

Mensajes : 1625
Reputación : 105

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Shalazar Sáb Jun 26, 2010 9:59 pm

Buen aporte ^^ Útil para el que nunca ha manejado html
Shalazar
Shalazar
Colaborador

Mensajes : 4330
Reputación : 151
Gustos : ¡Rolf! Comics, softcombat, excel...

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Raki Sáb Jun 26, 2010 10:51 pm

minipunto
Raki
Raki
Malo maligno

Mensajes : 687
Reputación : 11
Gustos : nunca entendi esta casilla xD

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Rami Sáb Jun 26, 2010 11:42 pm

Thumderson escribió:Lueg o segú n el tiempo que se tenga p odemos hacer cos as curiosas.
(lol) Eso último me ha encantado xD xD

Muy buen aporte Thunder!!!

Si pudiera, te daba un minipunto xD

Las fuentes "Starcraft" y "Resident Evil" yo nos las tengo... pero molan un puñao. (XD)
Hay que poner un fichero de fuentes, para tener fuentes mas curiosas... (sep)
Rami
Rami
Personaje secundario

Mensajes : 95
Reputación : -3
Gustos : La página de las esquelas tiene mas...

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Ietsu Sáb Jun 26, 2010 11:48 pm

Rami, sí que le puedes dar un minipunto, mira el tutorial sobre como hacerlo :P.

Buen tutorial, Thumderson. Lo único es que la imagen entre "Vale y ahora unos ejemplos" y "Que en su versión en código equivale a" no se ve, editalo cuando puedas :P

Te lo hago post-it y te lo muevo a Normas del Foro. ¡Gracias!
Ietsu
Ietsu
Junta Directiva

Mensajes : 4243
Reputación : 448
Gustos : Procrastinar a través del tiempo y del espacio.

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Shalazar Sáb Jun 26, 2010 11:50 pm

Ietsu escribió:Rami, sí que le puedes dar un minipunto, mira el tutorial sobre como hacerlo :P.

Tiene puntuación negativa, no puede hasta que se la quite (eeh)
Shalazar
Shalazar
Colaborador

Mensajes : 4330
Reputación : 151
Gustos : ¡Rolf! Comics, softcombat, excel...

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Ietsu Sáb Jun 26, 2010 11:50 pm

Vaya, no sabía yo eso xD
Ietsu
Ietsu
Junta Directiva

Mensajes : 4243
Reputación : 448
Gustos : Procrastinar a través del tiempo y del espacio.

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Jotermeister Sáb Jun 26, 2010 11:51 pm

No te lees los tutoriales? xD
Jotermeister
Jotermeister
Colaborador

Mensajes : 1295
Reputación : 90
Gustos : Siempre que puedo

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Thumderson Sáb Jun 26, 2010 11:53 pm

arreglado ^^, añadí una página de fuentes esta en concreto para amantes de videojuegos les gustará

http://www.typenow.net/themed.htm

La de Parry hotter está muy lograda para escribir algo así en antiguo jeje


Última edición por Thumderson el Dom Jun 27, 2010 12:12 am, editado 2 veces
Thumderson
Thumderson
Leyenda

Mensajes : 2264
Reputación : 66

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Ietsu Sáb Jun 26, 2010 11:55 pm

Joter, sí me los leo, pero no soy capaz de memorizarlo todo solo por el hecho de ser el foro que administro.

Y por otra parte, que tu primer mensaje en este tema sea para mostrar una carencia mia y no para agradecer el tutorial denota tu interés general por el foro. No vuelvas a postear en este tema si no es para comentar el tutorial.

Un saludo.
Ietsu
Ietsu
Junta Directiva

Mensajes : 4243
Reputación : 448
Gustos : Procrastinar a través del tiempo y del espacio.

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Jotermeister Dom Jun 27, 2010 12:44 am

Vale, voy a volver a postear para comentar el tutorial.

Tiene dos puntos buenos y un punto malo.

Uno de los puntos buenos que me parece que tiene es que es muy muy curioso y que, a mi por lo menos, no se me habria ocurrido trastear con esos codigos basicamente porque no tenia ni p*** idea

Punto malo: no me parece para nada necesario. No considero un impedimento el que el foro prescindiera de los tipos distintos de fuente.

Y otro punto bueno: tio, el post es grandisimo. Es un curre, las cosas como son. xD
Jotermeister
Jotermeister
Colaborador

Mensajes : 1295
Reputación : 90
Gustos : Siempre que puedo

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Enkydu Dom Jun 27, 2010 1:05 am

Está Chido, Buen aporte XD
Enkydu
Enkydu
Malo maligno

Mensajes : 619
Reputación : 74

Volver arriba Ir abajo

Tutorial: Las fuentes Empty Re: Tutorial: Las fuentes

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba


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