·
miarroba.com
Nuevo editor: Ejemplo de anclas
 
Índice de subforos · Comunidades de foros · Comunidades de foros
Foros · Noticias · Buscar · Usuarios · Fisgona
Mensaje Autor 
#1 ·
Nuevo editor: Ejemplo de anclas

Como he visto que unos cuantos teniais curiosidad por las anclas, aqui dejo un ejemplo de para que sirven...

Con los anclas se marca una parte de la pagina con un nombre (en este ejemplo hay 6 anclas, una en cada titulo y otra al principio del ejemplo) para poder acceder rapidamente a esa zona. La forma de ir a cada ancla es creando un enlace y poner en la URL lo siguiente: "#NombreDelAncla" ... obviamente, NombreDelAncla lo cambiais por el nombre del ancla al que quereis ir.

A continuacion el ejemplo para que veais como funciona:



Vamos a probar los anclas....
  1. Titulo 1
  2. Titulo 2
  3. Titulo 3
  4. Titulo 4
  5. Titulo 5
Titulo 1

Loremipsum dolor sit amet, consectetuer adipiscing elit. Sed ante.Nullafacilisi. Ut nec enim. Aenean et orci ut eros eleifend rutrum.Aeneanipsum. Duis ultricies, odio ac sollicitudin elementum, odioanteporttitor nisi, et commodo orci nunc volutpat nunc. Aeneanpretiumsagittis felis. Sed neque. Vivamus quis leo. Vestibulum dapibusvelitlaoreet nunc. Donec ac justo. Curabitur aliquam blandit felis.

Utrhoncus mollis tortor. Fusce semper euismod turpis. Donec acturpis acdiam adipiscing hendrerit. Vivamus eget metus eu loremconsectetuerfeugiat. Donec vitae tortor. Maecenas ut mi. Curabiturfringilla.Aliquam hendrerit. Sed a risus. Donec blandit nulla at ante.Curabiturquam enim, interdum et, malesuada eget, aliquet vulputate,leo.

Vivamusnunc libero, eleifend id, lobortis ac, faucibus pretium,justo. Duiseros tortor, blandit vel, imperdiet sed, varius vel, eros.Pellentesquerutrum diam a neque. Fusce id enim. Pellentesque habitantmorbitristique senectus et netus et malesuada fames ac turpis egestas.Donecnec risus. Etiam euismod ligula ut magna. Aliquam tristique antenecpurus. Vivamus dapibus feugiat urna. Cras vestibulum.Suspendisseporttitor accumsan massa.

Titulo 2

Loremipsum dolor sit amet, consectetuer adipiscing elit. Sed ante.Nullafacilisi. Ut nec enim. Aenean et orci ut eros eleifend rutrum.Aeneanipsum. Duis ultricies, odio ac sollicitudin elementum, odioanteporttitor nisi, et commodo orci nunc volutpat nunc. Aeneanpretiumsagittis felis. Sed neque. Vivamus quis leo. Vestibulum dapibusvelitlaoreet nunc. Donec ac justo. Curabitur aliquam blandit felis.

Utrhoncus mollis tortor. Fusce semper euismod turpis. Donec acturpis acdiam adipiscing hendrerit. Vivamus eget metus eu loremconsectetuerfeugiat. Donec vitae tortor. Maecenas ut mi. Curabiturfringilla.Aliquam hendrerit. Sed a risus. Donec blandit nulla at ante.Curabiturquam enim, interdum et, malesuada eget, aliquet vulputate,leo.

Vivamusnunc libero, eleifend id, lobortis ac, faucibus pretium,justo. Duiseros tortor, blandit vel, imperdiet sed, varius vel, eros.Pellentesquerutrum diam a neque. Fusce id enim. Pellentesque habitantmorbitristique senectus et netus et malesuada fames ac turpis egestas.Donecnec risus. Etiam euismod ligula ut magna. Aliquam tristique antenecpurus. Vivamus dapibus feugiat urna. Cras vestibulum.Suspendisseporttitor accumsan massa.

Titulo 3

Loremipsum dolor sit amet, consectetuer adipiscing elit. Sed ante.Nullafacilisi. Ut nec enim. Aenean et orci ut eros eleifend rutrum.Aeneanipsum. Duis ultricies, odio ac sollicitudin elementum, odioanteporttitor nisi, et commodo orci nunc volutpat nunc. Aeneanpretiumsagittis felis. Sed neque. Vivamus quis leo. Vestibulum dapibusvelitlaoreet nunc. Donec ac justo. Curabitur aliquam blandit felis.

