Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Automatic link icons

Featured Replies

Is there any way, using regular HTML, CSS, PHP or JavaScript to have a webpage automatically insert a certain corresponding icon before a link to a file that is not HTML, PHP or something else that is "regular" for the browser? I want to be able to let people know that the link is to PDF or PowerPoint or something like that, and I don't want to have to insert

<img src="/icons/pdf.png" width="16" height="16" alt="PDF document" />

or something like that before every link to a certain file. Also it would be nice to be able to do something like what wikipedia does where if a link is external, it shows a little arrow next to it and is a slightly different color. Anyone know of a way to do this? This would be going on PHP pages, but any method with CSS or JavaScript or PHP or just plain old (X)HTML would work.

What first came to mind was a Greasemonkey script, but that only modifies the page locally. :}

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.