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

GUIA: PDD (Palabra del Dueño)

By zerorevenger - 17-07-2010 23:57

[S-22]

[i]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:[/i] [b]¿Dónde modifico mi PDD?[/b] [i]Sede del club => Equipo => Editar información[/i] http://img835.imageshack.us/img835/3986/tuto1.png [b]¿Cómo cambio el fondo? [/b] [i]"Usa un color para el fondo, seleccionando un color de la lista o especificando un color-HEX."[/i]. 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. [i](LEER MAS ADELANTE)[/i]. Además, con casi todos los programas de dibujo [i](con Photoshop, The Gimp u otros)[/i] 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. [b]¿Qué es el HTML?[/b] HTML son las siglas en inglés de[i] “HiperText Markup Language”,[/i] 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: [b]< INSTRUCCIÓN {Parámetros} >[/b] [...] 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. [b]¿Qué etiquetas admite la PDD ?[/b] 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 [i]Veamos cómo se utiliza cada una:[/i] [b]Negrita, subrayado y cursiva[/b] 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> [b]Esto está en negrita[/b] <i>Esto está en cursiva</i> [i]Esto está en cursiva[/i] <u>Esto está subrayado</u> [u]Esto está subrayado[/u] [b]Elemento que se desplaza: marquesinas[/b] La etiqueta necesita el finalizador y tiene como parámetros característicos: * [b]Direction:[/b] 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. *[b] Scrolldelay: [/b]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. [b]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.[/b] [b]Estructuración en párrafos y saltos de línea[/b] 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> [b] En la PDD se vería de esta manera:[/b] 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. [b]En la PDD se vería algo asi:[/b] 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". [b]Centrado de texto[/b] 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> [b]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.[/b] [b]Cambiar las propiedades de la fuente[/b] 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: * [b]Face: [/b]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. * [b]Size: [/b]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. * [b]Color: [/b]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. [b]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.[/b] 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. [b]Listas[/b] 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> [b]1. Primer elemento 2. Segundo elemento[/b] 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> [b] * Primer elemento * Segundo elemento[/b] 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. [b]Hipervínculos[/b] 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. * [b]href: [/b]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). *[b] title:[/b] 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. * [b]target: [/b]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). *[b] id ó name:[/b] 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: [b]Enlaces "convencionales"[/b] <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. [b]Etiqueta del marcador (aquí no necesita finalizador):[/b] <a name="top"> [b]Etiqueta del enlace que apunta al marcador (¡no olvides la almohadilla!):[/b] <a href="#top">Volver Arriba</a> [i] 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/)[/i] [b]Espero que les sirva!..El resto se los dejo a su imaginación;) [/b]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;)

Previous

Page 1 2 3

 

Reply

Last Message

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

By pablok7 - 11-07-2011 16:20

[U18-FS]

[image url=http://i915.photobucket.com/albums/ac355/ccc_vader/iconos/22-good.gif]

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

By pablok7 - 13-07-2011 01:55

[U18-FS]

Para consultas! [image url=http://i915.photobucket.com/albums/ac355/ccc_vader/iconos/22-good.gif]Para consultas!

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

By briandoiny - 14-07-2011 19:38

para arribapara arriba

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

By sonny211 - 18-07-2011 01:50

upup

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

By hectormanenti_ - 18-07-2011 05:50

quisiera saber cual es el tamaño recomendado de ancho en px para la PDD y el GB!, si es posible esos datos :)quisiera saber cual es el tamaño recomendado de ancho en px para la PDD y el GB!, si es posible esos datos :)

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

By hectormanenti_ - 18-07-2011 16:15

nadie sabe? al menos un estimativo :)nadie sabe? al menos un estimativo :)

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

By acha_handball - 18-07-2011 16:42

y con la imagen como haces ?y con la imagen como haces ?

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

By fabri7 - 20-07-2011 19:19

