Incorrect username or password

 
29-03-2024 16:30
|
Season 89 · Week 13 · Day 88
|
Online: 4 641

Football

Football » Español(Latinoamerica) » Preguntas y Respuestas

GUIA: PDD (Palabra del Dueño)

Badge image
Viendo en el foro muchas preguntas hacerca de las PDDs, recopilé esta información que les puede resultar de mucha ayuda para comenzar en el armado de sus PDD:

¿Dónde modifico mi PDD?

Sede del club => Equipo => Editar información
http://img835.imageshack.us/img835/3986/tuto1.png

¿Cómo cambio el fondo?

"Usa un color para el fondo, seleccionando un color de la lista o especificando un color-HEX.". Se explica solo, ¿no? Al menos lo de elegir un color de la lista es obvio. Lo del color-HEX no tanto, pero a fin de cuentas no es más que una manera de designar los colores basándose en el sistema hexadecimal. (LEER MAS ADELANTE). Además, con casi todos los programas de dibujo (con Photoshop, The Gimp u otros) podes obtener el valor hexadecimal de cualquier color que tengas en la pantalla.

http://img829.imageshack.us/img829/9431/tuto2.png

Para el fondo también podes usar una imagen. Como adelanto, les diré que sólo tenes que poner en el recuadro la dirección, o URL, de la imagen. Por poner un ejemplo, si en ese campo escribís http://img685.imageshack.us/img685/7180/tuto3wt.jpg vas a obtener esa imagen de fondo.

¿Qué es el HTML?

HTML son las siglas en inglés de “HiperText Markup Language”, lo que en español viene a ser “Lenguaje de Marcas de Hipertexto”.
El lenguaje HTML se basa en un sistema de etiquetas o "tags". Cada una tiene una función distinta, pero todas responden a una sintaxis común:

< INSTRUCCIÓN {Parámetros} > [...] elemento al que afecta la instrucción [...] </FINALIZADOR >

Donde la parte resaltada en negrita aparece en TODAS las etiquetas, mientras que el resto depende de la etiqueta que sea.

Los parámetros, o propiedades, sirven para especificar una cualidad añadida a una instrucción, siempre y cuando la instrucción lo admita.

El finalizador, simplemente sirve para indicarle al ordenador (que es quien se va a encargar de descifrar el código para mostrar el documento correctamente por pantalla) que la instrucción ha finalizado.

¿Qué etiquetas admite la PDD ?

Quitando todo lo que no admite (que es mucho), nos quedamos con tan sólo:

* <b> o <strong> para poner en negrita
* <i> para poner en cursiva
* <u> para subrayar el texto
* <marquee> para marquesina (elemento que se desplaza)
* <p> para delitimitar párrafos
* <br> para introducir un salto de línea
* <center> para centrar el texto
* <font> para modificar las propiedades de la fuente
* <ol> y <li> para crear listas
* <a> para links
* <img> para introducir imágenes

Veamos cómo se utiliza cada una:

Negrita, subrayado y cursiva

Las tres etiquetas necesitan el finalizador y no admiten parámetros. Para saber cómo se usan bastará con unos ejemplos:

<b>Esto está en negrita</b> ó <strong>Esto está en negrita</strong>

Esto está en negrita

<i>Esto está en cursiva</i>

Esto está en cursiva

<u>Esto está subrayado</u>

Esto está subrayado


Elemento que se desplaza: marquesinas


La etiqueta necesita el finalizador y tiene como parámetros característicos:

* Direction: Indica la dirección de desplazamiento. Puede tomar los valores up, down, right, left. *Behavior: Si no se especifica, el valor predeterminado es scroll, en el que el texto desaparece por un lado de la pantalla para aparecer por el otro. También se puede poner alternate para que el texto rebote indefinidamente al llegar a un borde.
* Scrolldelay: Es un número que indica la velocidad de desplazamiento de la marquesina en milisegundos.

Por ejemplo:
<marquee direction="right" behavior="alternate" scrolldelay="150">Marquesina de ejemplo</marquee>

Marquee admite algunos parámetros más en el lenguaje HTML convencional, sin embargo, la PDD no los admite.

IMPORTANTE: Las comillas del valor del parámetro son necesarias en el HTML convencional, pero para la PDD NO hay que ponerlas si queremos que la etiqueta funcione correctamente.


Estructuración en párrafos y saltos de línea

Muchas veces, por no decir siempre, nos interesará estructurar el texto en párrafos. Para ello existe la etiqueta <p> que se usa de la siguiente manera:

