Nick: Pass: Registrate  Perdíste tu clave?
Portada Foros Descargas Enviar Noticia Galería Chat
Actualmente conectados:458 usuarios anónimos, y


 
Información
 
- Normas de la web
- Conceptos básicos
- Búsquedas
- NPCs (PNJs)
- Templos
- Mercenarios
- Glosario
- Áreas 85
- Afijos
- Tratado de TCs (PDF)
- Cubo Horádrico
- Nivel Secreto
- Modo Multijugador
- Magic Find (PDF)
- Llaves del pandemonium
 
Personajes
 
- Asesina
- Amazona
- Bárbaro
- Nigromante
- Paladín
- Druida
- Hechicera
 
Tablas
 
- Experiencia
- Nivel por área
- Recuperación de impacto
- Velocidad de lanzamiento
 
Objetos
 
- Únicos
- Set
- Artesanales
- Palabras Rúnicas
- Runas
- Pociones
- Gemas
- Joyas


[ Búsqueda ]
 
Guías
 
- Personajes [P]
- Soporte Técnico
- Battle.net
 
Mods
 
- ¿Qué son?
- Instalación
- Creación
 
Publicidad
 
 
Publicidad
 
  
Publicar nuevo tema   Responder al tema
Ver tema anterior Versión imprimible Entre para ver sus mensajes privados Ver tema siguiente
Autor Mensaje

Bigboss
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 06:49 PM

Antiguo moderador
1546 posts


<b>Antiguo moderador</b>

Miembro desde
18 Nov 2004
Mini Tutorial HTML

Ya que hemos añadido la sección de la lista de trade en el perfil y ésta no admite bbcode, he pensado en hacer este pequeño tutorial sobre cómo dar forma a tus listas de trade, ya sea en el tema de los colores, el tamaño de la letra, subrayados, negritas, etc.

Este pequeño documento tiene 2 partes. La primera de ellas se basa en la utilización de la aplicación de microsoft office llamada frontpage. Si no te quieres complicar la vida y tener que aprender nuevos comandos es la solución más sencilla, aunque será conveniente que, si usas este método, guardes tu lista siempre en tu pc y la modifiques en el archivo original, para después copiarla.
Si crees que aprenderte unas cuantas órdenes en html no resultará un problema para ti te recomiendo usar el segundo método, que consiste en la utilización del hueco destinado a la lista de trade, añadiendo las órdenes necesarias para que el texto tome la forma que quieras, tal y como se hace habitualmente en los foros de la web con el bbcode.

1. Html basado en frontpage.

Esta forma, como ya he indicado antes, es la que más conviene utilizar a los menos "manitas" dentro de la informática, o tienen peor memoria.
Para hacerlo lo más sencillo posible, colgaré unas screens que faciliten el uso de este método a los usuarios.

Lo primero que debemos hacer es ejecutar la aplicación en cuestión y pinchar el botón de nueva página, tal y como se indica en el siguiente dibujo.

Image

Tras esto nos encontraremos con una página en la que escribir un texto, en la que podrás crearlo y modificarlo como si te encontrases en word, open office, o cualquier otro procesador de textos.
Como ejemplo vamos a poner un pequeño texto que he creado para el tutorial, aunque aquí deberías poner tu lista de trade, atendiendo a la clasificación que cada uno crea conveniente (por mulas, por tipos de objetos, etc.), la modalidad, el reino y cualquier otra información que consideres de utilidad. Veamos como puede quedar algo con modificaciones de color, tamaño y subrayado.

Image

Ya tenemos nuestro texto escrito y modificado a nuestro gusto, pero... cómo hacemos para que se muestre de esa forma en la web?
Pues es muy sencillo. Para ello comencemos por pulsar la pestaña que hay en la parte de abajo llamada html, indicada en el siguiente dibujo.

Image

Ahora te encuentras con muchos códigos que indican, desde la procedencia de la página, el programa con el que se han hecho, el título, y algunas cosas más.
De esto en realidad sólo debemos hacerle caso a lo que es realmente el texto, el "cuerpo" del archivo que se encuentra entre códigos "body". Se trata de la parte rodeada en la siguiente foto.

Image

Ahora tan solo tenemos que copiar esa parte y pegarla en el cuadro de la lista de trade. De esa forma la tendremos lista.


2. Html basado en cualquier texto

Para organizar nuestra lista de trade de este modo, lo único que necesitamos es saber unas cuantas órdenes de html y aplicarlas del mismo modo que el bbcode

Código:
<u>texto</u> El texto estará subrayado.

<font color="orange" size="3">texto</font>  El texto será mostrado en color naranja (acepta varios colores poniéndoles los nombres en inglés) y aparecerá a un tamaño 3 (equivalente a 12 puntos).
*Tras probar este comando, he de advertir que la web, en los perfiles de usuario y, por consiguiente, en las listas de trade, no acepta cambios en el tamaño de la letra.

<i>texto</i>  El texto será mostrado en cursiva.

<b>texto</b>  El texto será mostrado en negrita.

*Las órdenes relacionadas con la fuente (aquí sólo he mostrado las más básicas) van juntas, no es necesario abrir más de una orden si deseas darlas, tal y como se ha mostrado aquí.


Aquí están sólo las órdenes más sencillas, suficientes para hacer un texto que no se haga difícil de leer y bien organizado, diferenciando las distintas partes del mismo.
Como es de suponer, el lenguaje html dispone de muchísimas más órdenes que permiten modificar de muy diversas formas el texto, pero aquí no son necesarios y, en la mayoría de los casos, sólo complicarían la vida al usuario.
Si deseáis saber más sobre html podéis encontrar cientos de tutoriales buscando simplemente en google.
Si creéis que hay órdenes realmente necesarias para el fin que buscamos que no se encuentren recogidas entre las anteriormente citadas, podéis comentarlo en este post para que se incluyan en la lista.