Utrhoncus mollis tortor. Fusce semper euismod turpis. Donec acturpis acdiam adipiscing hendrerit. Vivamus eget metus eu loremconsectetuerfeugiat. Donec vitae tortor. Maecenas ut mi. Curabiturfringilla.Aliquam hendrerit. Sed a risus. Donec blandit nulla at ante.Curabiturquam enim, interdum et, malesuada eget, aliquet vulputate,leo.

Vivamusnunc libero, eleifend id, lobortis ac, faucibus pretium,justo. Duiseros tortor, blandit vel, imperdiet sed, varius vel, eros.Pellentesquerutrum diam a neque. Fusce id enim. Pellentesque habitantmorbitristique senectus et netus et malesuada fames ac turpis egestas.Donecnec risus. Etiam euismod ligula ut magna. Aliquam tristique antenecpurus. Vivamus dapibus feugiat urna. Cras vestibulum.Suspendisseporttitor accumsan massa.

Titulo 4

Loremipsum dolor sit amet, consectetuer adipiscing elit. Sed ante.Nullafacilisi. Ut nec enim. Aenean et orci ut eros eleifend rutrum.Aeneanipsum. Duis ultricies, odio ac sollicitudin elementum, odioanteporttitor nisi, et commodo orci nunc volutpat nunc. Aeneanpretiumsagittis felis. Sed neque. Vivamus quis leo. Vestibulum dapibusvelitlaoreet nunc. Donec ac justo. Curabitur aliquam blandit felis.

Utrhoncus mollis tortor. Fusce semper euismod turpis. Donec acturpis acdiam adipiscing hendrerit. Vivamus eget metus eu loremconsectetuerfeugiat. Donec vitae tortor. Maecenas ut mi. Curabiturfringilla.Aliquam hendrerit. Sed a risus. Donec blandit nulla at ante.Curabiturquam enim, interdum et, malesuada eget, aliquet vulputate,leo.

Vivamusnunc libero, eleifend id, lobortis ac, faucibus pretium,justo. Duiseros tortor, blandit vel, imperdiet sed, varius vel, eros.Pellentesquerutrum diam a neque. Fusce id enim. Pellentesque habitantmorbitristique senectus et netus et malesuada fames ac turpis egestas.Donecnec risus. Etiam euismod ligula ut magna. Aliquam tristique antenecpurus. Vivamus dapibus feugiat urna. Cras vestibulum.Suspendisseporttitor accumsan massa.

Titulo 5

Loremipsum dolor sit amet, consectetuer adipiscing elit. Sed ante.Nullafacilisi. Ut nec enim. Aenean et orci ut eros eleifend rutrum.Aeneanipsum. Duis ultricies, odio ac sollicitudin elementum, odioanteporttitor nisi, et commodo orci nunc volutpat nunc. Aeneanpretiumsagittis felis. Sed neque. Vivamus quis leo. Vestibulum dapibusvelitlaoreet nunc. Donec ac justo. Curabitur aliquam blandit felis.

Utrhoncus mollis tortor. Fusce semper euismod turpis. Donec acturpis acdiam adipiscing hendrerit. Vivamus eget metus eu loremconsectetuerfeugiat. Donec vitae tortor. Maecenas ut mi. Curabiturfringilla.Aliquam hendrerit. Sed a risus. Donec blandit nulla at ante.Curabiturquam enim, interdum et, malesuada eget, aliquet vulputate,leo.

Vivamusnunc libero, eleifend id, lobortis ac, faucibus pretium,justo. Duiseros tortor, blandit vel, imperdiet sed, varius vel, eros.Pellentesquerutrum diam a neque. Fusce id enim. Pellentesque habitantmorbitristique senectus et netus et malesuada fames ac turpis egestas.Donecnec risus. Etiam euismod ligula ut magna. Aliquam tristique antenecpurus. Vivamus dapibus feugiat urna. Cras vestibulum.Suspendisseporttitor accumsan massa.



TitoTito
Administrador del foro
Administrador del foro

Haz clic para ver el perfil del usuario
Mensajes: 1.849
Desde: 08/Mar/2002
08/Jul/2008 10:33 GMT+1
#2 ·
RE: Nuevo editor: Ejemplo de anclas

¿Esto es lo de los enlaces internos...?

EllocodelataquillaEllocodelataquilla
@man / @woman
@man / @woman

Haz clic para ver el perfil del usuario
Mensajes: 1.770
Desde: 08/Dic/2007
08/Jul/2008 11:36 GMT+1
#3 ·
RE: Nuevo editor: Ejemplo de anclas

Esta es la explicación del botón del ancla, si con enlaces internos te refieres a el, pues sí :)

TitoTito
Administrador del foro
Administrador del foro

Haz clic para ver el perfil del usuario
Mensajes: 1.849
Desde: 08/Mar/2002
08/Jul/2008 11:39 GMT+1
#4 ·
RE: Nuevo editor: Ejemplo de anclas