hectormanenti el tamaño aproximado es de 600 px .. yo no lo haria de mas de 590 por las dudas asi no queda mas grandehectormanenti el tamaño aproximado es de 600 px .. yo no lo haria de mas de 590 por las dudas asi no queda mas grande

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

By pablok7 - 27-08-2011 00:01

[U18-FS]

Arriba!Arriba!

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

By c_c - 05-10-2011 15:30

[MZ]

subimos por consultas!subimos por consultas!

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

By facu_23 - 28-10-2011 18:26

Gracias por la guía, una sola duda. No se puede cambiar el color de las letras?Gracias por la guía, una sola duda. No se puede cambiar el color de las letras?

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

By seba_1987 - 04-11-2011 14:06

[S39]

Up...Up...

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

By seba_1987 - 07-11-2011 14:45

[S39]

up...up...

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

By egf - 08-11-2011 16:19

[✰lןןl✰]

Para poner imagenes en los foros es igual que en los PDD??? Copio lo acá mencionado y lo retransmito en mi fede!!! garciasPara poner imagenes en los foros es igual que en los PDD???

Copio lo acá mencionado y lo retransmito en mi fede!!!

garcias

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

By jpyano - 16-11-2011 01:42

..

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

By pablok7 - 06-12-2011 17:39

[U18-FS]