Espero que este mini-tutorial que he elaborado ayude a algún usuario de esta web.

Un saludo.


Ultima edición por Bigboss el 27 May, 2006 - 08:16 PM, editado 1 vez
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 

Holyshark
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 07:37 PM

Colaborador
6828 posts


<b>Colaborador</b>

Cuentas
Dicese de cada una de las piezas para collar.

Miembro desde
10 Sep 2004
Código:
<table border=2>
//* Para crear una tabla. El Border=2 es para variar el grosor del borde.
<tr>
//* Creas una fila nueva
<td>
//*Creas una columna en la fila
TEXTO
</td>
//* Cierras la celda
<td>
//* Nueva columna en la fila
TEXTO2
</td>
</tr>
//* Cierras la fila
</tr>
//* Nueva fila. Vuelta a empezar
.
.
.
</tr>
//* Cierras la ultima fila
</table>
//* Cierras la tabla


Ese es el modo HTML para hacer tablas. Si vais a meter MUCHOS datos usad Frontpage, en la barrita de arriba dais a Tabla y la creais. Luego escribis en ella como lo hariais en Word.

EJEMPLO:
<table>
<tr>
<td>Item</td>
<td>Precio</td>
</tr>
<tr>
<td>SoJ</td>
<td>6 ists</td>
</tr>
<tr>
<td>Zakarum</td>
<td>1 Um</td>
</tr>
</table>

EDITO: Ejemplo HTML en http://holyshark.webcindario.com/ejemplo.html
Como podreis entender, la lista puede estar en modo de texto normal, pero asi queda elegante. Podeis meter dos items por fila, por ejemplo, como se ve en la segunda tabla.

_________________
Image

El que nada sabe...nada entiende.
 
 Ver perfil de usuario Enviar mensaje privado  
Responder citando
 

senaaaa
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 08:14 PM

Sombra
639 posts


Sombra

Cuentas
Nuevo nick: Zede

Miembro desde
15 Jun 2003
La lista de comercio soporta todo el lenguaje HTML? Con esto me refiero a si puedo crear una mini web ahi dentro? xDD

_________________
Image
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 

Bigboss
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 08:27 PM

Antiguo moderador
1546 posts


<b>Antiguo moderador</b>

Miembro desde
18 Nov 2004
Pues, por lo que acabo de probar no, no lo soporta todo. No hace caso de los cambios de letra (lo acabo de añadir en este minituto) y las tablas las crea, pero se hace un lío. El mayor problema es que crea mucho espacio en blanco antes.

Un saludo.
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 

senaaaa
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 09:34 PM

Sombra
639 posts


Sombra

Cuentas
Nuevo nick: Zede

Miembro desde
15 Jun 2003
Valla timo xDD, pues q me metan el bbcode porq si el html no rula entero... xDD

Saludos

_________________
Image
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 

ciklo
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 11:34 PM

Reina de las Amazonas
1357 posts


Reina de las Amazonas

Cuentas
Us East HCL *PaleteroMAN

Miembro desde
09 Mar 2005
Buen tuto.
Gracias.

_________________
Diablo 2 is like sex , Hardcore is better!
Image]
LVL'S MUERTOS SEASON 4:
20 , 88 , 49 , 41
 
 Ver perfil de usuario Enviar mensaje privado  
Responder citando
 

matnez25
Asunto: Mini tutorial HTML (listas de comercio)  MensajePublicado: 27 May, 2006 - 11:44 PM

Sombra
670 posts


Sombra

Cuentas
1, 2 , 3 ,4 , 5 , 6 , 7 , 8 ,9 , 10....... 1125........etc.....

Miembro desde
14 Jul 2005
Buen tutorial Bigboss, a ver si mas tarde lo pongo a prueba ^_^

_________________
..."En el juego la suerte beneficia a las mentes preparadas"...

Image
 
 Ver perfil de usuario Enviar mensaje privado  
Responder citando
 

[K]NiGhT
Asunto: Re: Mini tutorial HTML (listas de comercio)  MensajePublicado: 28 May, 2006 - 12:33 AM

Webmaster
698 posts


<b>Webmaster</b>

Cuentas
*knightd2l

Miembro desde
10 Abr 2003
senaaaa escribió:
La lista de comercio soporta todo el lenguaje HTML? Con esto me refiero a si puedo crear una mini web ahi dentro? xDD


Evidentemente, y por motivos de seguridad, no todas las etiquetas HTML están aceptadas. Creo que con poner alguna negrita y algún subrayado, basta xD

_________________
Saludos. [K]NiGhT
www.diablo2latino.com
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 

senaaaa
Asunto: Re: Mini tutorial HTML (listas de comercio)  MensajePublicado: 28 May, 2006 - 01:06 AM

Sombra
639 posts


Sombra

Cuentas
Nuevo nick: Zede

Miembro desde
15 Jun 2003
Por motivos de seguridad??

_________________
Image
 
 Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor  
Responder citando
 
Mostrar mensajes de anteriores:     
Cambiar a:  
Todas las horas son GMT + 1 Hora
Publicar nuevo tema   Responder al tema
Ver tema anterior Versión imprimible Entre para ver sus mensajes privados Ver tema siguiente
PNphpBB2 © 2003-2004 

 
Creative Commons License
Este sitio web está bajo una licencia de Creative Commons.



El logotipo de Diablo II©, Diablo II: Lord of Destruction©, Blizzard Entertainment© así como el resto de imágenes sobre el juego, son marcas registradas de Blizzard Entertainment.