Entrar Regístrate
 
Nuevo editor: Ejemplo de anclas
#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.




Tito
Administrador del foro
Administrador del foro
Haz clic para ver el perfil del usuario
Mensajes: 3.522
Desde: 08/Mar/2002
· ·
#2 ·
¿Esto es lo de los enlaces internos...?

Ellocodelataquilla
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 1.770
Desde: 08/Dic/2007
· ·
#3 ·
Esta es la explicación del botón del ancla, si con enlaces internos te refieres a el, pues sí :)


Tito
Administrador del foro
Administrador del foro
Haz clic para ver el perfil del usuario
Mensajes: 3.522
Desde: 08/Mar/2002
· ·
#4 ·
Ya vemos como quedan, pero la pregunta es: ¿como se hace eso?

User 5140739
Nació y murió en el foro
Nació y murió en el foro
Haz clic para ver el perfil del usuario
Mensajes: 1.213
Desde: 26/May/2008
·
#5 ·
Y lo que sale abajo del todo tiene algo que ver con las anclas?

me refiero donde pone Ruta:

rafastrife
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 9
Desde: 09/Jun/2008
· ·
#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.


Tito
Administrador del foro
Administrador del foro
Haz clic para ver el perfil del usuario
Mensajes: 3.522
Desde: 08/Mar/2002
· ·
#7 ·
El nombre del ancla sería lo que se ve, no?

User 5140739
Nació y murió en el foro
Nació y murió en el foro
Haz clic para ver el perfil del usuario
Mensajes: 1.213
Desde: 26/May/2008
·
#8 ·
Este usuario ha sido baneado de miarroba
H-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
·
#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 ;)


Tito
Administrador del foro
Administrador del foro
Haz clic para ver el perfil del usuario
Mensajes: 3.522
Desde: 08/Mar/2002
· ·
#10 ·
Esta aplicación está geniaaaaaaaaaaaaaaaaal!!!! Se gana navegavilidad (qué palabro!!) en los posts explicativos que se extienden un tantito... GENIAL!!

Un slaudo!

Last_Alexiel
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 94
Desde: 18/Oct/2002
· ·
#11 · · Editado 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.


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


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#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

User 5140739
Nació y murió en el foro
Nació y murió en el foro
Haz clic para ver el perfil del usuario
Mensajes: 1.213
Desde: 26/May/2008
·
#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.

Ellocodelataquilla
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 1.770
Desde: 08/Dic/2007
· ·
#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


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#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.

Admeto_Greekman
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 91
Desde: 28/Abr/2006
· ·
#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í???

stargate777
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 93
Desde: 18/Abr/2008
· ·
#17 ·
El ancla en si, no se ve, solo es una posición del documento HTML.


Luis Mendaña
http://miarroba.es
LiM
Administrador del foro
Administrador del foro
Haz clic para ver el perfil del usuario
Mensajes: 5.799
Desde: 07/Mar/2002
· ·
#18 ·
a ok entonces lo hice bien muchas gracias

stargate777
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 93
Desde: 18/Abr/2008
· ·
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 · Comunidades de foros · Comunidades de foros
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
Ahora son las 05:59 UTC+02:00 DST
Temas similares
No se han encontrado temas similares