<p>ESTE ES UN TEXTO DE EJEMPLO DENOMINADO “A”. </p> <p> ESTA ES LA CONTINUACION DE UN TEXTO DE EJEMPLO DENOMINADO “B”. </p>

En la PDD se vería de esta manera:


ESTE ES UN TEXTO DE EJEMPLO DENOMINADO “A”.

ESTA ES LA CONTINUACION DE UN TEXTO DE EJEMPLO DENOMINADO “B”.

Como podes ver, esta etiqueta introduce un salto de línea adicional entre párrafo y párrafo. Esto, en algunas ocasiones nos irá bien y en otras no tanto. Para aquéllas en las que sólo necesites un salto de línea simple, se usa la etiqueta <br>:

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

En la PDD se vería algo asi:

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Fíjense, y esto es importante, <br> es una de esas etiquetas que no requiere finalizador.

Pese a que la PDD admite las etiquetas <p> y <br>, también reconoce cualquier salto de línea que hayas introducido con la tecla "Enter".

Centrado de texto

Centrar el texto es una de las cosas que más vas a hacer. Es una de esas etiquetas más fáciles de usar:

<center>Esto está centrado</center>

Nota: El alineamiento a la izquierda es el predefinido, así que para ello no hay que usar ninguna etiqueta específica.
El alineamiento a la derecha se puede conseguir con el HTML convencional mediante el parámetro align="right" (en párrafos, imágenes...). Pero la PDD no lo admite. Así que a olvidarnos de alinear a la derecha.


Cambiar las propiedades de la fuente

Esto ayuda mucho en la creación de una PDD vistosa. Podemos cambiar las propiedades de la letra. Básicamente la fuente, el tamaño y el color. La etiqueta precisa de finalizador. Para cambiar las propiedades mencionadas, se deberán incluir los siguientes parámetros:

* Face: Determina la fuente. Puede tomar como valor el nombre de cualquier fuente. Sin embargo, a efectos prácticos no es recomendable poner cualquier fuente que nos guste. ¿Por qué?, Sencillo: si pones como parámetro una fuente que tienen en su computadora, alguien que visite nuestra PDD y no tenga esa misma fuente instalada en su PC, lo verá con la fuente predeterminada de la PDD (Verdana, creo). Así que ojo con poner fuentes raras.
* Size: Es un número que indica el tamaño de la letra. En principio va de 1 a 7, siendo 7 la letra más grande y 1 la más pequeña.
* Color: El nombre lo dice todo. Los valores pueden ser introducidos de dos maneras: mediante el valor hexadecimal (Ver al principio) o mediante sus nombres en inglés: blue, red, yellow... De todas formas, si los colores típicos les quedan cortos, echale un vistazo a esto:

Vamos con el ejemplo:

<font size="3" color="red">Esto está en rojo y a tamaño 3</font><font size="1" color="#FFCC00"> mientras que esto está en amarillo (en hexadecimal) y a tamaño 1.</font>

Esto está en rojo y a tamaño 3 mientras que esto está en amarillo (en hexadecimal) y a tamaño 1.


IMPORTANTE: Las comillas del valor del parámetro son necesarias en el HTML convencional, pero para la PDD NO hay que ponerlas si queremos que la etiqueta funcione correctamente.

Si en la PDD le das a size un valor mayor a 7, lo aceptará, pero lo tratará como si fuera de tamaño 7, que es el máximo.

Listas

En HTML es algo que se usa con bastante frecuencia. Sin embargo, para la PDD... que yo sepa nadie lo utiliza. Tal vez porque su funcionamiento es bastante impredecible en la PDD. Pero bueno, es una posbilidad que está ahí.

La etiqueta <ol> significa "ordered list", lista ordenada para los amigos. Sirve para crear listas donde se numeren los elementos. Esta etiqueta requiere finalizador y, además, nunca se usa sola, sino combinada con <li>, "list item". Por cada elemento que deseemos incluir en la lista deberemos usar esta etiqueta, que también lleva finalizador. Dicho así parece complicado, pero ni mucho menos lo es:

<ol><li>Primer elemento</li><li>Segundo elemento</li></ol>

1. Primer elemento
2. Segundo elemento


En el HTML de toda la vida también existe otro tipo de lista que usa la etiqueta <ul>, "unordered list ". Aquí los elementos no van precedidos por un número, sino por un punto. Para usar <ul>, el esquema es el mismo que antes, pero en lugar de escribir <ol>, pondremos <ul>. Tal que así:

<ul><li>Primer elemento</li><li>Segundo elemento</li></ul>

* Primer elemento
* Segundo elemento


