Member Avatar for osirus

I have learned how to change the untitled document to a title in the browser tab when using the my index.html frames website. I have a default livejournal icon and would like to replace it with another image or delete it. How would i go about doing that?

  • 3 Contributors
  • 3 Replies
  • 129 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by Rickfoster

Dani AI

Generated

pointed the OP in the right direction and confirmed it fixed the page. The following practical checklist fills in common gaps for framed sites, caching, and mobile support.

Place the favicon declaration in the top-level frameset (the parent index.html) inside its <head> so the browser uses it for the whole framed site. Use absolute or root-relative paths because link URLs are resolved relative to the document that contains them. Older browsers will still fallback to /favicon.ico if no link is present.

Example head snippet to cover modern and legacy cases:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Recommended practical steps:

  • Generate a multi-size .ico (16x16, 32x32, 48x48) and PNGs for larger icons (180x180 for iOS, 192x192 for Android). Tools such as RealFaviconGenerator produce all files and the head markup.
  • Deploy the files to the site root and also include the explicit link tags above so every browser finds the right file.
  • After replacing the icon, clear browser cache or use a new filename/link to bypass cached copies. Servers should serve .ico with a correct Content-Type (commonly image/x-icon).
  • For Progressive Web App support, add a site.webmanifest and the appropriate meta tags; see the MDN favicon/compatibility notes at MDN: Favicon.

If the pages are served inside a third-party platform or under another domain (for example LiveJournal-hosted pages), the hosting platform may supply its own icon; the platform’s customization settings or templates must be used to change it.

Recommended Answers

All 3 Replies

Member Avatar for Lusiphur

The livejournal "icon" that you're referring to is commonly known as a 'favicon' and is generated from an icon file in your web directory (or an image directory which is referenced by the metatag(s) for the favicon in your webpage(s)).

If you click the link I provided above you will see a 'how to' related to favicons that might help you sort out:

  1. Where your current favicon is located
  2. How to create a custom favicon for your site

Hope that helps :) Please remember to mark your thread solved once your issue is resolved.

Member Avatar for osirus

wow! thank you for the help. Great information, fixed up my page real quick.

Member Avatar for Rickfoster

this is a helpful post thanx to all

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.