home Foro de soporte Servicio Foros Comunidades de foros
 
Nuevo editor: Ejemplo de anclas
Haz clic para ver el perfil del usuario
Colega ;)
Colega ;)
· ·
#1 ·

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.


Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#2 ·

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

Haz clic para ver el perfil del usuario
Colega ;)
Colega ;)
· ·
#3 ·

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

Haz clic para ver el perfil del usuarioUser 5140739
Nació y murió en el foro
Nació y murió en el foro
·
#4 ·

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

Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato
· ·
#5 ·

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

me refiero donde pone Ruta:

Haz clic para ver el perfil del usuario
Colega ;)
Colega ;)
· ·
#6 ·

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.

Haz clic para ver el perfil del usuarioUser 5140739
Nació y murió en el foro
Nació y murió en el foro
·
#7 ·

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

Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro
·
#8 ·
Este usuario ha sido baneado de miarroba
Haz clic para ver el perfil del usuario
Colega ;)
Colega ;)
· ·
#9 ·
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 ;)
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#10 ·

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

Un slaudo!

Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#11 · ·
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.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuarioUser 5140739
Nació y murió en el foro
Nació y murió en el foro
·
#12 ·

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

Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#13 ·
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.
Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#14 ·

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

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#15 ·

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.

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#16 ·

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í???

Haz clic para ver el perfil del usuario
Administrador del foro
Administrador del foro
· ·
#17 ·

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


Luis Mendaña
https://miarroba.com
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#18 ·

a ok entonces lo hice bien muchas gracias

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
Foro de soporte · Servicio Foros · Comunidades de foros
Opciones:
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
Ahora son las 23:23 UTC+02:00 DST
Temas similares
 I TemaAutorMensajesVisitasÚltima respuesta
No Hay mensajes nuevos07/Ago/2008, 20:34
167708/Ago/2008, 16:48
 Ir al último mensaje del tema
No Hay mensajes nuevos12/Jul/2008, 17:20
42k12/Jul/2008, 20:03
 Ir al último mensaje del tema
No Hay mensajes nuevos08/Jul/2008, 22:49
372409/Jul/2008, 01:17
 Ir al último mensaje del tema
No Hay mensajes nuevos08/Jul/2008, 11:37
83k17/Jul/2008, 20:11
 Ir al último mensaje del tema
No Hay mensajes nuevos26/Sep/2006, 16:53
045526/Sep/2006, 16:53
 Ir al último mensaje del tema