Por una de esas casualidades de la vida, la PDD NO ADMITE <ul> . Pero tranquilos, porque gracias a que la PDD hace un poco lo que quiere con las normas del HTML, hay una manera de simular el funcionamiento de <ul>. Esto consiste en usar <li> pero sin acompañarla de <ul> ni <ol>, así:

<li>Primer elemento</li><li>Segundo elemento</li>

Cuando usas la etiqueta <li>, si no pones el finalizador </li>, la PDD reconocerá como final del elemento de la lista el primer salto de línea que encuentre en el código. Esto puede ser bueno o malo, según se mire. Por claridad, les recomiendo que pongas el finalizador. De esta manera siempre sabrás lo que estás haciendo.

Hipervínculos

En los tiempos que corren, todo el mundo sabe lo que es un hipervínculo puesto que es algo que forma parte de nuestra vida cotidiana. Sin embargo, si nos referimos al HTML, esconden bastantes secretos.

* href: Significa "Referencia HTML o Referncia URL". Es el más importante. Sin él el enlace jamás funcionará. El valor que toma es la dirección URL de la página, imagen,... o cualquier tipo de archivo que queremos linkear. Para saber la URL de aquello que queremos poner en nuestro link, pulsamos encima de la página, imagen,... con el botón derecho del ratón y seleccionamos "propiedades (si usas IE) o "Ver información de la página" (si usas Firefox). Ahí ya aparece la dirección y la podemos copiar normalmente.
Con href también se pueden poner enlaces a direcciones de correro electrónico, y la PDD lo admite sin problemas. Tan sólo hay que poner como valor mailto:dirección_email@loquesea.com, poniendo, claro está la dirección que nosotros queramos.
Otra utilidad de href son los vnculos internos o "a un marcador". El ejemplo más típico son los famosos links de "volver arriba" o abajo, o a donde sea. Para poder usar los enlaces de esta manera, deberos usar marcadores (más abajo explico su sintaxis y su forma de uso).
* title: este parámetro sirve para añadir una descripción o un comentario sobre el enlace. Funciona de manera similar al texto substitutivo de una imagen (dentro de un rato veremos qué es eso), de manera que cuando uno deja el ratón sobre el enlace durante unos instantes, aparece un recuadro flotante con el valor que le hayamos dado. El valor no es más que el texto que queremos que se lea.
* target: es una parámetro que muy pocos conocen pero que es muy útil. Sirve para elegir el destino donde se va a abrir la página enlazada. Se utiliza sobretodo para abrir páginas en una nueva ventana. Seguro que nos ha ocurrido más de una vez que, pinchando en un enlace de alguna PDD, la página se nos abre en la misma ventana donde tenías abierto Managerzone, y luego todo son líos de volver atrás y volverse a loguear y cosas por el estilo. Con target podemos evitar esto. Los valores que admite son varios, pero tan sólo nos será útil "_blank", con la barra baja incluida para que funcione. El resto de valores están destinados para el uso de frames en páginas web (esto sólo como curiosidad :P).
* id ó name: Ambos se usan de la misma manera (pese a que no son lo mismo, aunque poco nos importa para la PDD) y sirven para crear marcadores en el documento. Los marcadores son como un punto de libro y nos señalan un punto concreto. Usan la misma etiqueta que los enlaces pero sin href. Además, son invisibles; el navegador no los muestra por pantalla, por lo que se pueden poner en cualquier parte del código sin importar como quedaría si se viera.
Cuando pulsamos sobre un vínculo interno, el navegador nos llevará hasta el lugar de la página donde hemos colocado el marcador.

En el HTML convencional, la etiqueta <a> admite otros tantos parámetros, pero para la PDD no tienen ninguna utilidad.
Los típicos ejemplos los haremos hoy diferenciando entre los tipos de enlaces que hemos visto:

Enlaces "convencionales"

<a href="http://miarroba.com/libros/leer.php?id=156409" title="Deja aquí tus dudas y comentarios" target="_blank">El Guestbook de PDD Tuning</a>

Para usar enlaces internos necesitaremos dos elementos: el enlace, semejante al "convencional", y el marcador. El marcador, puesto que es invisible.

Etiqueta del marcador (aquí no necesita finalizador):

<a name="top">

Etiqueta del enlace que apunta al marcador (¡no olvides la almohadilla!):

<a href="#top">Volver Arriba</a>


Si necesitan mas información avanzada, pueden entrar en http://www.todomanagerzone.com/contenidos/Palabradeldueno.html

