InternetAdictos - Guia HTML para PHPNuke

GUIA HTML PARA PHPNUKE

En este pequeño tutorial, vamos a resumir un poco las funciones que podemos aplicar a nuestros textos para que queden más elegantes, así como poner hipervinculos y/o imágenes en nuestra página.
Cualquier sugerencia podéis mandarla al webmaster que la incluirá gustosamente si es de interés para todos.

Codigos de formateo de texto (publicación de noticias ).
¿Como poner un hipervínculo?
¿Como usar imágenes en las noticias o foros?
Guia de uso de los colores.

CODIGOS DE TEXTO

Estos códigos servirán a cualquier usuario para adornar o poner de forma más elegante un texto, noticia, mensaje en el foro, etc.
Si usamos algun programa adecuado para trabajar con html no tendremos porque teclear nada de esto, ya que será incluido en el codigo html de forma automática.
En el caso de publicar un mensaje en el foro, simplemente debemos intercalar el texto deseado entre los códigos que queramos.
Ejemplo, para poner la palabra internetadictos en negrita, pondriamos:
internetadictos.

Aquí os va una pequeña lista de códigos:

<pre> Indica que procesaremos un texto "preformateado".
Hasta encontrar el </pre> se respetarán todos los espacios y los retornos de línea.
  Hace un Enter. No es necesario poner 
 Indica que pasamos a cursiva. Finalizamos con 
 Indica que procesamos un nuevo parrafo. Usar  para cerrar el párrafo.
 Indica que pasamos a negrita. Finalizamos con 
 Igualmente que la negrita. Finalizamos con 
 Indica que pasamos a texto subrayado. Finalizamos con 
<h1> Tamaño de texto 1. Finalizamos con </h1>
<h4> Tamaño de texto 4. Finalizamos con </h4>
Indica que pasamos a texto en formato Itálica. Finalizamos con 
Nota: Tenemos 6 tamaños disponibles para elegir el tamaño del texto. Son del 1 al 6, siendo el 1 el mas grande y el 6 el más pequeño..
<basefont size=n> Fija la referencia por defecto de base para el tamaño de los caracteres con códigos FONT SIZE. Su valor por defecto es 3.
 Parecido a basefont size, pero permite unas referencias adicionales. En realidad existen dos modos de llamar al texto, en modo literal y en modo físico.