Ya vemos como quedan, pero la pregunta es: ¿como se hace eso?

IosuiscloudIosuiscloud
Nació y murió en el foro
Nació y murió en el foro

Haz clic para ver el perfil del usuario
Mensajes: 1.209
Desde: 26/May/2008
08/Jul/2008 13:18 GMT+1
#5 ·
RE: Nuevo editor: Ejemplo de anclas

Y lo que sale abajo del todo tiene algo que ver con las anclas?

me refiero donde pone Ruta:

rafastriferafastrife
Usuario Novato
Usuario Novato

Haz clic para ver el perfil del usuario
Mensajes: 9
Desde: 09/Jun/2008
08/Jul/2008 13:21 GMT+1
#6 ·
RE: Nuevo editor: Ejemplo de anclas

El boton que es un ancla (pegado a los de enlace) para poner un ancla, y depues colocar los enlaces a los anclas utilizando como URL @NombreDelAncla

En breve vamos a hacer una actualizacion de ficheros ya que no funcionaban correctamente.

TitoTito
Administrador del foro
Administrador del foro

Haz clic para ver el perfil del usuario
Mensajes: 1.849
Desde: 08/Mar/2002
08/Jul/2008 13:22 GMT+1
#7 ·
RE: Nuevo editor: Ejemplo de anclas

El nombre del ancla sería lo que se ve, no?

IosuiscloudIosuiscloud
Nació y murió en el foro
Nació y murió en el foro

Haz clic para ver el perfil del usuario
Mensajes: 1.209
Desde: 26/May/2008
08/Jul/2008 13:33 GMT+1
#8 ·
RE: Nuevo editor: Ejemplo de anclas

Ahhhh...vale....si....yo ayer pregunté justamente por las anclas...porque no sabia pa k eran...

Osea que es para ir a una determinada zona de un post ¿no?

Está bien, aunque, sinceramente, no creo que las use mucho...

H-BlacK-DeathstreaMH-BlacK-DeathstreaM
Come y duerme en el foro
Come y duerme en el foro

Haz clic para ver el perfil del usuario
Mensajes: 451
Desde: 16/Sep/2006
08/Jul/2008 13:47 GMT+1
#9 ·
RE: Nuevo editor: Ejemplo de anclas

Escrito originalmente por iosuiscloud
El nombre del ancla sería lo que se ve, no?

No, el nombre del ancla digamos que es un identificador para marcar esa posicion.

De todas formas, ahora se va a realizar una actualizacion de los ficheros, te aconsejo que hagas alguna prueba siguiendo los pasos que he dado y asi ves como funciona ;)

PD: Haz una "cita" de mi mensaje y asi ves como esta en el editor ;)

TitoTito
Administrador del foro
Administrador del foro

Haz clic para ver el perfil del usuario
Mensajes: 1.849
Desde: 08/Mar/2002
08/Jul/2008 14:18 GMT+1
#10 ·
RE: Nuevo editor: Ejemplo de anclas

Esta aplicación está geniaaaaaaaaaaaaaaaaal!!!! Se gana navegavilidad (qué palabro!!) en los posts explicativos que se extienden un tantito... GENIAL!!

Un slaudo!

Last_AlexielLast_Alexiel
Usuario habitual
Usuario habitual

Haz clic para ver el perfil del usuario
Mensajes: 47
Desde: 18/Oct/2002
08/Jul/2008 14:37 GMT+1
#11 ·
RE: Nuevo editor: Ejemplo de anclas

Escrito originalmente por Ellocodelataquilla
¿Esto es lo de los enlaces internos...?
es lo que hace la etiqueta a name...  o para los que usan dreamweaver lo que se conoce como punto de fijación con nombre al menos en la versión 4 que es la que sigo usando yo...

Y que por cierto dicha función es muy útil tanto para todo tipo de webs, (foros, blogs) en los que hayan indices temáticos y cosas similares, aunque claro está cada cual lo usa para lo que se venga en gana.



Editado por chavpchavp, Martes, 8 de Julio de 2008, 15:18
chavpchavp
Moderador
Moderador

Haz clic para ver el perfil del usuario

Usuario PRO Usuario PRO
Mensajes: 18.077
Desde: 20/Dic/2002
08/Jul/2008 15:17 GMT+1
#12 ·
RE: Nuevo editor: Ejemplo de anclas

Ya está entendido lo de los anclas, gracias. (Podía haber probado a editar al principio pero no sabía si se iban a ver...)

Gracias

IosuiscloudIosuiscloud
Nació y murió en el foro
Nació y murió en el foro

