Los enlaces externos suelen mostrar un icono al final del enlace. CSS se utiliza para comprobar ciertas extensiones de nombre de archivo o esquemas de URI y aplicar un icono específico a ese tipo de archivo, según el aspecto seleccionado . [1]
Esta página contiene URL de ejemplo para demostrar los íconos de enlace. El icono mostrado sólo depende de la propia URL. No se comprueba si realmente hay un archivo de ese tipo en el enlace. Los ejemplos aquí no enlazan con archivos reales.
El software MediaWiki detecta esquemas de URI y/o extensiones de nombre de archivo para crear un enlace; por lo tanto, a los enlaces sin un URI no se les aplicará un enlace externo. MediaWiki no intenta detectar ninguna parte de la URL para crear un enlace, como por ejemplo www, que muchos sitios web no utilizan en la URL.
La máscara estándar de Wikipedia, Vector , muestra solo íconos de PDF, al igual que Colonia Azul . Modern , MonoBook y Timeless muestran un conjunto completo de íconos de extensiones de nombre de archivo y algunos íconos de esquema URI; Minerva (móvil) no muestra ninguno. Los íconos se definen en el CSS para cada máscara, excepto el ícono de PDF, que se muestra si "pdf" está en cualquier parte de la extensión del nombre de archivo. [a]
Los iconos de extensión de nombre de archivo se muestran solo si la extensión coincide con el texto. Los iconos de extensión de nombre de archivo tienen prioridad sobre los iconos de esquema URI. Internet Explorer puede mostrar un espacio vacío o un icono mal colocado si la página se muestra con un ajuste de línea dentro del texto del enlace. Los iconos de enlaces no cumplen con los estándares de accesibilidad , ya que no se puede agregar texto alternativo.
Se puede ocultar un icono de enlace con la plainlinksclase o {{ Enlace simple }}, pero esto no es recomendable.
< abarcan clase = "enlaces simples" > http://example.org/test.pdf </ abarcan >Se pueden agregar íconos personalizados editando Special:MyPage/skin.css (solo el skin actual) o Special:MyPage/common.css (todos los skins). Por ejemplo, para agregar un ícono para archivos de Excel:
# contenido a [ href $= ".xls" ] . externo , # contenido a [ href $= ".XLS" ] . externo , # contenido a [ href $= ".xlsx" ] . externo , # contenido a [ href $= ".XLSX" ] . externo { fondo : url ( "http://upload.wikimedia.org/wikipedia/commons/b/ba/Page_white_excel.png" ) centro derecha sin repetición ; relleno-derecha : 18 px ; } Cuando se actualice correctamente, este enlace mostrará un icono de Excel:
El marcado detecta extensiones de archivo .xls o .xlsx con mayúsculas y minúsculas. La imagen debe tener 16 píxeles de ancho. El enlace de la imagen debe ser de http://upload.wikimedia.org. Para obtener este enlace, vaya a la página del archivo y haga clic en la imagen para abrirla sin la descripción del archivo, luego copie la URL.
Para eliminar un ícono predeterminado, simplemente agregue el CSS sin URL. Por ejemplo, para eliminar el icono del candado al visualizar enlaces seguros:
# contenido a [ href ^= "https://" ] . externo { fondo : centro derecha sin repetición ; relleno-derecha : 18 px ; } Para eliminar todos los íconos predeterminados, use este CSS:
# contenido a . externo { fondo : ninguno !importante ; relleno : 0 ! importante ; } 