[b]egf[/b], no, en la PDD se usa el lenguaje html, y en los foros se usa el BBCode. Imágenes en PDD: [b]<img src="link de la imagen">[/b] Imágenes en GB, foro y pizarras: [b]<image url=link de la imagen>[/b] [i]Cambiar los "< >" por "[ ]" en este último caso[/i] Arriba para consultas! [image url=http://i915.photobucket.com/albums/ac355/ccc_vader/iconos/22-good.gif]egf, no, en la PDD se usa el lenguaje html, y en los foros se usa el BBCode.

Imágenes en PDD:

<img src="link de la imagen">

Imágenes en GB, foro y pizarras:

<image url=link de la imagen>
Cambiar los "< >" por "[ ]" en este último caso


Arriba para consultas!

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

By c_c - 12-02-2012 15:11

[MZ]

subimos para que no se pierda!subimos para que no se pierda!

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

By lukas030 - 30-03-2012 21:45

[MZ]

muy bueno <center><i>Paraná FC</i></center> <i>Paraná FC</i>muy bueno

<center><i>Paraná FC</i></center>

<i>Paraná FC</i>

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

By c_c - 30-04-2012 17:18

[MZ]

subimos para que no se pierda!subimos para que no se pierda!

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

By cheloni - 04-05-2012 02:53

[b]muy bueno, arriba ! ![/b]muy bueno, arriba ! !

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

By kamilo_20 - 22-05-2012 05:00

[FC.UY]

una consulta me gustaria saber si alguin puede asesorarme o decirme como hacer para que dentro d la sede del club yo podes poner fotos d banderas d mi equipo o fotos d estadio o de remeras o d lo q fuese..si alguien me puede acesorar o decir les agradescouna consulta me gustaria saber si alguin puede asesorarme o decirme como hacer para que dentro d la sede del club yo podes poner fotos d banderas d mi equipo o fotos d estadio o de remeras o d lo q fuese..si alguien me puede acesorar o decir les agradesco

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

By simbo737 - 24-05-2012 12:33

[PIARA]

arriba para Amilcararriba para Amilcar

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

By herediak - 03-05-2013 05:58

Buenas!! Se puede utilizar en nuestra PDD el contenido XML que brinda MZ? Cómo?Buenas!! Se puede utilizar en nuestra PDD el contenido XML que brinda MZ? Cómo?

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

By rusticidad - 07-05-2013 23:55

[FUMZ]
President

7 up7 up

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

By blakmetal - 04-04-2014 12:37

[ᴄᴀsʟᴀ]

Me recontra maree....Me recontra maree....

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

By petro_azulgrana - 22-05-2014 21:47

[BRANCA]

upup

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

By violetaludwin2000 - 28-05-2015 18:01

[MAN]

Gracias!Gracias!

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

By losxengaby - 01-06-2015 05:24

[✪ FX ✪]

[img]http://i.imgur.com/rR7r7l3.gif[/img] hola amigos una pregunta tenia unas barras en la PDD como imagen de fondo y se me borraron supuestamente este es el link http://i.imgur.com/rR7r7l3.gif pero me sale color hex in valido se ve que algo estoy haciendo mal si alguien me puede ayudar se lo agradezco hola amigos una pregunta tenia unas barras en la PDD como imagen de fondo y se me borraron supuestamente este es el link http://i.imgur.com/rR7r7l3.gif pero me sale color hex in valido se ve que algo estoy haciendo mal si alguien me puede ayudar se lo agradezco

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

By masterrhonaldo (FA) - 01-06-2015 17:52

[✪ FX ✪]

Acabo de probar ingresando ese link en el campo de imagen de fondo, al parecer tienes que colocar algo en el campo de color de fondo, asi se vaya a usar una imagenAcabo de probar ingresando ese link en el campo de imagen de fondo, al parecer tienes que colocar algo en el campo de color de fondo, asi se vaya a usar una imagen

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

By manigoldo_de_cancer - 02-06-2015 00:15

[NOB]

Las imagenes de fondo de las PDD andan mal, les pasa a todos. Fue justo despues del logro de modificar la PDD que nos paso. Ahora lo reporto.Las imagenes de fondo de las PDD andan mal, les pasa a todos. Fue justo despues del logro de modificar la PDD que nos paso.
Ahora lo reporto.

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

By losxengaby - 02-06-2015 00:28

[✪ FX ✪]

gracias no sabiagracias no sabia

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

By juanzito - 03-06-2015 01:31

gracias por la infogracias por la info

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

By gabriel3622 - 09-06-2015 03:28

[S 29 F]

upup

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

By losxengaby - 10-06-2015 00:53

[✪ FX ✪]

Solucionado graciasSolucionado gracias

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

By zerorevenger - 10-06-2015 17:57

[S-22]

Un dia de estos, voy a renovar un poco el post y hacerlo un poco mas atractivo:PUn dia de estos, voy a renovar un poco el post y hacerlo un poco mas atractivo:P

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

By catito64 - 10-07-2015 03:00

[✪ FX ✪]

que panzo con las imagenes?????que panzo con las imagenes?????

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

By lykahios - 10-07-2015 05:26

[MFC]

como poner el contadorcomo poner el contador

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

By matu_mjc - 17-12-2015 13:12

[✪ FX ✪]

levanto asi lo tengo a mano para sacarme unas dudaslevanto asi lo tengo a mano para sacarme unas dudas

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

By federojo33 - 07-01-2016 19:22

[LSG-MZ]
President

Buenas, por empezar gracias por tomarse el trabajo de aclarar muchas, dudas, para agregar imagenes a una federacion (en palabras de la federacion) debo seguir el mismo metodo?Buenas, por empezar gracias por tomarse el trabajo de aclarar muchas, dudas, para agregar imagenes a una federacion (en palabras de la federacion) debo seguir el mismo metodo?

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

By huguin151 - 17-01-2016 12:03

[MZ]

gente quise poner para q el texto corra tal como lo publicaron y no pasa nada D: , es mas lo copie tal cual esta escrito y sigue igual alguna ayuda??gente quise poner para q el texto corra tal como lo publicaron y no pasa nada D: , es mas lo copie tal cual esta escrito y sigue igual alguna ayuda??

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

By juanialta3 - 22-05-2016 01:06

[MATADE]
President

como pongo la clasificacion de la liga en pddcomo pongo la clasificacion de la liga en pdd

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

By deleted_8492684 - 23-11-2017 17:04

Como se puede eliminar el espacio que queda entre las imagenes subidas a la PDD? Pueden quedar pegadas? sin espacio?Como se puede eliminar el espacio que queda entre las imagenes subidas a la PDD?
Pueden quedar pegadas? sin espacio?

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

By marcelit0 (FA) - 23-11-2017 20:56

[FVMZ]

Revisa si entre una y otra tienes la etiqueta <br />. De ser así prueba a eliminarla a ver si con eso te aparecen pegadas.

maguila001 wrote:

Como se puede eliminar el espacio que queda entre las imagenes subidas a la PDD?
Pueden quedar pegadas? sin espacio?

Revisa si entre una y otra tienes la etiqueta <br />. De ser así prueba a eliminarla a ver si con eso te aparecen pegadas.

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

By deleted_8492684 - 23-11-2017 22:32

No, no tengo esa etiqueta Gracias igual!

marcelit0 wrote:

Revisa si entre una y otra tienes la etiqueta <br />. De ser así prueba a eliminarla a ver si con eso te aparecen pegadas.

No, no tengo esa etiqueta
Gracias igual!

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

By marcelit0 (FA) - 24-11-2017 14:28

[FVMZ]

Pega aquí el código de tu PDD a ver si se nos ocurre algo [:)].Pega aquí el código de tu PDD a ver si se nos ocurre algo .

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