Deberemos SIEMPE finalizar el formato de texto con .
Los parametros para FONT son:
size Cambia el tamaño del texto, referenciado al tamaño por defecto seleccionado en el navegador.
face Carga si está disponible un determinado FONT, por ejemplo FONT=courier
color Selecciona el color para el texto.
Ejemplo:
Esto en color rojo----- y esto en color verde ( también se puede poner 
Seria: Esto en color rojo ----- y esto en color verde
Más adelante tenéis una explicación de los códigos de colores.
 ( solo explorer ) Usamos texto pequeño. Finalizamos con 
 ( solo explorer ). Usamos texto en sub-indice. Finalizamos con 
 ( solo explorer ). Usamos texto en super-indice. Finalizamos con

Tener en cuenta que se pueden usar varios códigos en un mismo párrafo o incluso en una misma palabra, por ejemplo:

Negrita+subrayado solo rojo ahora el color anterior.
Su resultado seria:
Negrita+subrayado solo rojo ahora el color anterior

Volver arriba

¿Como poner un hipervínculo?

Si lo que buscamos es que al pinchar en un sitio, nos salte a una dirección web, hacemos lo siguiente:
<a href="http://www.internetadictos.com">InTeRnEt aDiCtoS</a>.

Lo que va entre las comillas, es la dirección a la que saltaría vuestro explorador al pinchar en el texto InTeRnEt aDiCtoS.

Otra posibilidad es que nos salte a una dirección determinada de una web, el index, foros, etc.
En ese caso ponemos solo la dirección relativa, sin http://
<a href="index.html">Inicio</a> Para ir a la pagina principal si usas PHP.
<a href="index.html">Inicio</a> Para ir a la página principal su usas html.

También puedes hacerlo para que salte a una determinada parte de un documento.
En este caso, se les llama "Marcadores". Se usan de la siguiente forma:
<a name="arriba"></a> Esto lo pondremos a donde queremos saltar.
<a href="#arriba">AQUI</a> Al pulsar en "AQUI", nos saltará a donde hayamos colocado el marcador "arriba".

Para que lo entendáis mejor. Al principio del documento he puesto un marcador.
Si pincháis AQUI, iréis al principio del documento.
Si lo que queréis es que al pinchar en un texto, el enlace apunte a un fichero para descargar, el procedimiento es exactamente el mismo al mencionado arriba, solo que la dirección debe mencionar el fichero en cuestion.
Lo mejor un ejemplo:

<a href="http://www.internetadictos.com/fichero.zip"> Descarga </a>
Esto simplemente se vería como:
Descarga . Y pinchando en Descarga, os bajariais el fichero llamado "fichero.zip".

No descargueis el fichero.zip expuesto en este ejemplo, porque no existe y os dará un error :P

Volver arriba

USO DE IMAGENES

Muchos preguntan como pueden poner su firma en el foro, o que como pueden acompañar una imagen en la misma linea de texto.
Bien, pues es muy sencillo, solo hay que fijarse un poco en el siguiente código y será pan comido:

¿Os gusta mi banner? Aquí lo tenéis <img src="http://www.internetadictos.com/banner88x31.gif">

Y saldría esto: ¿Os gusta mi banner? Aquí lo tenéis

Sencillito como véis.
También se puede hacer que al pinchar en la imagen del banner, os salte a una página web.
Si ponéis:
<a href="http://www.internetadictos.com"><img src="http://www.internetadictos.com/banner88x31.gif"></a>

Entonces al pinchar en este banner iréis a InTeRnEt aDiCtoS.

Volver arriba

Colores:

Para poder poner a nuestro texto o página el color adecuado, deberemos tener en cuenta unas cosas:

Los colores se forman a partir de tres básicos, que son el rojo, verde y azul.
La intensidad de cada componente se expresa como un número hexadecimal del 00 al FF (del 0 al 255 en decimal)
Los números hexadecimales, se forman utilizando 16 dígitos que son:
0 1 2 3 4 5 6 7 8 9 A B C D E F
Tener en cuenta que al representar un color, el primer grupo corresonde al rojo, el siguiente al verde y el siguiente al azul (RGB)
Así:, por ejemplo, el color rojo se representa como #FF0000, porque tiene el toda la intensidad de rojo y nada de verde y azul.
Los colores basicos son:
#FF0000 - Rojo-----#00FF00 - Verde-----#0000FF - Azul

Ahora podéis hacer muchas combinaciones, usando la lógica se consigue facilmente el color deseado.
Por ejemplo, si ponemos los 3 colores básicos al máximo #FFFFFF, conseguiremos un blanco.
Por otra parte, si apagamos los 3 colores #000000, tendremos un negro.

Si solo queremos usar colores muy básicos, tambien podemos usar su nombre para describirlo.
Ejemplo Texto Nos mostrará Texto

Aquí os pongo una imagen que resume los colores
a los que podéis llamar mediante texto:

Esto es todo por el momento. Ya iré actualizando este pequeño manual para hacer las cosas cada dia más sencillas.
Recordar que si tenéis alguna duda, está el foro de la página.

Nota: Os recuerdo que vuestras ideas serán siempre bien recibidas. Si tenéis algun manual o algo interesante, no dudéis en enviarlo y será publicado.

Mandar correo al webmaster

Realizado por el Webmaster de www.internetadictos.com

Publicado en: 2003-04-02 (19695 Lecturas)

[ Volver Atrás ]


Loguearse \| Registrarse	Inicio · Tu cuenta · Humor · Efectos Opticos · Foros · Huevo cartoon · Postales gratis ·