Haz clic para ver el perfil del usuario
Mensajes: 1.209
Desde: 26/May/2008
08/Jul/2008 15:23 GMT+1
#13 ·
RE: Nuevo editor: Ejemplo de anclas

Escrito originalmente por chavp
Escrito originalmente por Ellocodelataquilla
¿Esto es lo de los enlaces internos...?
es lo que hace la etiqueta a name...  o para los que usan dreamweaver lo que se conoce como punto de fijación con nombre al menos en la versión 4 que es la que sigo usando yo...

Y que por cierto dicha función es muy útil tanto para todo tipo de webs, (foros, blogs) en los que hayan indices temáticos y cosas similares, aunque claro está cada cual lo usa para lo que se venga en gana.
Si ya. Yo es que con el manual que aprendí HTML recuerdo que los llamaba "internos" al ser dentro de un mismo documento.
Gracias por la aclaración a los dos.

EllocodelataquillaEllocodelataquilla
@man / @woman
@man / @woman

Haz clic para ver el perfil del usuario
Mensajes: 1.770
Desde: 08/Dic/2007
08/Jul/2008 19:22 GMT+1
#14 ·
RE: Nuevo editor: Ejemplo de anclas


Epa que sólo tomé tu respuesta como referencia, para complementar algo.

chavpchavp
Moderador
Moderador

Haz clic para ver el perfil del usuario

Usuario PRO Usuario PRO
Mensajes: 18.077
Desde: 20/Dic/2002
08/Jul/2008 21:08 GMT+1
#15 ·
RE: Nuevo editor: Ejemplo de anclas

Hago punto a punto como se explica en este tema pero en mi foro no sale bien. Al hacerlo todo parece correcto, pero luego al previsualizar o publicar los enlaces están muertos.

Admeto_GreekmanAdmeto_Greekman
Usuario habitual
Usuario habitual

Haz clic para ver el perfil del usuario
Mensajes: 91
Desde: 28/Abr/2006
11/Jul/2008 17:37 GMT+1
#16 ·
RE: Nuevo editor: Ejemplo de anclas

yo he un post he puesto una ruta interna y le puse un ancla el enlace funciona perfectamente pero el ancla no se ve funciona así???

stargate777stargate777
Usuario habitual
Usuario habitual

Haz clic para ver el perfil del usuario
Mensajes: 93
Desde: 18/Abr/2008
13/Jul/2008 19:04 GMT+1
#17 ·
RE: Nuevo editor: Ejemplo de anclas

El ancla en si, no se ve, solo es una posición del documento HTML.


“Un banquero es un señor que nos presta un paraguas cuando hace sol y nos lo exige cuando empieza a llover”. "Mark Twain"
LiMLiM
Administrador del foro
Administrador del foro

Haz clic para ver el perfil del usuario

Usuario PRO Usuario PRO
Mensajes: 4.934
Desde: 07/Mar/2002
14/Jul/2008 17:38 GMT+1
#18 ·
RE: Nuevo editor: Ejemplo de anclas

a ok entonces lo hice bien muchas gracias

stargate777stargate777
Usuario habitual
Usuario habitual

Haz clic para ver el perfil del usuario
Mensajes: 93
Desde: 18/Abr/2008
14/Jul/2008 17:42 GMT+1
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Índice de subforos · Comunidades de foros · Comunidades de foros
Temas similares
Asunto Autor#VisitasÚltima respuesta
Editor de votos18/Ene/2009, 10:25
EvA-98EvA-98
112218/Ene/2009, 10:33
NoSetup.orgNoSetup.org Ir al último mensaje del tema
Problemas con el editor del foro..25/Ago/2008, 15:57
claumar1claumar1
120925/Ago/2008, 15:59
claumar1claumar1 Ir al último mensaje del tema
Problemas con el nuevo editor07/Ago/2008, 20:34
amargura_del_refugioamargura_del_refugio
126208/Ago/2008, 16:48
NoSetup.orgNoSetup.org Ir al último mensaje del tema
problemas con el editor de mensajes17/Jul/2008, 23:44
SriGovindaSriGovinda
752524/Jul/2008, 14:30
demoniodehieldemoniodehiel Ir al último mensaje del tema
Nuevo editor: Mensajes con enlaces12/Jul/2008, 17:20
joseraeljoserael
451312/Jul/2008, 20:03
Sephiroth_ShinraSephiroth_Shinra Ir al último mensaje del tema
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Todas las fechas y horas son GMT+1. Ahora son las 18:52
Miarroba Networks, S.L. C/ 18 de Julio, 21 Bajo, 39610 Astillero (CANTABRIA) - CIF B-39512736
Inscrita en el Registro Mercantil de Cantabria, tomo 743, folio 161, libro 0, hoja S-12428, Inscripción 1ª