Ahi van a tener funciones avanzadas para la realización de la misma;)
Fuente por dj_wisy The Zone Miércoles 30 Noviembre 2005 en adelante. (www.todomanagerzone.com/)


Espero que les sirva!..El resto se los dejo a su imaginación;)
Views: 8290 Posts: 150
 
Page 1 2 3
Next
Reply
Last Message

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Muy buena, completita, gracias, y saludos! :)

Re: GUIA: PDD (Palabra del Dueño)

Badge image
GROSOOOOOOOOOOOOOOOOOOOOOOoooooooooooooooOOOOOOOOOOOOOOoooooooOOOOOOOOOO

Re: GUIA: PDD (Palabra del Dueño)

Badge image
groso ... yo me mori buscando en foros y ahora me quiero morir porque hace 2 o 3 dias que lo encontre :S igual muy bueno ... up

Re: GUIA: PDD (Palabra del Dueño)

Badge image
muchisimas gracias aunque da flojera leer tanto ya empece a hacerlo, oye puedes checar mi PDD haber como me quedo

Re: GUIA: PDD (Palabra del Dueño)

Badge image
mmm... buen aporte.

Esto no lo había posteado yo en MZH?

Suerte con el thread.-

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Prueben, pero hay algunas estiquetas que no funcionan.

Re: GUIA: PDD (Palabra del Dueño)

Badge image
muy bueno , estuve probando y no me funciona la del color ,,,

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Por olimpo2010 Hoy 01:57
La del color tenés que usarlos sin las comillas!!..me pasaba lo mismo que vos te lo aseguro!!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Por fidelret Ayer 20:53
En mzh??..Yo lo saqué de la pagina esa que está ahi.. Perdoná si ya estaba!!!..como vi que hay muchos que tiene dudas con sus pdds lo resumí y lo postee acá fidel!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Levanto. Muy pronto mas info;)

Re: GUIA: PDD (Palabra del Dueño)

Badge image
si la verdad que esta bastante completita la guía, y che, yo antes jugaba y hace unos días volví, la cosa es que antes estaba la página livemz.com, que paso con esa página y no saben si han hecho otra similar? porque antes yo la usaba para guiarme con unas cosas de la PDD.
Saludos.

Re: GUIA: PDD (Palabra del Dueño)

Badge image
upupupup

Re: GUIA: PDD (Palabra del Dueño)

Badge image
eres la chele

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Buena (Y)

JR10

Re: GUIA: PDD (Palabra del Dueño)

Badge image
up

Re: GUIA: PDD (Palabra del Dueño)

Badge image
algo q no me quedo claro, como pongo imagenes, x ejemplo de escudos o algo asi

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Las imagenes se ponen con un simple código:

<img src=" ">

Agregandole el Link Directo de la imagen.

Un ejemplo:

<img src="http://img822.imageshack.us/img822/1072/escudo.png">

Lo copias en "Editar información" y ya está para verlo en tu gb.

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Muy buena :)
UP!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Muy bueno Up!!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
GENIAL

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Subo para muchachos que estuvieron preguntando.

Re: GUIA: PDD (Palabra del Dueño)

Badge image
up

Re: GUIA: PDD (Palabra del Dueño)

Badge image
uppppppppppppppp!!!!!!!!!!!111

Re: GUIA: PDD (Palabra del Dueño)

Badge image
up!!!!!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
up!!!!!!!!!!!!!

Re: GUIA: PDD (Palabra del Dueño)

Badge image

Re: GUIA: PDD (Palabra del Dueño)

Badge image
uuuh es muy alrgo, en un rato (eso significa tal vez en una hora, tal vez mañana, tal vez la semana q viene, tal vez nunca) lo leo!

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Ya lo probe y funciona gracias x el aporte, la verdad creo q me quedo bastante bien

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Por Miembro del Club juanchaca Jueves 18:26

De nada che!:D

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Podes hacer eso oooooooooooooooo....

Pedirle a un amigo crack como el mio q t la haga =P

Fijense si no la rompe mi PDD :D

Re: GUIA: PDD (Palabra del Dueño)

Badge image

Re: GUIA: PDD (Palabra del Dueño)

Badge image

Re: GUIA: PDD (Palabra del Dueño)

Badge image
uuuuuuuup muy buena

Re: GUIA: PDD (Palabra del Dueño)

Badge image
Up

Re: GUIA: PDD (Palabra del Dueño)

Badge image
grosooo!! graciassss! =)

MSG.

Re: GUIA: PDD (Palabra del Dueño)

Badge image
ooo...wena...gracias...up
 
Page 1 2 3
Next