{"url":"https://userstyles.org/styles/6488/custom-new-tab-loading-image-personalized-logo","name":"Custom New Tab Loading Image - Personalized Logo","description":"Makes ALL new PageLoads, About:Blank, and TabLoads display an image of your choice.  Excellent way to implement a new personal or company-wide UI feature for your favorite web browser.\r\n\r\nIntegrates with Style 6710 and if both styles are installed, you can customize both the about:blank look AND the new-tab's background image as well.  When you open a new tab, it will display your custom image until something from that site is able to be displayed.  \r\n\r\nFeatures:\r\n- Appears when opening new tabs\r\n- Appears when loading new tabs content\r\n- Appears within loading page contents (a loading div control containing a frame of another site)\r\n- Appears when a page transitions to external or new domain\r\n- Appears on the Firefox Page - About:Logo (In Firefox 2)\r\n- Works in Firefox 2, AND Firefox 3!\r\n- Clean and very appropriate default image, included with style (Firefox logo - shadowed)\r\n- Makes your browser look great, and adds that \"wow\" factor.\r\n\r\nAdditional Information:\r\nThis Style has been tested on multiple Firefox Themes, and has worked perfectly on each.\r\n*NOTE: Please Clear your Cache and Restart your browser after installing or changing this style, your custom image will need to be cached in order for it to be displayed.\r\n\r\nInstructions:\r\nIn the CSS, change the website image I provided to the image you wish to display (I am currently using an edited logo of my company)\r\nYou may also change the background HEX color to match your image\r\n\r\nImage Preview:\r\nYou can preview the exact image that I use in the style by visiting the following URL: \u003chttp://www.library.drexel.edu/blogs/librarylog/firefox.jpg\u003e\r\n\r\nChangelog:\r\n1.0.0.3:\r\n+ Added new code to use data-PNG instead of web requesting the image (Image is rendered locally without hitting a website).\r\n+ Now you can use this style offline\r\n+ Code Cleanup has been initiated - Now the code follows a strict path, and is not wider than the page\r\n* Please Remember to BACK UP your custom code before updating\r\n\r\n1.0.0.2:\r\n + Cleaned up code - adding tab indenting, and cleaner look\r\n + Added instructional lines into the code, assisting users with what attribute values to edit\r\n + Slightly changed title name of Style\r\n + Added \"Before\" image screenshot\r\n - Update is not required functionality-wise, and I suggest copying your current image-path if you have changed it, and paste it back in after the update.\r\n\r\n1.0.0.1:\r\n + Included a new picture (screenshot) of what a loading tab could look like\r\n + Linked project to my new style 6710\r\n - Update is not required function-wise","author":"dotter","created":"2008-04-16T14:22:52.000Z","created_ago":"about 18 years","updated":"2008-10-23T22:16:29.000Z","updated_ago":"over 17 years","category":"app","subcategory":"browser","weekly_installs":0,"total_installs":2204,"rating":"none","isPremium":false,"screenshot":"https://userstyles.org/style_screenshot_thumbnails/6488_after.png?r=1770991219","license":null}