By deleted_8492684 - 26-11-2017 17:31

Gracias Marcelito por la onda Este es el codigo por ahora... meti 4 imagenes <center><a href="https://ibb.co/iZkvJR"><img src="https://preview.ibb.co/jCLjCm/Escudo.jpg" alt="Escudo" border="0"></a> <center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/g64Q2m/estadio.jpg" alt="hinchas" border="0"></a> <center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/dNm8oR/jugadores.jpg" alt="hinchas" border="0"></a> <center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/mTSNXm/hinchas.jpg" alt="hinchas" border="0"></a></center>Gracias Marcelito por la onda
Este es el codigo por ahora... meti 4 imagenes

<center><a href="https://ibb.co/iZkvJR"><img src="https://preview.ibb.co/jCLjCm/Escudo.jpg" alt="Escudo" border="0"></a>
<center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/g64Q2m/estadio.jpg" alt="hinchas" border="0"></a>
<center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/dNm8oR/jugadores.jpg" alt="hinchas" border="0"></a>
<center><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/mTSNXm/hinchas.jpg" alt="hinchas" border="0"></a></center>

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

By masterrhonaldo (FA) - 27-11-2017 15:24

[✪ FX ✪]

Claro ... cada una la tienes en su bloque 'center' Colocalas todas bajo el mismo bloque, sino lo entiende que estan en lineas diferentes [code]<center> <a href="https://ibb.co/iZkvJR"><img src="https://preview.ibb.co/jCLjCm/Escudo.jpg" alt="Escudo" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/g64Q2m/estadio.jpg" alt="hinchas" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/dNm8oR/jugadores.jpg" alt="hinchas" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/mTSNXm/hinchas.jpg" alt="hinchas" border="0"></a> </center>[/code]Claro ... cada una la tienes en su bloque 'center'
Colocalas todas bajo el mismo bloque, sino lo entiende que estan en lineas diferentes
<center>
<a href="https://ibb.co/iZkvJR"><img src="https://preview.ibb.co/jCLjCm/Escudo.jpg" alt="Escudo" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/g64Q2m/estadio.jpg" alt="hinchas" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/dNm8oR/jugadores.jpg" alt="hinchas" border="0"></a><a href="https://ibb.co/kwspCm"><img src="https://preview.ibb.co/mTSNXm/hinchas.jpg" alt="hinchas" border="0"></a>
</center>

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

By deleted_8492684 - 27-11-2017 18:09

Gracias!! Igual queda una linea que separa las imagenes. Pero por lo menos es mas chica.Gracias!!
Igual queda una linea que separa las imagenes. Pero por lo menos es mas chica.

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

By barbazul - 20-01-2024 20:58

UpUp

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

By devil-93 - 17-02-2024 01:11

Up! The best guia! SaludosUp! The best guia! Saludos

Previous

Page 1 2 3